- 博客(34)
- 收藏
- 关注
RSS订阅原创 JavaScript数据类型详解
小试牛刀首先给出一些公司的关于javascript类型的笔试题和答案，如果自行看了以后有疑惑的可以好好的看下该文章//类型转换相关问题var bar=true;console.log(bar+0);console.log(bar+"xyz");console.log(bar+true);console.log(bar+false);console.log('1'>bar);...
2019-06-22 16:26:02
217
原创 使用Ajax解决浏览器缓存问题
HTTP缓存浏览器第一次向服务器发起HTTP请求，服务器会返回请求的资源，并在响应头中添加一些有关缓存的字段，如cache-control expires等，之后浏览器再向服务器请求资源就可以视情况使用缓存HTTP缓存分类强缓存：浏览器直接从本地缓存中获取数据，不与服务器打交道协商缓存：浏览器发送请求到服务器，服务器判断是否可使用本地缓存使用Ajax解决浏览器缓存问题在一些项目中，...
2019-06-20 14:36:00
3531
1
原创 异步加载js
异步加载js的实现，有三种方法：defer：规定是否对脚本执行进行延迟，但却是并行下载，要等到DOM文档全部加载解析好了，才会被执行。只有IE能用，也可以将代码写到内部,如下：<script type="text/javascript" src="demo.js" defer="defer"></script>async：异步加载，加载好了就执行，不管页面是否...
2019-06-20 12:46:28
831
原创 Vue Router基础使用(命名路由，命名视图，路由传参)
命名路由命名路由，顾名思义，就是给生成的路由URL通过一个名称来标识。因此在 Vue Router 中，我们可以在创建Router 实例的时候，通过在routes配置中给某个路由设置名称，从而方便的调用路由。const router = new VueRouter({ routes: [ { path: '/form', name: 'form', ...
2019-06-19 20:30:43
5475
原创 前端路由
前端路由的实现方式目前前端的路由实现主要是两种方式，这两种方式都是基于浏览器自身的特性，两种方式分别是hash路由history路由hash路由hash 这个概念，可能听起来有些陌生，不过，其实我们在之前的前端开发中，其实是有所接触的。hash路由一个明显的标志#，通过这个监听URL中的hash变化来进行路由的跳转例如，在某些情况下，我们需要定位页面上的某些位置，就像下面的例子中展...
2019-06-19 14:02:22
1080
原创 虚拟DOM
为什么出现虚拟DOM在我们使用 JS/Jquery直接对 DOM 元素进行操作时，不管是对元素样式的修改（背景颜色从红色变成蓝色）还是对页面中的某些布局进行动态调整（通过点击按钮在列表中添加一行新的数据），这都会造成页面的重新渲染，从而影响我们网站的性能。而在 Vue中，通过在内存中生成与真实DOM 与之对应的数据结构（虚拟DOM），当页面发生变化时，通过新的虚拟DOM树与旧的虚拟DOM树进行比...
2019-06-19 13:03:21
240
原创 Vue中ref的使用
为什么出现ref在没有学习Vue之前，我们实现直接操作页面上的DOM元素都是通过JS/jQuery，因为jQuery对DOM元素的操作非常的方便。但是学习了Vue之后，对DOM的操作完全交给VM了，这个时候手动的获取DOM元素再使用JS/jQuery就没有那么方便。于是出现了ref，即ref的功能之一就是获取DOM元素的，当然还有其他的功能。所以ref主要的两个作用如下：使用ref获取页面...
2019-06-19 12:52:57
2867
转载 为什么 ['1', '7', '11'].map(parseInt) 返回 [1, NaN, 3]
为什么 [‘1’, ‘7’, ‘11’].map(parseInt) 返回 [1, NaN, 3]
2019-06-18 17:18:36
258
原创 JS中的假值与真值
JS中的假值falsenullundefined0‘’ (空字符串)NaN这里面 false 本身是布尔类型，其它 5 个则不是。JS中的真值除了上述的 6 个外，其它均为“真” ，包括对象、数组、正则、函数等。注意 ‘0’、‘null’、‘false’、{}、[]也都是真值 。函数构造函数，如new Number和new Boolean都是真值。...
2019-06-18 15:53:27
804
原创 js的一元操作符
js的一元操作符js的一元操作符主要有两类递增递减操作符一元加和减操作符递增递减操作符递增递减操作符直接借鉴于C,而且各有两种不同的版本：前置型和后置型。顾名思义，前置型应该是在要操作之前，将变量递增，而后置型是在操作之后，将变量的值递增；同理递减也是一样的。递增递减操作符使用规则所以的递增和递减的操作符对任何值都适用，不仅仅适用于整数，还可以用于字符串，布尔值，浮点数值和对象。...
2019-06-18 12:53:04
431
原创 TCP/IP协议
TCP/IP协议概念从字面上理解TCP/IP是指TCP和IP这两种协议，但实际上远远不止这两种协议。在很多情况下，TCP/IP协议是利用IP进行通信时所必须用到的协议群的统称。具体来说，IP或ICMP，TCP或UDP,，TELNET或FTP，以及HTTP等都属于TCP/IP的协议。他们与TCP或IP的关系紧密，是互联网必不可少的组成部分。TCP/IP协议与互联网的关系互联网进行通信时，需要相...
2019-06-17 21:03:25
525
原创 HTTP，HTTP1.x与HTTP2.0比较
HTTP首部HTTP协议的请求和响应报文中必定包含 HTTP 首部。 首部内容为客户端和服务器分别处理请求和响应提供所需要的信息HTTP 首部字段HTTP 首部字段是构成 HTTP 报文的要素之一。 在客户端与服务器之间以 HTTP 协议进行通信的过程中， 无论是请求还是响应都会使用首部字段， 它能起到传递额外重要信息的作用。使用首部字段是为了给浏览器和服务器提供报文主体大小、 所使用的...
2019-06-14 11:18:25
248
原创 js中常用的BOM属性和方法
常用的BOM属性和方法window对象：ECMAScript规定的Global对象，与窗口有关的信息或者是一个浏览器窗口的实例，是最顶层的对象window对象的方法有如下： open（url）,返回标识符 引用 即将打开窗口的。（调用该引用对象的close方法 即可关闭该窗口） 定时器有关函数：间歇调用setInterval（函数，time）。clearInterval（）和超...
2019-06-12 20:55:43
711
原创 js实现深拷贝的方法
js实现深拷贝的方法使用递归的方式实现深拷贝function deepClone(origin，target){ var target = target || { }; var toStr = Object.prototype.toString; var arrStr = "[object Array]"; for(var prop on origin){ if(or...
2019-06-12 17:19:56
1303
原创 JS面向对象编程
面向对象编程思想面向对象编程是一种编程思想，这种思想有几个主要的特性，分别体现在以下四方面：抽象：提取现实世界中某事物的关键特性，为该事物构建模型的过程。对同一事物在不同的需求下，需要提取的特性可能不一样。得到的抽象模型中一般包含：属性（数据）和操作（行为）。这个抽象模型我们称之为类。对类进行实例化得到对象。封装：封装可以使类具有独立性和隔离性；保证类的高内聚。只暴露给类外部或者子类必须的...
2019-06-12 16:49:11
2068
转载 Token
什么是tokentoken的意思是“令牌”，是服务端生成的一串字符串，作为客户端进行请求的一个标识。当用户第一次登录后，服务器生成一个token并将此token返回给客户端，以后客户端只需带上这个token前来请求数据即可，无需再次带上用户名和密码。简单token的组成；uid(用户唯一的身份标识)、time(当前时间的时间戳)、sign（签名，token的前几位以哈希算法压缩成的一定长度的...
2019-06-12 09:30:59
242
原创 Vue生命周期
什么是 Vue 生命周期？Vue 实例从创建到销毁的过程，就是生命周期。从开始创建、初始化数据、编译模板、挂载 DOM -> 渲染、更新 -> 渲染、销毁等一系列过程，称之为 Vue 的生命周期。Vue 有几个生命周期，它们的作用主要是什么？8 个，创建前/创建后、挂载前/挂载后、更新前/更新后、销毁前/销毁后。Vue生命周期的作用是方便我们通过它的生命周期，在业务代码中更好地操...
2019-06-06 15:36:07
5229
1
原创 隐藏元素的方法
隐藏一个元素可通过css属性设置，有三种不同的方法，每一种方法之间有不同的区别，如下：opacity:0：隐藏元素，但是不会改变布局，即元素还是会占位置；相应的在该元素上绑定的事件还是会触发visibility:hidden：隐藏元素，但是不会改变布局，即元素还是会占位置；相应的绑定的事件不会触发display:none：隐藏元素，但改变了布局，元素不占位置，相当于删除了元素...
2019-06-05 10:05:36
689
原创 display属性值之间的区别
display这个属性主要可以取三个不同的值，分别为：block, inline , inline-block 分别对应着块级元素，行内元素和内联元素。三种不同的元素的区别如下：block ：前后有换行符；可设置宽高 margin padding,但即使设置了宽高，仍然是独占一行inline：设置宽高无效，宽高主要根据内容决定；margin padding在竖直方向无效，但在水平方向有效；前...
2019-06-05 09:59:11
928
原创 定位后的行内元素设置宽高
相对定位之后的行内元素是依然不可以设置宽高的，需要加display:block设置；但是绝对定位后的行内元素就可以直接设置了。（这里说的设置是指width生效，而不是单纯的写上了而已）注：html中有一类元素比较特殊，虽然他们属于行内元素，但是他们是可以设置宽高的，如img|input|select|textarea|button|label等，他们被称为可置换元素（Replacedelem...
2019-06-05 09:40:25
1413
原创 jQuery中的DOM操作
DOM操作分类jQuery中的DOM操作主要分为三个方面：即DOM Core（核心），HTML-DOM 和 CSS-DOMDOM Core 并不专属于Javascript，任何一种支持DOM的程序设计语言都可以使用它，她不仅可以处理网页，也可以用来处理任何一种使用标记语言编写的文档，如XMLJavaScript中的getElementById()，getElementsByTagName...
2019-06-04 12:53:04
485
原创 jQuery事件
JQuery添加事件的方法有如下三种on(events,[selector],[data], fn) 在选择元素上绑定一个或多个事件的事件处理函数。参数：events:一个或多个用空格分隔的事件类型和可选的命名空间，如"click"或"keydown.myPlugin" 。selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择的< null或省略，当它...
2019-06-03 21:48:27
313
原创 Vue对比jQuery的优势
jQuery到Vue的转变jQuery到Vue的转变是一个思想的转变，将原有的直接操作dom的思想转变到操作数据上jQuery是使用选择器$选取DOM对象，对其进行赋值，取值，事件绑定等，而Vue则是通过Vue对象ViewModel将数据和View完全分离开了。对数据操作不再需要引用相应的DOM对象，即数据和View是分离的，通过Vue对象vm实现相应的绑Vue支持双向数据绑定：在MV...
2019-06-03 20:54:55
5518
原创 移动端的触摸事件
移动端的触摸事件分类移动端的触摸事件主要分为四类：click事件：跟我们平时在PC端使用的点击事件一样，但在移动端中，一般的连续click的触发有200ms ~ 300ms的延迟。touch类事件：touch类事件有如下四种不同的类型 touchstart：手指触摸到屏幕会触发（不管是点击还是滑动都会触发） touchmove：当手指在屏幕上移动时，会触发 touchend：...
2019-06-01 23:12:12
464
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人