摘要：
经过这几天的博客浏览，让我见识大涨，其中有一篇让我感触犹深，JavaScript语言本身是没有面向对象的，但是那些大神们却深深的模拟出来了面向对象，让我震撼不已。本篇博客就是在此基础上加上自己的认知，如有错误，还请见谅。 具体来说实现模拟面向对象主要是利用JavaScript函数闭包这个概念css3 阅读全文
摘要：
js代码暂时性死区 只要块级作用域存在let命令，它所声明的变量就“绑定”这个区域，不再受外部的影响。这么说可能有些抽象，举个例子： ? 1 2 3 4 5 var temp = 123; if(true) { console.log(temp); let temp; } ? 1 2 3 4 5 v 阅读全文
摘要：
setTimeout()函数：用来指定某个函数或某段代码在多少毫秒之后执行。它返回一个整数，表示定时器timer的编号，可以用来取消该定时器。 例子 ? 1 2 3 4 5 console.log(1); setTimeout(function () { console.log(2); }, 0); 阅读全文
摘要：
这是一款非常有特点的CSS3按钮，按钮的背景不是北京图片，也不是单纯的颜色，而是一组魔幻般的冒泡背景动画。当我们将鼠标滑过按钮时，按钮的冒泡背景动画就可以展示出来。可以说这款CSS3按钮的设计风格相当有创意，而且令人惊叹的是，这些动画都是用CSS3实现的，并没有使用JavaScript，非常强大。 阅读全文
摘要：
1、首先在页面中加入jquery库文件和qrcode插件。 ? 1 2 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.qrcode.min.js" 阅读全文
摘要：
目前主流浏览器的兼容性做的都比较好了，本文主要针对IE6，7的不兼容问题进行解决。 1.圆盘时钟有浮动存在时，计算一定要精确，不要让内容的宽高超出我们所设置的宽高，IE6下，内容会撑开设置好的高度。 解决方法：给对应的父级加overflow:hidden;但是会有部分被隐藏掉，最好是精确计算宽高再设 阅读全文
摘要：
transition属性目的是让css的一些属性（如background）的以平滑过渡的效果出现。它是一个合并属性，是由以下四个属性组合而成： transition-property：设置应用过渡的CSS属性，如background。 transition-duration：设置过渡效果花费的时间。 阅读全文
摘要：
CSS3圆角#css3-circle{ width: 150px; height: 150px; border-radius: 50%; }CSS3 椭圆形css3 radius#css3-elipse{ width: 200px; height: 100px; border-radius: 50% 阅读全文
摘要：
1 *：通用选择器 ? 1 * { margin:0; padding:0; } ? 1 * { margin:0; padding:0; } ? 1 * { margin:0; padding:0; } ? 1 * { margin:0; padding:0; } * { margin:0; pa 阅读全文
摘要：
call()、apply()的区别: 相同点： 1.call()和apply()都可以用来间接调用函数，都可以显式调用所需的this。即，锚点滑动任何函数可以作为任何对象的方法来调用。 2.两个方法都可以指定调用实参。 区别： call()和apply()的基本区别：在于将参数传递给函数弹出层。 c 阅读全文
摘要：
本文主要从应用来讲数组api的一些骚操作; 如一行代码扁平化n维数组、数组去重、求数组最大值、数组求和、js排序、对象和数组的转化等； 上面这些应用场景你可以用一行代码实现？ 1.扁平化n维数组 1.终极篇 ? 1 2 3 4 [1,[2,3]].flat(2) //[1,2,3] [1,[2,3, 阅读全文
摘要：
经理让我帮服务器开发人员开发一个上传文件功能界面，我就想着以前使用过bootstrap-fileinput插件进行文件上传，很不错。赶紧就撸起来了。 1、下载压缩包。插件地址https://github.com/kartik-v/bootstrap-fileinput/ ，下载压缩包解压之后，拿出f 阅读全文
摘要：
基本思路：把Math.random()js随机数生成的数看着百分比，然后定义每个整数值取值范围。 具体内容如下，供大家参考 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 阅读全文
摘要：
1. 思路 怎么用CSS3画一个带阴影的三角形呢 ? 有童鞋说, 这还不简单吗 网上有很多解决方案, 但其实大多都是实现不太完美的, 存在一些问题 假设我们做一个向下的三角形箭头 常见的方法大致有两种 方法一可以画三角形, 但是画阴影是很难做到的(如果做到的朋友, 欢迎给我留言) 2. 设计 2.1 阅读全文
摘要：
在网站浏览中，常常需要网页水印，以便防止用户截图或录屏暴露敏感信息后，追踪用户来源。如我们常用的钉钉软件，聊天背景就会有你的名字。那么如何实现网页水印效果呢？ 网页水印SDK，实现思路 1.能更具获取到的当前用户信息，如名字，昵称，ID等，生成图片水印2.生成一个Canvas，覆盖整个窗口，并且不影 阅读全文
摘要：
一. Canvas是啥 < canvas > 是一个可以使用脚本（通常是js）来绘图的HTML元素 < canvas > 最早由Apple引入WebKit，用于Mac OS X 的 Dashboard和 Safari 如今，所有主流的浏览器都支持它（IE9+,更低版本需引入Explorer Canv 阅读全文