- 博客(20)
- 收藏
- 关注
RSS订阅原创 小程序省市区3级联动之自定义数据
写小程序遇到个问题，要求自定义3级联动的数据，但是目前小程序的联动组件还不支持，那就自己写一个，用的是多列选择器（mode = multiSelector），核心思想就是把格式化后的数据放在objectMultiArray的第一个数组里，当用户滚动第一列数据时，第一列的children是第二列要展示的内容，第二列的children是第三列要展示的内容，只要对应取出就可以，代码如下。<picker mode="multiSelector" bindchange="bindMultiPickerC.
2020-07-27 19:00:32
495
转载 垂直水平居中 css
1实现原理： 1 设置 .main 元素为相对定位 position: relative;，这样其子元素设置绝对定位时就相对它了。 2 然后设置 .content 元素为绝对定位 position: absolute; 并设置它的 top、left、bottom、right 都为0， 3 这样该元素的元素的尺寸表现为“格式化宽度和格式化高度”，和 ...
2019-06-14 14:10:57
928
原创 css 折行、两栏自适应布局 、子元素等高
1.css 对于文字的长度超出设置后是会自动折行的，但对于数字或英文却不是 所以要应用到 word-wrap:break-word 或者 word-break;都可以对(数字、英文)强制换行2.white-space:nowrap 强制不换行 配合 over-flow; text-overflow:ellipsis 可用于 省略超出长度部分为... 的效果。3.两栏自适应布局第...
2019-06-14 11:49:44
522
原创 vue :class与:style
<div v-bind:class="{ active: isActive }"></div>1.当active 为true时 div会增加一个isActive的类。2. :class也可放置变量<div v-bind:class="classObject"></div>data: { classObject: { ac...
2019-06-13 20:24:39
458
原创 vue 的computed、方法、watch 、filter
网上关于computed的介绍很多，我这个只是作为自己学习记录使用1.在vue的官网里有这么一段描述: 计算属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算，注意 如果某个依赖（比如非响应式属性 new Date()）在实例范畴之外，计算属性是不会被更新的computed:{ fullname:function(){ return th...
2019-06-11 10:19:33
307
原创 cookie的那些事
前言：先写确定的两条1.cookie的作用域 domain当且仅当能够设置为当前域名/父域名 。2.想要获取能够使用的cookie使用document.cookie查看，通过控制台Application下查看cookie有时不够准确。3.想要将顶级域名下的cookie让其所有子域名都能获取，如有 nao100.com、yannaoqi100.com、yan.naoqi100.com，...
2019-03-02 18:33:04
142
原创 es6之数组
1.扩展运算符（spread）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。 console.log(...[1, 2, 3])// 1 2 3[...document.querySelectorAll('div')]// [<div>, <div>, <div>]替代函数的 apply 方法...
2019-02-21 19:47:32
165
原创 promise 、async 、 await的意义和用法
1.获得一个promise对象很简单 new Promise () 就可以了，简单的说promise的作用就是 当一个 异步函数 执行完毕时 所进行的回调 例如： new Promise((resolve,reject)=>{ setTimeout(()=>{ resolve('成功的回调') reject('失败的回调') ...
2019-02-21 19:46:14
2239
原创 formData传数组作为参数
const formData = new FormData()let arr=[{a:1,c:3},{a:2,c:4}];for(let i=0;i<arr.length;i++){ for(let key in arr[i]){ //假设这个数组对应的字段为box formData.append(`box[${i}][${key}]`,arr[i][ke...
2019-02-16 18:28:55
19827
转载 call 和apply
1.想要深入了解 call() 和 apply() 这两个方法，那么必须要先知道他们的基本作用什么是执行上下文？我们在写一个方法的时候，总是会用到一个关键字this，而this的指向就是我们这里所说的执行上下文（执行环境）首先我们要知道，this指向的永远是调用该方法的对象，如何证明this的指向就是当前对象呢？看下面这段代码：function func (){ this...
2018-11-12 15:53:50
94
原创 零碎知识点
console.log(document.querySelectorAll('.box')) console.log(document.querySelectorAll('#box')) console.log(document.querySelectorAll('div')) 可以取代 原生获取DOM的 一些如 getElementById /getElementsByCl...
2018-10-31 21:01:16
119
原创 原生js 传数组作为参数 之get /post
1.get 方式 var getData={ questionIDs:qustionArr} var questionArr=[] questionArr.push(12345678)// 定义一个函数 关键就在这里 原生的请求传数组是行不通的,需要将数据做一个格式化处理function formatDate() { for(var i i...
2018-10-31 19:51:51
12203
1
转载 es6之函数
1 . ES6 允许为函数的参数设置默认值，即直接写在参数定义的后面。 如： function log(x,y=2) { console.log(x,y)}log('hello') // hello 2log('hello ','world') // hello worldlog('hello' ,' ') // hellofunct...
2018-10-29 22:01:11
108
转载 网页渲染原理
1. JavaScript绝对是最火的编程语言之一，一直具有很大的用户群，随着在服务端的使用（NodeJs），更是爆发了极强的生命力。编程语言分为编译型语言和解释型语言两类，编译型语言在执行之前要先进行完全编译，而解释型语言一边编译一边执行，很明显解释型语言的执行速度是慢于编译型语言的，而JavaScript就是一种解释型脚本语言，支持动态类型、弱类型、基于原型的语言，内置支持类型。鉴于Java...
2018-10-29 14:49:24
3974
转载 ES6 之Math的扩展
1. Math.sign方法用来判断一个数到底是正数、负数、还是零。对于非数值，会先将其转换为数值。 Math.sign(-4) // -1 Math.sign(4) // 1 Math.sign(0) // 0 Math.sign(-0) // -0 Math.sign(NaN) // NaNMath.sign = Math.sign || fun...
2018-10-29 14:24:58
193
转载 ES6之数值
1 .ES6 在Number对象上，新提供了Number.isFinite()和Number.isNaN()两个方法 说明 ：Number.isFinite()用来检查一个数值是否为有限的（finite），即不是Infinity。注意，如果参数类型不是数值，Number.isFinite一律返回false。例 ：Number.isFinite(15) //true2. Numbe...
2018-10-29 11:52:16
142
转载 ES6之 字符串
1.将 浏览器地址上被浏览器转义的字符转义成正常可读的字符。 let url=unescape(window.location.href,"UTF-8") 2. 字符串的遍历器接口 如下例 for (let stringValue of 'boxpox '){ console.log( stringValue ) //...
2018-10-27 21:39:51
465
转载 ES6之解构赋值
1. ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构 。 let [a,b,c] = [1, 2 , 3]2. 如果等号的右边不是数组（或者严格地说，不是可遍历的结构，参见《Iterator》一章），那么将会报错。如下例 ： let [foo] =1 let [foo] = false let [foo] = NaN le...
2018-10-27 19:50:54
279
转载 es6之const
1. const 声明一个只读的常量。一旦声明，常量的值就不能改变。如下例 ： const PI=3.131592657PI=3 // 报错2 . const 声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。3. const 和 let 一样 ，只在声明 的块级作用域内有效。4 const 实际上保证的，并不是变量的值不得改动，而...
2018-10-26 20:40:02
202
原创 ES6的学习之 let
1 .ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。2.let 命令比较适合用于for循环，可以避免污染全局 。如下例：for(var i=0;i<10;i++) {}console.log(i) //10for(let i=0;i<10;i++){}console.log(i) //R...
2018-10-25 16:06:10
198
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人