- 博客(28)
- 收藏
- 关注
RSS订阅原创 用纯css写一个三角形
要点：transparent 宽高为0.box{width:0px; height:0px;border-bottom:50px solid transparent;border-top:50px solid transparent;border-left:50px solid transparent;border-right:50px solid pink;}大家可以试试看...
2019-08-26 16:07:41
252
原创 例举我所知道的一切js跨域的方法，并对其原理粗略解释解释~
通过jsonp跨域：因为通过script标签引入的js是不受同源策略的限制的（正如前文提到的baidu.com的页面加载了google.com的js）。所以我们可以通过script标签引入一个js或者是一个其他后缀形式（如php，jsp等）的文件，此文件返回一个js函数的调用，如返回JSONP_getUsers([“paco”,“john”,“lili”])，也就是说此文件返回的结果调用了JSO...
2019-08-16 19:51:52
192
原创 HTML5有哪些新的特性？移除了哪些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5页面？
新特性:(1) 语意特性,添加 header nav 等标签(2) 多媒体， 用于媒介回放的 video 和 audio 元素(3) 图像效果，用于绘画的 canvas 元素，svg元素等(4) 离线 & 存储,对本地离线存储的更好的支持,local Store,Cookies等(5) 设备兼容特性 ，HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内...
2019-08-16 19:43:17
579
原创 如何显示/隐藏一个DOM元素？有几种方法？每种方法的区别？
1.style属性的display 被隐藏的控件不再占用显示时占用的位置：this.getElementByXid(‘domXid’).style.display=”none”this.getElementByXid(‘domXid’).style.display=”block”2.visibility隐藏的控件仅仅是将控件设置成不可见了，控件仍然占俱原来的位置：this.getEleme...
2019-08-16 19:38:10
6483
1
原创 返回到顶部的方法有哪些？
1、使用HTML的锚标记的方法2、使用Scroll函数返回顶部3、使用JQuery动画来实现4、使用$(‘html,body’).scrollTop(0)5、window.scrollTo(0,0)
2019-08-07 21:05:33
730
原创 Vue常用的修饰符
v-on 指令常用修饰符：1、.stop -调用 event.stopPropagation()，禁止事件冒泡。2、.prevent -调用 event.preventDefault()，阻止事件默认行为。3、.capture -添加事件侦听器时使用 capture 模式。4、.self -只当事件是从侦听器绑定的元素本身触发时才触发回调。5、.{keyCode | keyAlias} ...
2019-08-05 15:21:52
1093
原创 Vue几种常用的指令
1、v-if：根据表达式的值的真假条件渲染元素。在切换时元素及它的数据绑定 / 组件被销毁并重建。2、v-show：根据表达式之真假值，切换元素的 display CSS 属性。3、v-for：循环指令，基于一个数组或者对象渲染一个列表，vue 2.0以上必须需配合 key值 使用。4、v-bind：动态地绑定一个或多个特性，或一个组件 prop 到表达式。5、v-on：用于监听指定元素的...
2019-08-05 15:15:08
6898
原创 这是对于Vue是一套渐进式框架的理解
渐进式代表的含义是：没有多做职责之外的事，vue.js只提供了vue-cli生态中最核心的组件系统和双向数据绑定，就好像 vuex、vue-router都属于围绕vue.js开发的库。示例：使用Angular，必须接受以下东西：1、必须使用它的模块机制。2、必须使用它的依赖注入。3、必须使用它的特殊形式定义组件（这一点每个视图框架都有，这是难以避免的）所以Angular是带有比较强的排...
2019-08-05 15:12:49
3958
原创 js数据类型有哪些？
基本数据类型：number，string，Boolean，null，undefined，symbol复合类型：object，function
2019-08-04 20:29:38
1259
原创 从输入URL到页面加载完之间会发生什么？
开始 —> DNS解析 —> TCP连接 —> 发送HTTP请求 —> 服务器处理请求并且返回需要的数据 —> 浏览器解析渲染页面 —> 连接结束输入了一个域名，域名要通过DNS解析找到这个域名对应的服务器地址（IP），通过TCP请求链接服务，通过web服务（Apache）返回数据，浏览器根据返回数据构建DOM树，通过css渲染引擎JS解析引擎将页面渲染出来，...
2019-08-04 20:18:58
73
原创 JS数组常用方法
在开发过程中，对于数组的使用频率很频繁。JS数组常用方法有：push,pop,unshift,shift,splice,join,concat,forEach,filter,map,sort,some,every好多好多，不过都是平时开发中常用的语法，大家想了解更多可以另外进行补充。...
2019-08-02 21:21:12
110
原创 js面向对象的理解
js面向对象主要基于function来实现的，通过function来模拟类，通过prototype来实现类方法的共享，跟其他语言有着本质上的不同，自从有了ES6后，把面向对象类的实现更像是后端语言的实现，通过class来定义类，通过extends来继承父类，其实在ES6类的实现本质上，它就像是一个语法糖，不过对于开发要简单好多。...
2019-08-02 21:02:36
224
原创 ES6新增特性
ES6主要是为了解决ES5的先天不足，我主要说说我平时常用的一些常用的有：let//const箭头函数模板字符串解构赋值模块的导入import和导出extend，default，exportpromise数组字符串的新方法...
2019-08-02 20:32:13
315
原创 js原型常用dom操作方法
查找：1、getElementByid2、getElementsByTagName3、querySelector4、querySelectorAll插入：1、appendChild2、insertBefore删除：removeChild克隆：cloneNode设置和获取属性：1、setAttribute（“属性名”，“值”）2、getAttribute（“属性名”）...
2019-08-02 20:22:18
204
原创 闭包
今天，我们来通俗的说一下闭包这个东东（这是我自己的理解，比较简洁）希望对各位有帮助！闭包，通俗的来说就是打通了一条在函数外部访问函数内部作用域的通道，正常情况下函数外部是访问不到函数内部作用域的变量的。有以下几种方式判断是不是闭包：（1）函数嵌套函数（2）内部函数被return（3）内部函数调用外层函数的局部变量优点：可以隔离作用域，不造成全局污染。缺点：因为闭包长期驻留内存，所以长...
2019-08-02 19:33:06
105
原创 列出display的值，说明其作用。position的值， relative和 absolute定位原点是什么？
1、display 的值的作用：（1）block 象块类型元素一样显示。（2）inline 缺省值。象行内元素类型一样显示。（3）inline-block 象行内元素一样显示，但其内容象块类型元素一样显示。（4）list-item 象块类型元素一样显示，并添加样式列表标记。2、position 的值的定位区别：（1）absolute 生成绝对定位的元素，相对于 static 定位以外的...
2019-08-01 21:32:15
1097
原创 跨域解决办法
方法如下：1、response 添加 header2、JSONP 方式3、HttpClient 请求转发4、nginx 转发具体怎么实现，请下回见分晓，谢谢！
2019-08-01 21:21:49
97
原创 垂直居中都有哪些实现办法？
要怎么让它垂直居中呢?（抓耳挠腮…）多种方法在线解答！如下：1、通过verticle-align:middle实现CSS垂直居中。2、通过display:flex实现CSS垂直居中。3、通过伪元素:before实现CSS垂直居中。4、通过display:table-cell实现CSS垂直居中。5、通过隐藏节点实现CSS垂直居中。6、已知父元素高度通过transform实现CSS垂直...
2019-08-01 21:18:19
149
原创 CSS3有哪些新特性？
整理罗列了一些，如果少了点啥还请见谅哈~CSS3有哪些新特性如下：1、圆角—border-radius，阴影—box-shadow。2、文字特效—text-shadow，线性渐变—gradient，旋转—transform。3、旋转—transform:rotate(9deg)，缩放— scale(0.85,0.90) ,定位—translate(0px,-30px) ，倾斜—skew(-...
2019-08-01 21:09:06
674
原创 CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？
CSS 选择符：1.id选择器(# myid)2.类选择器(.myclassname)3.标签选择器(div, h1, p)4.相邻选择器(h1 + p)5.子选择器(ul > li)6.后代选择器(li a)7.通配符选择器( * )8.属性选择器(a[rel = “external”])9.伪类选择器(a: hover, li:nth-child)可继承的样式：1....
2019-08-01 20:54:59
201
原创 为什么要初始化css样式
首先，因为浏览器的兼容问题，不同浏览器对有些标签的默认值也是不同的，所以，如果没对CSS初始化，那么往往就很容易出现浏览器之间的页面显示差异的问题。其次，初始化CSS样式主要是提高编码质量，如果不初始化整个页面，做完的东西是会很糟糕，重复的CSS样式很多。去掉标签的默认样式如：margin和padding，其他浏览器默认解析字体大小，字体设置。解答完毕，感谢各位！...
2019-08-01 20:48:54
1667
原创 cookies，sessionStorage和localStorage的区别
我知道大家肯定不会把他们弄混淆的，但是也分享一下下吧…1、存储大小不同cookie数据大小不能超过4k。sessionStorage和localStorage虽然也有存储大小的限制，但比cookie要大得多，可以达到5M或更大的呦。2、有效时间不同localStorage存储持久数据，浏览器关闭后数据不丢失除非主动删除数据。sessionStorage数据在当前浏览器窗口关闭后会自动删...
2019-08-01 20:41:39
81
原创 常见的浏览器内核有哪些
下面分享一下我们常见的浏览器内核。常见的浏览器内核如下：1、Trident内核2、Gecko内核3、Presto内核4、Webkit内核
2019-08-01 20:33:37
250
原创 doctype的作用，标准模式和兼容模式的区别
doctype的作用：DOCTYPE是document type (文档类型) 的缩写。 声明位于文档的最前面，处于标签之前，它不是html标签。主要的作用是告诉浏览器的解析器使用哪种HTML规范或者XHTML规范来解析页面。标准模式与兼容模式的区别：Standards—标准模式，用于呈现遵循最新标准的网页，而Quirks—兼容模式，用于呈现为传统浏览器而设计的网页。具体的区别如下：...
2019-08-01 20:27:08
2012
原创 已知有字符串foo="get-element-by-id”,写一个function将其转化成驼峰表示法”getElementById"
已知有字符串foo=”get-element-by-id”,写一个function将其转化成驼峰表示法”getElementById”
2019-08-01 19:42:44
1184
原创 一个比较有趣的分金条题
最近看到了一个比较好玩有趣的题，拿出来分析做做，个人觉得还是挺有意思的（可惜我没得金条啊…）问：" 有一个金条 ，你找一个工人工作，工作7天， 一天给一段金条，只许你断2下，怎么弄成7天所使用的量 "答：首先把金条4，2，1分成等，第一天给1，第二天给2工人找1，第三天给1，第四天给4找2，1，第五天给1，第六天给2找1，第七天给1。结清搞定！...
2019-08-01 16:56:30
343
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人