- 博客(25)
- 问答 (1)
- 收藏
- 关注
RSS订阅转载 [DOM基础]offsetHeight,clientHeight,scrollHeight,innerHeight,outerHeight等属性的解释
偏移量-以offset开头的offsetHeight：元素在垂直方向上占用的空间大小，像素。包括元素的高度、可见的水平滚动条的高 度、上边框高度和下边框高度。offsetWidth：同上，水平上占用的空间。offsetLeft：元素的左外边框至包含元素的左内边框的距离offsetTop：同上，上部的距离 所有的偏移量属性都是只读的，而且每次访问都要重新计算，避免重复访问客户区大小-以client开头的clientHeight：内容区+内边距的高度clientWidth：同上，宽度
2021-02-08 16:42:41
488
原创 正则
字符组顾名思义，字符组是一组字符，表示在同一位置可能出现的多种字符。语法是在方括号[ ]之间列出可能出现的字符。字符组支持-范围表示法、^排除型字符组。字符组 含义 [ab] 匹配 a 或 b [0-9] 匹配 0 或 1 或 2 ... 或 9 [^ab] 匹配 除 a、b 任意字符 对于常见 [0-9]、[a-z] 等字符组，正则表达式提供简记形式字符组 含义 . 表示 [^\n \d ...
2021-01-05 00:29:36
102
原创 vue跨组件数据通信
vue.observer( )首先创建一个 store.js，包含一个 store和一个 mutations，分别用来指向数据和处理方法import Vue from 'vue';// 数据仓库const store = Vue.observable({ token: '', userInfo: { id: '', name: '', },});// 更新 stateconst mutations = { // 更新 token updateTo
2020-12-17 00:36:18
338
转载 css有哪些属性可以继承
css样式表继承指的是，特定的css属性向下传递到后代元素有继承性的属性1、字体系列属性 font：组合字体 font-family：规定元素的字体系列 font-weight：设置字体的粗细 font-size：设置字体的尺寸 font-style：定义字体的风格 font-variant：设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为 大写，但是所...
2020-12-13 20:06:23
195
转载 浅谈ECMAScript和JavaScript的关系
1、ECMAScript是JavaScript的规格，JavaScript是ECMAScript的一种实现，在日常场合，这两个词是可以互换的。JavaScript的创造者Netscape公司，将JavaScript提交给国际标准化组织ECMA，希望这种语言能够成为国际标准，后来ECMA发布标准文件的第一版（ECMA-262），规定了浏览器脚本语言的标准，并将这种语言称为ECMAScript。该标准从一开始就是针对JavaScript语言制定的，之所以不叫JavaScript，有两个原因：一是商标，Jav
2020-12-13 19:49:14
194
原创 JavaScript常用操作
两个对象数组 根据相同的id进行合并var arr2 = [{ id: 1, name: '小明' }, { id: 2, name: '卢本伟' }, { id: 3, name: 'PDD' }, { id: 4, name: '大司马' }]var arr1 = [{ id: 1, car: '奔驰' }, { id: 2, car: '宝马' }, { id: 3, car: '劳斯' }, { id: 5, car: '大众' }]const combined = arr2.reduce
2020-12-13 19:45:45
100
转载 javascript闭包详解
变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。在函数外部自然无法读取函数内的局部变量。这里有一个地方需要注意，函数内部声明变量的时候，一定要使用var命令。如果不用的话，你实际上声明了一个全局变量！function f1(){ n=999;}f1();alert(n); // 999如何从外部读取函数局部变量？..
2020-12-13 18:04:45
54
转载 词法作用域和动态作用域
作用域作用域是指程序源代码中定义变量的区域。作用域规定了如何查找变量，也就是确定当前执行代码对变量的访问权限。JavaScript 采用词法作用域(lexical scoping)，也就是静态作用域。静态作用域与动态作用域因为 JavaScript 采用的是词法作用域，函数的作用域在函数定义的时候就决定了。而与词法作用域相对的是动态作用域，函数的作用域是在函数调用的时候才决定的。作用域链是基于调用栈的，而不是代码中的作用域嵌套var value = 1;functi
2020-12-13 16:36:12
63
原创 常用css垂直水平
适用范围仅居中元素定宽高适用absolute + 负margin absolute + margin auto absolute + calc居中元素不定宽高absolute + transform flex定义的盒子如下<div class="wp"> <div class="box size">123123</div></div>.wp { position: relative; width:..
2020-12-11 23:26:06
87
原创 一句话总结原型链
”每个构造函数都有一个原型对象( prototype )，Object.prototype原型对象都包含一个指向构造函数本身的指针( constructor )，Object === Object.prototype.constructor实例都包含一个指向原型对象的内部指针( __proto__ )。”obj.__proto__ === Object.prototype——此段话摘自《JavaScript高级程序设计》。原型对象作用共享构造函数属性，使得实例对象继承构造函数.
2020-12-11 22:53:05
407
原创 函数防抖与函数节流
函数防抖（debounce）函数防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。简单的说，当一个动作连续触发，则只执行最后一次。打个比方，坐公交，司机需要等最后一个人进入才能关门。每次进入一个人，司机就会多等待几秒再关门/** fn [function] 需要防抖的函数* delay [number] 毫秒，防抖期限值*/function debounce(fn,delay){ let timer = null
2020-12-10 23:28:02
100
原创 apply、call和bind的区别
bind，apply，call相同点都是用来改变函数的this对象的指向的 第一个参数都是this要指向的对象 都可以利用后续参数传参var xw = { name: "小王", gender: "男", age: 24, say: function () { console.log(this.name + " , " + this.gender + " ,今年" + this.age); }}var xh = { name: "小红", gender:
2020-12-10 00:26:42
74
原创 EventLoop机制
event loop它的执行顺序：一开始整个脚本作为一个宏任务执行 执行过程中同步代码直接执行，宏任务进入宏任务队列，微任务进入微任务队列 当前宏任务执行完出队，检查微任务列表，有则依次执行，直到全部执行完 执行浏览器UI线程的渲染工作 检查是否有Web Worker任务，有则执行 执行完本轮的宏任务，回到2，依此循环，直到宏任务和微任务队列都为空微任务包括：MutationObserver、Promise.then()或catch()、Promise为基础开发的其它技术，比如fetch
2020-12-08 23:24:25
178
原创 CSS盒模型,在不同浏览器的差异
css盒模型不同浏览器下解释不同 解决办法标准 w3c 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。content = height + widthie 盒子模型的范围也包括 margin、border、padding、content，和标准 w3c 盒子模型不同的是：ie 盒子模型的 content 部分包含了 border 和 padingcontent = height + width + borde
2020-12-08 00:03:40
546
原创 微信小程序开发
微信小程序开发-基础今天知识点1.什么是小程序2.小程序和web网页的区别3.小程序环境搭建4.创建小程序5.开发工具功能介绍6.小程序的文件结构7.小程序的组件8.小程序样式9.小程序生命周期1.什么是小程序小程序是一种不需要下载、安装即可使用的应用，它实现了触手可及的梦想，用户扫一扫或者搜一下就能打开应用，也实现了用完即走的理念，用户不用安装太多应用，应用随处可用，但又...
2019-01-08 18:49:00
2119
转载 Vue2.0 render
Vue2.0 render:h => h(App)new Vue({ router, store, //components: { App } vue1.0的写法 render: h => h(App) vue2.0的写法}).$mount('#app')render函数是渲染一个视图，然后提供给el挂载，如果没有render那页面什么都不会出来...
2018-12-25 18:48:39
139
原创 VUE框架指令快速入门及详解
插值表达式双大括号叫插值表达式，作用是用来渲染data中的数据的合法使用方式有以下几种：直接写一个变量名 字符串拼接 数值运算 三元运算符 函数<!--html代码--><div id="app"> <h3>{{name}}</h3> <p>{{'欧阳'+ name}}</p>
2018-12-08 21:41:40
226
转载 Node - EJS模板应用(node+express+ejs)适合新手理解
准备工作:工具:Webstorm1. 新建一个文件夹为blogs(随意). 一个js文件app.js. 一个文件夹views,文件夹内一个index.ejs文件,文件夹asstes内style.css2.使用Termimal工具安装所需要的插件(Node环境): 2.1 初始化: npm init -y 2.2 安装express: npm install express ...
2018-12-05 21:58:42
802
原创 表单验证，手机号码验证，邮箱验证
验证手机号码//phone 为你要验证的手机号码 function checkPhone(phone) { if (!(/^1[34578]\d{9}$/.test(phone))) { return false; } else { return true; }}邮箱验证// myemail为你要验证的邮箱functio...
2018-11-27 17:02:19
1670
原创 JS屏幕适配器，rem,em,px使用，
关于EM和REMem相对长度单位，其参照当前元素字号大小，如果当前元素未设置字号则会继承其祖先元素字号大小例如.box {font-size：16px;}则1em = 16px .box {font-size：32px; }则1em = 32px，0.5em = 16pxrem相对长度单位，其参照根元素（html）字号大小例如html {font-size：16px;}则1rem = 16...
2018-11-27 16:57:34
497
转载 获取url中的参数
函数说明命名为你要获取的字段，字符串类型 function get_urlArrt (name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); ...
2018-11-26 21:59:28
1097
原创 MUI上拉刷新下拉加载
使用之前引入文件<link rel="stylesheet" href="../lib/mui/css/mui.css"><script src="../lib/mui/js/mui.js"></script> HTML// lt_view 为下拉-上拉的容器 里面必须加一层嵌套 div <div class=&qu
2018-11-25 23:39:44
193
原创 JavaScript中浅拷贝和深拷贝，栈堆详解
版权声明：本文为博主原创文章，博未经主网的英文什么意思网是什么意思？网求允许不得转载https://blog.csdn.net/weixin_40983119/article/details/82995151简单来说，JavaScript的的的中单个等于号的赋值就是拷贝，但是呢这个这个赋值可以分为两种，一种是赋的是数据，一种是赋内存地址，在看深浅拷贝前，先来看下的的的JavaScript的数据...
2018-10-10 18:50:44
314
空空如也
来一个原创react-ssr教程
2022-03-03
TA创建的收藏夹 TA关注的收藏夹
TA关注的人