- 博客(30)
- 收藏
- 关注
转载 面试题常考&必考之--js中的数组去重和字符串去重
1.引入:首先得知道数组没有可以直接去重的方法,即直接[].unique()是不支持的,会报“Uncaught TypeError: [].unique is not a function”错误,这就要求我们要将unique()方法添加到数组Array.prototype原型链中。至于Array.prototype.unique方法内部怎么实现去重,那就往下看吧。2.先看...
2019-09-27 11:34:00
201
转载 面试题常考&必考之--js中的对象的浅拷贝和深拷贝(克隆,复制)(下)
这里主要是讲深拷贝:深拷贝:个人理解就是拷贝所有的层级1.像对象里再放数组和对象这些叫引用值。开始我们先判断大对象中是否有引用值(数组和小对象), 然后在判断引用值是数组还是对象2.开始啦:1》准备工作:因为对象和数组的返回类型都是object。那么为了在区分它们:如何判断一个Array:Object.prototype.toString.ca...
2019-09-26 18:43:00
209
转载 面试题常考&必考之--js中的对象的浅拷贝和深拷贝(克隆,复制)(上)
1.首先引出问题:输出结果:分析:打印发现,修改第二个人名字时,第一个人也被修改了。不是我们想象的样子,该怎么办???2.然后:结果:附加:如何遍历对象呢??? 法一:$.each(data,function(key,value){ console.log("姓名:"+key+";"+"对应值:"+data...
2019-09-26 14:55:00
327
转载 面试题常考&必考之--js中的call()和apply()
apply:接受两个参数,第一个参数是要绑定给this的值,第二个参数是一个参数数组。当第一个参数为null、undefined的时候,默认指向window。call:第一个参数是要绑定给this的值,后面传入的是一个参数列表。当第一个参数为null、undefined的时候,默认指向window。apply和call:事实上apply 和 call 的用法几乎相同。...
2019-09-26 11:30:00
267
转载 面试题常考&必考之--js数组排序冒泡排序和快速排序
冒泡排序:原理:比较相邻的元素,将值大的元素交换到右边。(如果相等不进行交换)实例:要排列数组:[10,1,35,61,89,36,55]第一趟排序: 第1次排序:10和1比较,10>1,交换位置 [1,10,35,61,89,36,55] 第2趟排序:10和35比较,10<35,不交换...
2019-09-25 16:09:00
115
转载 面试题常考&必考之--js闭包特性和优缺点 (外加小例子)
当内部函数被返回到外部并保存时,一定会产生闭包。闭包会产生原来的作用域链,不释放。闭包,可以理解为,写一个函数,然后产生闭包的这种现象。概念:基础:主要是:add reduce 被返回出去后,会死死的抓住test()中的AO(数据n)利用对象的形式深度:但是,我们期望的输出结果是打印(0-9),...
2019-09-24 17:26:00
208
转载 Flex弹性布局
父级:display:flex如果父级用了弹性布局,子元素就 不需要float了父级上的其它属性:justify-content:子元素水平排列方式 center 居中 space-between 两端对齐 space-around 每个子元素拉手分布 ...
2019-09-23 18:30:00
92
转载 面试题常考&必考之--http访问一个页面的全流程(Tcp/IP协议)
分析:-http访问一个页面的全流程,也就好比我们在地址栏输入地址,然后点击回车进行访问该面试题的主要考点是:计算机网络的TCP/IP协议栈描述图片:首先应用层提交http请求,传到传输层后由,TCP协议进行封装,报文就是TCP首部和HTTP数据。再到网络层,IP包进行封装,它在不断分装数据。最后在来到链路层,加了一个跟硬件有关的传输协议(以太网*),由硬...
2019-09-23 17:00:00
812
转载 面试题常考&必考之--js中的难点!!!原型链,原型(__proto__),原型对象(prototype)结合例子更易懂...
1》首先,我们先将函数对象认识清楚:补充snow的另一种写法:var snow =function(){};2》其次:就是原型对象每当我们定义一个函数对象的时候,这个对象中就会包含一些内置的属性,其中有一个属性叫prototype(原型对象)原型对象不是谁都有的,是函数对象特有的,普通对象没有。但是普通对象有一个__proto__属性(...
2019-09-20 12:01:00
183
转载 前端面试题常考&必考之--跨域的解决办法
1.为啥出现跨域???在制定Html规则时,为了安全的考虑,一个源的脚本(网页,网站)不能与另一个源的资源进行交互,所以就引发一个词叫做“同源策略”。同源策略:同源策略是一种约定,它是浏览器最核心的也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能会受到影响。同源:所谓同源(即指在同一个域),就是两个页面具有相同的协议(protocol),主机(host)...
2019-09-19 10:41:00
217
转载 前端面试题常考&必考之--http中的post和get的区别
从字面上看,post是发送,则是提交数据,get是获得,则是获取数据,没毛病,我们可以就按字面来理解具体就看图吧吐槽:插入的表格不好用,不知道是自己不会用还是真不好用,变成了截图,修饰了下子转载于:https://www.cnblogs.com/snowbxb/p/11544412.html...
2019-09-18 18:39:00
214
转载 最全面的H5的背景音效素材(经过实践),分享给你!!!
个人内心独白:这两天在为一个H5的页面寻找一些相关音效,茫茫的网络,辣么大,真是想法设法翻遍你,不说废话了,看总结吧哦方法总结(这才是重点,看这里):1.如果是部分铃声截取的,我们可以来到铃声之家。在手机版可以免费下载多个,经过试验,用电脑打开下面的链接也是可以的 网址: http://m.cnwav.cn/details/2565322.这个还是很直接了...
2019-09-18 16:38:00
434
转载 前端面试题常考&必考之--用jquery写出当前元素的同辈元素的第二个结点的value值...
问题:用jquery写出当前元素的同辈元素的第二个结点的value值???分析:该题目有一个坑,那就是,如果当前元素没有第二个兄弟结点呢(坑坑坑)解析:一般我们可能会这样写:$(this).siblings().eq(1).val() ; //该元素的兄弟结点的第二个结点的值但对于这道面试题我们需要这样写:var nod=$(this).siblings(...
2019-09-18 09:56:00
128
转载 前端面试题常考&必考之--盒子模型和box-sizing(项目中经常使用)
主要考察width的值,包括padding\border\content等属性???box-sizing属性是css3特有的哦***1》当box-sizing:content-box;时,跟之前的css2的属性是一样的。(也就是加上这句话,和没写这句话的效果是一样的)代码:元素的宽度:元素的宽度为:200+10*2+15*2=2502》当b...
2019-09-17 11:56:00
313
转载 前端面试题常考&必考之--清除浮动的方法
浮动问题:子元素设置了float后,脱离父元素,导致父元素无法撑开?(也就是子元素的高度没有过渡到父元素)例子:检查元素的效果:(三种)常用的解决办法:1》额外标签法,添加一个空的div(在最后一个标签后面,新加一个<div></div>,给其设置clear:both)(常用)2》父元素增加overflo...
2019-09-17 10:41:00
168
转载 CSS-动画,让图片上的图形有涨起来的效果(逐渐变高)和(逐渐变长)
效果图:html: <div class="inner3"> <div class="over"> <img src="image/kuang3tt.png" /> </div> </div>css:.inner3{ margin-top: 20px; width:...
2019-09-12 17:57:00
2025
转载 tweenMax+如何让数字由初始值动画到结束的值
html:<div class="wz1">0</div>css:.wz1{ width: 114px; height: 30px; position: absolute; top: 40px; left: 75px; color:#fff; font-size: 30px;}js:(写在...
2019-09-12 17:40:00
531
转载 jquery +点击按钮,切换div内容,按钮加高亮
html: <div class="dw4"> <span class="dw">单位(次)</span> <div class="time4"> <div class="dat day active4">a</div> <div class="dat m...
2019-09-12 17:29:00
862
转载 div写表格,原生滚动条,数据能够自动滚动
如何让表格的滚动条能够自动滚动呢?html:<div class="tabinner5"> <div class="tab5 tab5a"> <div class="mes mes1">aaaaaa</div> <div class="mes mes2">0</div>...
2019-09-12 17:10:00
889
转载 css常用小知识点汇总(一)
1.文本过多溢出,怎么让他隐藏变成点点点(...)呢?text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2; //2表示2行,剩下的...隐藏-webkit-box-orient:vertical;2.nth-of-type(n)与nth-child(n)的区别是啥子...
2019-09-10 17:19:00
83
转载 TweenMax的GSAP(GreenSock动画平台)GSAP,专业的Web动画库
很好奇红框框里面的内容是什么,于是点了进去,又百度了下这个英文缩写具体指的什么东西。GSAP的全名是GreenSock Animation Platform,是一个从flash时代一直发展到今天的专业动画库。(据说当初是做flash的,但是flash在逐渐地淡出舞台时,所以开始添加了一些类,加上一些js的动画)源码里面又有一系列文件 那么他们关系是什么呢?以下图片...
2019-09-02 10:42:00
405
转载 前端node面试题之---对比JS和NodeJS的区别
区别:1.JS运行在浏览器端,用于用户的交互效果,NodeJS运行在服务器端,用于服务器的操作,例如,Web服务器创建,数据库的操作,文件的操作等2.JS运行在浏览器端,存在多个JS解释器,存在兼容性的问题,而NodeJS只有V8引擎一种解释器,不存在兼容性问题3.两者都有内置对象,自定义对象,有不同的宿主对象词语解释(js为例):js的内置对象、自定义对象,和...
2019-08-26 13:52:00
411
转载 Math.min() Math.max() Math.min().apply() Math.max() .apply()该如何使用???
Math.min()和Math.max()语法:Math.min(x,y)Math.max(x,y)虽然能取到最小值和最大值,但是不支持数组。那么如何计算数组中的大小值呢?????????????????????Math.min().apply() 和 Math.max() .apply()语法:Math.min.apply(obj,arg...
2019-08-22 18:10:00
429
转载 zrender的线性渐变
线性渐变官方文档是这样写的实际运用是酱紫的在把颜色放背景中小白一枚,路过大神,多多指教。欢迎留下宝贵意见转载于:https://www.cnblogs.com/snowbxb/p/11376158.html...
2019-08-19 11:33:00
563
转载 webkit内核的浏览器常见7种分别是..
Google Chrome Safari遨游浏览器 3.x 搜狗浏览器阿里云浏览器QQ浏览器360浏览器...转载于:https://www.cnblogs.com/snowbxb/p/11352742.html...
2019-08-14 16:17:00
2091
转载 node创建项目,要ejs模板引擎,不要jade怎么办?
创建项目时:express ejs blog,生成的是.jade文件怎么办?我想要的是ejs的呀上述语句不仅名字不对,生成文件的格式也不是我想要的。不妨试试:express -e blog这下就没毛病了!然后就按提示输入命令即可。。。欢迎各位园友提出宝贵意见,路过大神请多多指教!转载于:https://www.cnblogs.com/snowbxb...
2019-08-08 18:10:00
119
转载 七夕-心形表白-简单css代码
今天你要和谁过?今天你要怎么过??今天去哪里吃???公司的三连问,对于一些单身狗有点招架不住啊。在此送上一个薄礼,来安慰下受伤的心灵...确定是安慰不是连环打击嘛.....回答:确定!来吧**看效果图上代码:(静态图,实际是动态的)HTML:<div class="warp"> <div class="left">...
2019-08-07 17:26:00
1324
转载 css雪碧图-css精灵图
先将图片拼接在一张图上。类似实现的效果图图片地址为合并后的图片地址,通过background-position调整背景图的位置。效果如:HTML:<div class="logo"> <div class="icon icon1"> </div> <div class="icon"> </div...
2019-08-06 10:12:00
93
转载 jquery-时间轴滑动
效果预览图:html:<div class="tim"> <div class="timdiv"> <div class="timimg"> <div class="huadiv"><div></div></div> </div> ...
2019-08-02 18:33:00
533
转载 js-进度条-动画
效果图如下: HTML:<h1>js实现进度条</h1> <div id="warp"> <div id="inner" class="nn"></div> </div> <br> <button onclick="move()">加载</butto...
2019-07-30 11:58:00
172
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人