- 博客(41)
- 收藏
- 关注
RSS订阅转载 判断数据类型的5种方法
1. typeof可以判断数据类型，它返回表示数据类型的字符串（返回结果只能包括number,boolean,string,function,object,undefined）；可以使用typeof判断变量是否存在（如if(typeof a!=“undefined”){…}）；Typeof 运算符的问题是无论引用的对象是什么类型 它都返回objecttypeof {} // objec...
2020-03-31 00:26:23
5664
转载 opacity:0,display:none和visibility:hidden的区别
opacity:0隐藏起来的元素是占空间的，并且绑定的事件仍然会触发。visibility:hidden隐藏起来的元素是占空间的，并且绑定的事件不会触发。1、visibility具有继承性，给父元素设置visibility:hidden;子元素也会继承这个属性。但是如果重新给子元素设置visibility: visible,则子元素又会显示出来。这个和display: none有着质的区别...
2020-03-30 23:57:26
167
原创 -moz、-ms、-webkit， -o各什么意思
-moz代表firefox浏览器私有属性-ms代表ie浏览器私有属性-webkit代表safari（苹果用的）、chrome私有属性-o 指 Opera
2020-03-28 21:42:01
908
原创 transition
transition中的四个属性transition-property： 规定设置过渡效果的 CSS 属性的名称。transition-duration： 规定完成过渡效果需要多少秒或毫秒。transition-timing-function： 规定过渡效果的速度曲线transition-delay： 定义过渡效果何时开始默认值all 0 ease 0JavaScrip...
2020-03-28 21:33:47
136
原创 function()中的e和v
ee 代表鼠标事件( 鼠标点击，鼠标经过，鼠标按下等 )参数，这个参数是个对象，不同的鼠标事件，里面有好多属性和方法。例如: e.clientX (鼠标经过页面，可见区域的横坐标的值)e.clientYe.keyCode（点击键盘某个键的值）e.type(鼠标事件类型，click,mousover)vV就是遍历this后的每一项...
2020-03-28 20:19:01
792
转载 Storage.setItem()
storage.setItem(keyName, keyValue);keyName一个 DOMString，要创建或更新的键名。keyValue一个 DOMString，要创建或更新的键名对应的值。返回值undefinedsetItem() 作为 Storage 接口的方法，接受一个键名和值作为参数，将会把键名添加到存储中，如果键名已存在，则更新其对应的值。...
2020-03-28 12:58:36
847
转载 关于this.$router.push、replace、go的用法和区别
this.$router.push跳转到指定url路径，并想history栈中添加一个记录，点击后退会返回到上一个页面// 字符串this.$router.push('index') // 对象this.$router.push({path: 'login-pw'})// 带参数this.$router.push({path: 'login-pw', query: {'acc...
2020-03-28 12:51:45
386
原创 HTML/CSS实现文字环绕图片布局
1.CSS 利用float: left<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title></title> <style type="text/css"> .aaa{ width: 500px }...
2020-03-27 14:15:32
2934
转载 vuex state及mapState的基础用法详解
store.js文件，这里的store就是我们的前端数据仓库,用vuex 进行状态管理，store 是vuex的核心。可以看到使用vuex 之前，要告诉 vue 使用它，Vue.use(Vuex);/*store.js*/let store= new Vuex.Store({ state: { token:'', //取出cartarry中的数据，或者为空 c...
2020-03-26 22:27:58
1200
转载 GET和POST的区别
首先，GET和POST都是HTTP协议中的两种发送请求的方法，由于HTTP的底层是TCP/IP。所以GET和POST的底层也是TCP/IP。GET和POST能做的事情是一样的。如果给GET加上request body，或是给POST带上url参数，技术上是完全行的通的。也就是说，GET和POST在本质上没什么区别。但是如果真的一点区别都没有，那么这个问题也就不存在了，所以，两者之间最重大的区别就...
2020-03-25 18:19:45
117
转载 请谈一谈你对于eval的理解，它实现了什么功能？
它的功能是将对应的字符串解析成js并执行，应该避免使用js，因为非常消耗性能（2次，一次解析成js，一次执行）
2020-03-25 11:41:20
384
转载 解决异步回调地狱的方法
异步回调地狱是指代码横向增长（比如在Promise对象里面循环嵌套了多个Promise对象）而不是竖向增长，这样的代码就会显得很复杂而且逻辑会变得混乱，可怕的是会写出强耦合的异步代码，后期修改的时候会相当麻烦了。解决方法：1.用Promise的 .then 写成链式结构实现竖向增长2.使用async await3.使用Generator协程...
2020-03-24 13:58:14
369
1
转载 js防抖与节流以及应用场景
在前端开发中会遇到一些频繁的事件触发，例如input，keyup，keydown，scroll，resize，mousemove等，这非常影响性能，所以我们需要控制它们触发的频率，方法就是防抖与节流。防抖防抖的原理就是：要等你触发完事件 n 秒内不再触发事件，我才执行。 function debounce(func, wait) { var timeout; ...
2020-03-20 22:16:31
1106
转载 name="viewport" content="width=device-width, initial-scale=1.0"
<meta name="viewport" content="width=device-width, initial-scale=1.0">content属性值 :width:可视区域的宽度，值可为数字或关键词device-widthheight:同widthintial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放...
2020-03-20 11:31:01
366
原创 mouseover与mouseenter的区别
mouseover(鼠标覆盖)mouseenter(鼠标进入)二者的本质区别在于：是否冒泡mouseover：划过元素及子元素都会触发，与之对应的是mouseout.mouseenter：划过指定元素（不包含子元素）才会触发，与之对应的是mouseleave....
2020-03-18 21:54:03
119
转载 ES6
Vue等框架与jQuery的区别：jQuery是基于操作dom的库Vue是以数据驱动和组件化开发为核心template 只能有一个根节点ES6:变量函数数组字符串面向对象Promisegenerator模块化1.ES6怎么来的ECMAScript 和 JavaScriptECMA 是标准，JS 是实现ECMAScript 简称 ECMA 或 ES历史版本1...
2020-03-18 20:19:28
103
原创 对于组件通信你了解多少，请描述一下你是怎么完成组件的通信的
父传子用 props传递子传父用$emit传递非父子之间的传值 建立一个空实例进行传值，中央事件总线机制祖孙之间的传值可以利用provide inject模式VUEX可以处理上述的每一个情况关于项目 vuex有哪些属性：state 数据仓库mutationgetters...
2020-03-13 18:07:40
172
原创 谈谈你对MVVM开发模式的理解
MVVM分为Model、View、ViewModel三者Model：代表数据模型，数据和业务逻辑都是在Model层中定义View：代表UI视图，负责对数据的展示ViewModel：负责监听Model中数据的改变并控制视图的更新，处理用户交互操作Model和View并无直接关联，而是通过ViewModel来进行联系的，Model和ViewModel之间有着双向数据绑定的联系。因此当...
2020-03-13 18:05:48
464
原创 单页应用首屏加载速度慢，出现白屏时间过长
将公用的JS库通过script标签在index.html进行外部引入，减少我们打包出来的js文件的大小，让浏览器并行下载资源文件，提高下载速度在配置路由的时候进行路由的懒加载，在调用到改路由时再加载次路由相对应的js文件加一个首屏loading图或骨架屏，提高用户的体验尽可能使用CSS Sprites和字体图标库图片的懒加载等...
2020-03-13 18:02:07
858
原创 在vue里面你如何做数据的监听
回答要点：watch，设置deep为true对数据进行深层遍历监听watch里面监听第一种写法 watch:{ obj(newval,oldval){ console.log(newval,oldval) }, }监听复杂的数据类型监听不到怎么办，第二层数据改变的时候没有触发，watch该怎么做？ -第二种写法可设置deep为tru...
2020-03-13 16:48:26
862
原创 Vue中，修改了数据，视图不更新的理解和处理方式
问题：Vue中给data中的对象属性添加一个新的属性时，经过打印发现数据是已经改变了，但视图不更新原因： 但是由于在Vue实例创建时，新添加的属性并未声明，因此就没有被Vue转换为响应式的属性，自然就不会触发视图的更新解决方法：这时就需要使用Vue的全局api——> $set()$set()使用方法：$set(需要修改的对象，“对象的属性”,值)<body...
2020-03-13 16:34:58
608
原创 Error: Request failed with status code 404
这个错误表示：没有这个路径，查看自己的路径const result=await this.$http.get(’./api/ligin’,{params:this.model})这里get路径应该是./api/login o我写的i
2020-03-12 16:02:54
24302
2
转载 解决vue脚手架问题-Vue项目启动报错This is probably not a problem with npm. There is likely additional logging outp
昨晚，在教我前端交流群里面的朋友搭建vue开发环境和构建vue项目的时候发现我自己之前能正常构建vue项目的现在却不行了，排查之下发现通过脚手架构建项目的时候项目缺失了node_modules文件夹，在我排除了node环境、和配置的环境变量、vue-cli和webpack等一切都没有问题的情况下差点重新删除node环境和vue脚手架等重装了，但是幸亏我多看了几眼cmd, 发现了貌似是和pac...
2020-03-11 22:54:27
28287
2
转载 HTML中position的5个属性
一. 默认定位staticposition的默认值，一般不设置position属性时，会按照正常的文档流进行排列。二. 相对定位relative1、relative就是相对元素static定位时的位置进行偏移（也就是说，relative是只相对于自身原来的位置来定位的），如果不指定top，right，bottom，left的值，其位置是没有变化的。2、不会脱离文档流例如：“...
2020-03-04 19:32:01
624
转载 TCP三次握手
服务器和客户端都需要 直到自己均可收发，因此需要三次握手。简化三次握手：C发起请求连接S确认，S发起请求连接C确认。三次握手的作用：第一次握手：S只可以确认 自己可以接受C发送的报文段第二次握手：C可以确认 S收到了自己发送的报文段，并且可以确认 自己可以接受S发送的报文段第三次握手：S可以确认 C收到了自己发送的报文段。即双方确认自己可以发送，可以接受，且对方都能收...
2020-03-04 17:43:59
162
转载 水平/垂直居中
一. 水平居中1.1行内或类行内元素（比如文本和链接）在块级父容器中让行内元素居中，只需使用 text-align: center;：这种方法可以让 inline/inline-block/inline-table/inline/flex 等类型的元素实现居中。1.2 块级元素让块级元素居中的方法就是设置 margin-left 和 margin-right 为 auto（前提是已经...
2020-03-03 23:32:01
103
转载 最大堆和最小堆
堆树的定义如下：（1）堆树是一颗完全二叉树；（2）堆树中某个节点的值总是不大于或不小于其孩子节点的值；（3）堆树中每个节点的子树都是堆树。当父节点的键值总是大于或等于任何一个子节点的键值时为最大堆。当父节点的键值总是小于或等于任何一个子节点的键值时为最小堆。如下图所示，左边为最大堆，右边为最小堆。...
2020-03-03 22:46:14
100
转载 验证公钥是否正确（没写完）
证明公钥的正确性的方法：使用由数字证书认证机构（CA，Certificate Authority）和其相关机关颁发的公开密钥证书。数字证书认证机构处于是客户端和服务器双方可信赖的第三方机构立场上，**威瑞信（veriSign）**就是其中一家非常有名的数字证书认证机构。浏览器在整个通信的最开始会请求服务器的公钥（其实是证书），这里的公钥就是我们常说的 SSL 证书的一部分了。...
2020-03-03 22:37:08
1095
转载 SSL/TLS
HTTPS协议 = HTTP协议 + SSL/TLS协议在HTTPS数据传输的过程中，需要用SSL/TLS对数据进行加密和解密，需要用HTTP对加密后的数据进行传输，由此可以看出HTTPS是由HTTP和SSL/TLS一起合作完成的。SSL的全称是Secure Sockets Layer，即安全套接层协议，是为网络通信提供安全及数据完整性的一种安全协议。SSL协议在1994年被Netscap...
2020-03-03 22:06:10
474
转载 对称加密与非对称加密
1.明文明文指的是未被加密过的原始数据。2.密文明文被某种加密算法加密之后，会变成密文，从而确保原始数据的安全。密文也可以被解密，得到原始的明文。3.密钥密钥是一种参数，它是在明文转换为密文或将密文转换为明文的算法中输入的参数。密钥分为对称密钥与非对称密钥，分别应用在对称加密和非对称加密上。4.对称加密对称加密又叫做私钥加密，即信息的发送方和接收方使用同一个...
2020-03-03 21:47:53
166
转载 TCP和UDP的区别
1、连接方面区别TCP面向连接（如打电话要先拨号建立连接）。UDP是无连接的，即发送数据之前不需要建立连接。2、安全方面的区别TCP提供可靠的服务，通过TCP连接传送的数据，无差错，不丢失，不重复，且按序到达。UDP尽最大努力交付，即不保证可靠交付。3、传输效率的区别TCP传输效率相对较低。UDP传输效率高，适用于对高速传输和实时性有较高的通信或广播通信。4、连接对象数量的区别...
2020-03-03 20:42:40
111
转载 HTTP事务 与 HTTP的工作流程图
一. 什么是HTTP事务HTTP事务 = 请求命令 + 响应结果是HTTP请求的最小处理单元，简单说就是一次完整的请求过程，包括请求的发送和结果的返回，如果只有发送请求，而没有响应结果，则不能算作HTTP事务。在这里插入图片描述二. HTTP的工作流程域名解析 -> 三次握手 -> 发起HTTP请求 -> 响应HTTP请求并得到HTML代码 -> 浏览器解析HTM...
2020-03-03 20:29:24
302
转载 HTTP与HTTPs的区别
一. HTTPs和HTTP的区别主要如下：1、费用：https协议需要到CA申请证书，一般免费证书较少，因而需要一定费用。2、安全性：http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl/tls加密传输协议。3、端口：http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。4、http的连接很简单，是无状态的；HTTPS协议是由S...
2020-03-02 21:54:43
325
原创 slice() 与 splice()
一. slice() 截取，原数组不变arrayObject.slice(start,end)返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。原数组不变二. splice() 截取，原数组改变arrayObject.splice(index,howmany,item1,…,itemX)index ：必需。整数，规定添加/删除项目的位...
2020-03-02 20:51:49
111
原创 字符串 与 数组之间的转换
一. 字符串 —》 数组stringObject.split(separator,howmany)separator:以separator分割字符howmany:返回字符串的长度var str = "aaa,bbb,ccc";strArr1 = str.split(",");/*以","分割字符*/strArr2 = str.split("");/*以""分割字符*/var h...
2020-03-02 20:23:09
180
原创 JS 字符(字母) 与 ASCII码 转换方法
一. 字母ASCII码值大写字母 ：A 到Z 的值是 从65 到90小写字母 ：a到z 是从 91 到 122二. 字符 与 ASCII码值 之间的转换字符 —> ASCII码值：‘A’.charCodeAt();ASCII码值—>字符：String.fromCharCode(65);...
2020-03-02 16:10:18
2162
1
原创 CSS3-3D
一.平移translate3d()/*transform: translate3d(x,y,z); x和y可以是px可以是% z只能是px*/ transform: translate3d(100px,100px,300px);二.翻转rotate()要翻转效果一定要给父元素设置perspectivebody{ 对父元素设置 perspective: 500px...
2020-03-01 21:44:52
91
原创 CSS3-2D
一.兼容性问题：div { transform: translate(50px,100px); -ms-transform: translate(50px,100px); /* IE 9 */ -webkit-transform: translate(50px,100px); /* Safari and Chrome */ } 二.涉及到的代码border-radius:...
2020-03-01 21:25:34
102
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人