摘要:
经过这几天的博客浏览,让我见识大涨,其中有一篇让我感触犹深,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 阅读全文