撂倒小南瓜-CSDN博客

原创微信网页端软键盘收起点击事件失效

事件失效原因因微信Bug，导致网页在软键盘收起时页面未复位，导致点击事件错位出现无法点击的情况解决方法vue可以使用directives做一个全局指令Vue.directive('reset-scroll', { bind: (el, binding) => { el.onblur = () => { document.body....

2020-03-10 16:19:48 353

原创 Math工具函数（小游戏）

Math.PI ------ πconsole.log(Math.PI) // 3.1415926....Math.random() ------ 随机产生（0，1）的随机数var res = Math.random()console.log(res) // 0.23415926....//随机产生一个[a, b]之前的整数function random_int(min, max...

2019-12-11 15:05:26 225

原创关于Ajax的封装(Vue)

下载后引入Ajax使用自定义配置新建一个 axios 实例var baseUrl = 'https://xxx.com/'var instance = axios.create({ baseURL: baseUrl, //默认url(不变的)，将自动加在 `url` 前面 timeout: 1000, // 指定请求超时的毫秒数(0 表示无超时时间)，如果请求话费了超过指定的时间，...

2019-12-11 10:52:53 179

原创关于Object的那些事

Object.create(proto, [propertiesObject])以指定对象为原型创建新的对象参数：proto — 表示新建对象的原型对象，即该参数会被赋值到的目标对象，可以传空(null)，但是不能不传，否则会报错propertiesObject — 添加到新创建对象的可枚举属性，可选 var obj = {name: '南瓜', sex: 0} var ob...

2019-12-10 13:47:12 112

原创 ES6 箭头函数应该注意的地方

关于this箭头函数自身是没有自己的this的，它的this是继承自外围的作用域，也就是说谁调用它，this就指向谁，这样自然就不能使用call()、apply()、bind()来改变this指向const obj = { arrowFun: () => { console.log(this) } fun: function () { console.log(this) }}o...

2019-12-10 10:23:03 151

原创字符串（String）常用属性

干掉字符串两端的空格const str = ' 1234 'let res = str.trim()// res = '1234'字符串长度const str = '1234'let res = str.length// res = '4'获取指定位置的字符串const str = 'abcd'let res = str.charAt(1)// res = 'a' (超出...

2019-11-14 10:44:19 313

原创数组（Array）相关方法

判断这个对象是不是数组Array.isArray组合新数组let a = [1, 2, 3]let b = [4, 5, 6]let c = a.isArray(b)// c = [1,2,3,4,5,6]判断这个数组的每个元素都符合条件的元素，最后才返回的是truelet arr = [1, 2, 3]let c = arr.every(item => { retu...

2019-11-13 18:54:07 142

原创过滤数组中相同的数据

开发过程中，前端有时会做一些假数据减少请求，这样就会造成再次请求导致数据重复的问题1.list假数据2.dataList请求到的数据function filterRepeat(list,dataList) { let map = {} let allLlist = [...list, ...dataList] allLlist.forEach(item => {...

2019-11-13 18:13:08 1049

CSS 文本经常用到的属性text-align（文本显示方式）table-layout（显示表格单元格、行、列的算法规则）word-wrap（英文是否换行）word-space（文本是否换行）text-overflow（当文本溢出包含元素时）overflow（当内容溢出元素框时）display（元素应该生成的框的类型）box-orient（兼容问题，-webkit-、-moz-）line-clam...

2019-11-13 17:00:46 219

NG的博客