前端模块化(Commonjs,AMD和CMD)
前端模块化(Commonjs,AMD和CMD)
        前端模块规范有三种:CommonJs,AMD和CMD。        CommonJs用在服务器端,AMD和CMD用在浏览器环境。        AMD 是 RequireJS 在推广过程中对模块定义的规范化产出,AMD是提前执行(异步加载:依赖先执行)+延迟执行。        CMD 是 SeaJS 在推广过程中对模块定义的规范化产出,CMD:延迟执行
浏览:1469 标签: Commonjs AMD CMD 模块化
css阻塞与js阻塞
css阻塞与js阻塞
        js 的阻塞        所有浏览器在下载 JS 的时候,会阻止一切其他活动,比如其他资源的下载,内容的呈现等等。直到 JS 下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。为了提高用户体验,新一代浏览器都支持并行下载 JS,但是 JS 下载仍然会阻塞其它资源的下载(例如.图片,css文件等)。  由于浏览器为了防止出现 JS 修改 DOM 树
浏览:1606 标签: js阻塞 css阻塞
渐进增强和优雅降级含义及区别
渐进增强和优雅降级含义及区别
        渐进增强和优雅降级这两个概念是在 CSS3 出现之后火起来的。由于低级浏览器不支持 CSS3,但是 CSS3 特效太优秀不忍放弃,所以在高级浏览器中使用CSS3,而在低级浏览器只保证最基本的功能。二者的目的都是关注不同浏览器下的不同体验,但是它们侧重点不同,所以导致了工作流程上的不同。        渐进增强的例子.transition {/*渐进增强写法*/
浏览:1577 标签: 渐进增强 优雅降级 css3
移动端事件对象-touches/targetTouches/changedTouches
移动端事件对象-touches/targetTouches/changedTouches
        当给某个元素加上了事件绑定函数之后,事件函数默认的第一个参数就是事件对象。        事件对象:当用户在浏览器下触发了某个行为,事件对象会记录用户操作时一些细节信息。         touches:当前位于*屏幕*上的所有手指的一个列表         targetTouches:位于当前DOM元素上的手指的一个列表         chan
浏览:1463 标签: touches targetTouches changedTouches 移动端
移动端touch事件-ontouchstart/ontouchmove/ontouchend
移动端touch事件-ontouchstart/ontouchmove/ontouchend
        移动端的三大事件         手指按下:ontouchstart;手指移动:ontouchmove;手指抬起:ontouchend。       注意:在移动端开发的时候,浏览器的模拟器时好时坏,一般不用on的方式绑定事件函数,要用事件绑定的方式 (addEventListener)。 var div = document.getElementByI
浏览:1767 标签: touch 移动端
移动端开发适配方式-百分比适配/rem适配/弹性盒模型
移动端开发适配方式-百分比适配/rem适配/弹性盒模型
1、百分比适配<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><metaname="viewport"content="width=device-width,user-scalable=no"><styletype="text/css">     body {marg
浏览:1474 标签: 适配 移动端 rem
移动端开发去除默认css样式/overflow问题
移动端开发去除默认css样式/overflow问题
        清除点击阴影:-webkit-tap-highlight-colora,input,button{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}        清除按钮圆角 (ios上):-webkit-appearanceinput,button {-webkit-appearance: none;border
浏览:1759 标签: 移动端 css
移动端开发viewport设置/常见的meta设置
移动端开发viewport设置/常见的meta设置
        viewport 视口(可视区窗口)<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=.5,minimum-scale=.5,maximum-scale=1">        默认不设置 viewport 一般可视区宽度在移动端是980。width
浏览:1955 标签: viewport 移动端 meta
webpack入门指南
webpack入门指南
        打包初体验        用npm初始化项目,生成 package.json 文件,管理包文件。 npm init -y        安装 webpack,当前版本号 3.10.0 npm install webpack --save-dev        配置  package.json{"name":"menvscode.com","version"
浏览:1240 标签: webpack
原生js实现图片放大镜效果及原理分析
原生js实现图片放大镜效果及原理分析
放大镜的关键原理        鼠标在小图片上移动时,通过捕捉鼠标在小图片的位置,来定位大图片的相应位置。        放大镜的移动方向和大图片的移动方向:横向相反,纵向相反。页面元素        小图片、存放小图片的容器、大图片、存放大图片的容器、放大镜技术点:时间捕获、定位        onmouseover:会在鼠标指针移动到指定的对象上时发生。   
浏览:2464 标签: 放大镜 js
原生js实现图片放大镜效果
原生js实现图片放大镜效果
放大镜原理        放大镜的实现过程是将一个小图放置在一个盒子里。宽高都是100%。当鼠标在小图盒子里移动时,出现一个移动块(阴影区域)。右侧大图片盒子出现一个等比例放大的在小图盒子移动块中的图片内容。如图(请勿过于认真看图片,注意圈圈(¬_¬)):        一定要理解上图中圈起来的阴影块是箭头指向的粉红色圈的等比缩小版。理解了这个在接下来的代码中,我们才知道
浏览:1494 标签: 放大镜 js
前端开发--第三方开发文档集合
前端开发--第三方开发文档集合
1、腾讯开发平台http://wiki.open.qq.com/wiki/%E9%A6%96%E9%A1%B52、微信公众平台技术文档https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp14452414323、微信支付开发文档https://pay.weixin.qq.com/wiki/doc/api/inde
浏览:1407 标签: 开发文档

邮箱快速注册

忘记密码