2019年12月21日
摘要: 首先,设计你的删格. 你是要使用等宽的还是不等宽的网格列?要有多少列数?间隔和列的大小是多少? 当你回答了上面的问题你只能做出正确的网格计算。为了解决大家的困扰,我写了一篇设计删格。如果你正想学习设计一个删格系统可以读一下。 其次,你需要明确你的删格系统在不同视口的表现 当屏幕视口发生变化时你要实时 阅读全文
posted @ 2019-12-21 17:22 颉旺飞 阅读(1059) 评论(0) 推荐(0) 编辑
  2019年12月20日
摘要: 1. 立即执行函数 立即执行函数,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是创建函数的同时立即执行。它没有绑定任何事件,也无需等待任何异步操作: (function() { // 代码 // ...})(); function( 阅读全文
posted @ 2019-12-20 08:13 颉旺飞 阅读(249) 评论(0) 推荐(0) 编辑
  2019年12月19日
摘要: 效果: 1、 鼠标放上去会有半透明遮罩、右边会有大图片局部图 2、 鼠标移动时右边的大图片也会局部移动 放大镜的关键原理: 鼠标在小图片上移动时,通过捕捉鼠标在小图片上的位置,定位大图片的相应位置; 放大镜的移动方向和大图片的移动方向:横向和纵向都是相反,才可以保证同步; 页面元素: 技术点:事件捕 阅读全文
posted @ 2019-12-19 08:09 颉旺飞 阅读(181) 评论(0) 推荐(0) 编辑
  2019年12月18日
摘要: Bootstrap是一组用于网站和网络应用程序开发的开源前端(所谓“前端”,指的是展现给最终用户的界面。与之对应的“后端”是在服务器上面运行的代码)框架,包括HTML、CSS及JavaScript的框架,提供字体排印、窗体、按钮、导航及其他各种组件及Javascript扩展,旨在使动态网页和Web应 阅读全文
posted @ 2019-12-18 08:12 颉旺飞 阅读(1621) 评论(0) 推荐(0) 编辑
  2019年12月17日
摘要: Vue的响应式系统 我们第一次使用Vue的时候,会感觉有些神奇,举个例子: <div id="app"> <div>价格:¥{{price}}</div> <div>总价:¥{{price*quantity}}</div> <div>折扣后:¥{{totlePriceWithTax}}</div>< 阅读全文
posted @ 2019-12-17 08:15 颉旺飞 阅读(257) 评论(0) 推荐(0) 编辑
  2019年12月16日
摘要: JavaScript 可以说是交互之王,它作为脚本语言加上许多 Web Api 进一步扩展了它的特性集,更加丰富界面交互的可操作性。这类 API 的例子包括WebGL API、Canvas API、DOM API,还有一组不太为人所知的 CSS API。 由于JSX和无数JS框架的出现,使通过JS 阅读全文
posted @ 2019-12-16 08:15 颉旺飞 阅读(162) 评论(0) 推荐(0) 编辑
  2019年12月15日
摘要: ECMAScript 变量: 1.基本类型值(简单数据段) 2.引用类型值(可能由过个值构成的对象) → 保存在内存中的对象 动态属性: 只能给引用型值动态添加新属性,以便将来使用。 复制变量值 : 基本类型值的复制 → 在变量对象上创建一个新值 → 复制给新变量(互不影响) 引用类型值的复制 → 阅读全文
posted @ 2019-12-15 14:28 颉旺飞 阅读(209) 评论(0) 推荐(0) 编辑
  2019年12月14日
摘要: 运算符的应用 1:赋值运算符 简单赋值运算符 例如var useName='tom';//简单赋值运算符 复合赋值运算符 a+=b;//相当于a=a+b; a-=b;//相当于a=a-b; a*=b;//相当于a=a*b; a/=b;//相当于a=a/b; a%=b;//相当于a=a%b; a&b= 阅读全文
posted @ 2019-12-14 15:40 颉旺飞 阅读(213) 评论(0) 推荐(0) 编辑
  2019年12月13日
摘要: 在js中,闭包是一个很重要又相当不容易完全理解的要点,网上关于讲解闭包的文章非常多,但是并不是非常容易读懂,在这里以《javascript高级程序设计》里面的理论为基础。用拆分的方式,深入讲解一下对于闭包的理解,如果有不对请指正。 写在闭包之前 闭包的内部细节,依赖于函数被调用过程所发生的一系列事件 阅读全文
posted @ 2019-12-13 08:13 颉旺飞 阅读(261) 评论(0) 推荐(0) 编辑
  2019年12月12日
摘要: js:javascript的简写,是一种脚本语言。js的引入方式: 外部样式:<script src=""></script> 内部样式:<script><!--在这输入内容--></script> 内嵌样式:<div onclick="alert(1);"></div>语句结束需要标识符 ;变量: 阅读全文
posted @ 2019-12-12 08:14 颉旺飞 阅读(202) 评论(0) 推荐(0) 编辑