feng_strong的博客

转载 宏任务和微任务

https://blog.youkuaiyun.com/qq_38606793/article/details/97368842

原创 事件冒泡和事件捕获的区别？事件委托？

执行顺序不用ddEnentListener(事件类型，回调函数，bool) 第三个参数是布尔值，默认为false冒泡，true为捕获addEnentListener必须用removeEnentListener（）解除事件冒泡：从下至上(是指子元素向父元素传递的过程)， bool=false冒泡(默认)事件捕获：从上至下(是指父元素向子元素传递的过程)， bool=true 捕获 一般不会用到事件委托利用冒泡阶段运行的机制实现的，使用事件代理的方法少了遍历所有li节点的操作，性能上..

转载 GET和POST两种基本请求方法的区别

GET和POST两种基本请求方法的区别GET和POST是HTTP请求的两种基本方法，要说它们的区别，接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。你可能自己写过无数个GET和POST请求，或者已经看过很多权威网站总结出的他们的区别，你非常清楚知道什么时候该用什么。当你在面试中被问到这个问题，你的内心充满了自信和喜悦。你轻轻松松的给出了一个“标准答案”： GET在浏览器回退时是无害...

转载 js中传递对象的键名的方法

起因，我们在小程序中经常会设置或更改data 中的变量（我这里只考虑每次只修改一个变量的情况）代码是这样写的this.setData({ currentIndex:e.detail.currentIndex})基本上每个方法中都有改变变量的值这个代码要三行，看着不爽，于是我就想在 app.js中定义一个公用的函数因为每个页面上都有 app=getApp()...

转载 解决使用Vue.js显示数据的时，页面闪现原始代码

今天开始学习Vue.js的使用，但是在学习过程中发现一个问题，那就是页面加载数据时，原始代码会闪现一下。查访各方资料，终的解决方法。第一步、加入一段css代码<style type="text/css"> [v-cloak] { display: none; }</style>第二步、在view上引用css模块&...

原创 maxlenght 在input框上不起作用，可以无限输入

1、<input type="number" placeholder="请输入手机号码" maxlength="11" />这种情况下怎么也不起作用2、<input type="text" placeholder="请输入手机号码" maxlength="11" />，maxlength属性是有效的。但是type=”text”有一个不好的体验，就是获取焦点后弹出的输入法...

原创 多个div inline-block的时候，如果有一个div没有内容其他div会下沉？

框内有文字和没文字的区别，高度伸展的方向是不一样的。当有文字的时候，高度是向下扩展的，没文字的时候是向上扩展的。解决方案：1、float（脱离文档流不好控制 次次选）2、给div加上内容，空格&nbsp;（次选）3、vertical-align：top/middle/bottom改名默认设置（首选）...

原创 解决外边距重叠-css

折叠结果计算规则：1、两个相邻的外边距都是正数时，折叠结果是它们两者之间较大的值；2、两个相邻的外边距都是负数时，折叠结果是两者绝对值的较大值；3、两个外边距一正一负时，折叠结果是两者的相加的和怎么避免外边距折叠怎么避免外边距折叠： 浮动元素、inline-block 元素、绝对定位元素的 margin 不会和垂直方向上其他元素的 margin 折叠（注意这里指的是上下相邻的...

原创 localStorage和sessionStorage用法总结大全

localStorage和sessionStorage存储的是字符串类型，获取后需要JSON.parse()转换成对象使用；不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的 localStorage（页面属于相同域名和端口）localStorage的生命周期是永久性的。即使关闭浏览器，数据也不会销毁，存储大小一般为5M...

原创 适合布局的CSS calc()计算样式

#div1 { position: absolute;left: 50px;width: calc(100% - 100px);border: 1px solid black;background-color: yellow;padding: 5px;text-align: center; }calc() 函数用于动态计算长度值。需要注意的是，运算符前后都需要...

转载 ES6

1.let 和 const在ES6之前，js只有全局作用域和函数作用域，ES6中let关键字为其引入了块级作用域。//{}代码块{var a = 5;let b = 6;}console.log(a); //5console.log(b); //b is undefinedlet声明的变量只能在其所在的代码块内才能访问，var声明的变量由于是全局变量，因此可以在...

原创 jsp页面跳转html页面

之前项目一直遇到，总结一下jsp跳转，跳出<iframe>页面跳到最外层页面：top.location.href="url"本层页面跳转：window.location.href="url"或location.href="url"跳到上一层：parent.location.href="url"...

转载 微信小程序禁止刷新（ios可以下拉不可刷新问题）

一、问题描述最近在做一个小程序项目，需要禁止下拉刷新，于是在page.json里面添加了这段话"enablePullDownRefresh":false全局关闭下拉刷新，这段话确实禁止了下拉刷新，无论是安卓手机端还是苹果端，但是在苹果端却出现了一个问题，整个页面虽然不能下拉刷新了，但是依然还可以下拉。产品的需求不太允许我这么做，能尽量禁止下拉就禁止，不要让放在顶部的video能够被下拉到...

原创 this指向问题简单总结

1、普通函数调用this指向windows;2、对象函数调用this指向这个对象；3、构造函数调用this指向新创建的对象；4、call和apply调用this指向传入的参数；（call可以传多个参数，apply可以传二个参数，第二个数组，不然报错TypeError）5、箭头函数调用箭头函数里面没有this，所以要向上层作用域查找；...

原创 函数声明和var声明优先级

varx=1, // 全局windowy=0,z=0;functionadd(x){return(x=x+1);}y=add(x); // 同名函数调用最后一个，覆盖之前functionadd(x){return(x=x+3);}z=add(x);//运行结果x:1y:4z:4...

原创 百分比布局时，子元素那些属性值取决于父元素的高那些属性取决于宽

请写出 inner 的实际高度。//100px<style>.outer{width:200px;height:100px;}.inner{width:60px;height:60px;padding-top:20%;//取父元素宽的百分比}</style><divcl...

原创 js 对象操作

js里对象的深拷贝 let arr = ['8','7','6'];let arrObj = JSON.parse(JSON.stringify(arr));arrObj[0] = '9';console.log(arr); // ['8','7','6']console.log(arrObj); // ['9','7','6']js对象的判断为空{}let obj = {...

原创 element ui tree 高亮默认显示

element ui tree  页面打开默认显示高亮 this.$refs.treeBox.setCurrentKey(value)  会存在一个问题，没有渲染到也上，解决方法用$nextTick代码如下：this.$nextTick(() =&gt; { this.$refs.treeBox.setCurrentKey(value); // treeBox 元素的ref va...

转载 el-input触发不了@keyup.enter

关于基于vue的框架element  UI el-input 触发不了@keyup.enter='方法'el-input v-model="form.loginName" placeholder="账号" @keyup.enter="doLogin">/el-input>解决方案el-input v-model="form.loginName" placehol

转载 Vue2的axios

一、安装1、 利用npm安装npm install axios --save2、 利用bower安装bower install axios --save3、 直接利用cdn引入二、例子1、 发送一个GET请求//通过给定的ID来发送请求axios.get('/user?ID=12345') .then(function(response){ console.log(

转载 前段请求跨域的原理及实践

一、 跨域请求的含义浏览器的同源策略，出于防范跨站脚本的攻击，禁止客户端脚本（如 JavaScript）对不同域的服务进行跨站调用。一般的，只要网站的 协议名protocol、 主机host、 端口号port 这三个中的任意一个不同，网站间的数据请求与传输便构成了跨域调用。这也是我们下面实践的理论基础。我们利用 NodeJs 创建了两个服务器，分别监听 30

原创 vue里发请求用axios

在vue1.0发请求的时候，我们一般用它自己的vue-resource发请求，但有了vue2.0后，vue-resource就不再更新，所以我们一般用axios,axios里面封装的是原生的ajax，所以在哪都可以用，在vue里，我们下载后再哪个页面用就得在哪个引入，如果不想这样麻烦，就得在main.js中引入：import axiosfrom 'axios'然后放到Vue

转载 移动端兼容总结

H5页面窗口自动调整到设备宽度，并禁止用户缩放页面（部分安卓手机的UC浏览器写完以后还是可以放大缩小） 忽略将页面中的数字识别为电话号码（iOS上会明显 有时候会把数字当成电话号码） 忽略Android平台中对邮箱地址的识别 viewport模板 webkit表单元素的默认外观怎么重置.css{-webkit-appearance

转载 移动的上下左右滑动

解决页面使用overflow: scroll，overflow-y:hidden在iOS上滑动卡顿的问.product-group-div {    width: 100%;    overflow-y: hidden;    -webkit-overflow-scrolling: touch;}在使用overflow的的地方加上

原创 Vue-router的跳转问题

可以把路由router想象成一个访问记录的栈，router.replace()是替换掉栈顶，而router.push()则是向栈中再堆如一个新记录。一般情况下，要做前进后退的浏览记录管理的，基本上都是用router.push()，但是也是有一些特殊情况需要用到router.replace。比如，有一个授权页，用户在按流程操作时，某一步需要授权，是直接跳到授权页，授权页提交授权请求，直到成功

原创 Vue的MVVM原理图

转载 vue.js开发环境搭建以及脚手架工具安装

vue.js开发环境搭建以及脚手架工具安装

原创 用Javascript实现冒泡排序，二种方法的比较

用Javascript实现冒泡排序，二种方法的比较

原创 javascript题的解析

个人对javascript的函数体的解析

原创 点击li弹出对应的index

//html代码第一个 第二个第三个//js代码window.onload = function(){               var lis = document.getElementById("test").children               for(var i=0;i                          li

原创 window.onload与jQuery的ready的区别

window.onload 与jQuery的ready的区别:window.onload在一个网页中只能编写一次，没有任何的简写方式，当HTML页面中所有的内容都加载完毕后才执行。ready()在一个HTML页面中允许编写多个，简写方式有$(document).ready(function(){})      $().ready(function(){})         $(functi

原创 React

* Mount：插入真实 DOM    * Update：被重新渲染    * Unmount：被移出真实 DOM  2. React 为每个状态都提供了两种勾子(hook)函数，will 函数在进入状态之前调用，did 函数在进入状态之后调用    * componentWillMount()    * componentDidMount() : 已插入真实DOM, 在ren