- 博客(19)
- 收藏
- 关注
RSS订阅转载 CSS中可以继承的属性和不可继承的属性
一、无继承性的属性1、display2、文本属性：vertical-align、text-decoration、text-shadow、white-space、unicode-bidi3、盒子模型的属性：width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、bo
2021-05-10 20:57:24
312
原创 回流和重绘
在说回流和重绘前先了解下什么是DOM tree和 render tree在页面加载时，浏览器会把HTML代码解析成一个DOM 树（DOM Tree），包含了所有的HTML标签，以及display：none的元素，还有js动态添加的元素，render tree类似于DOM Tree，但区别很大，因为render Tree 能够识别样式，render Tree的每个节点都有自己的样式，不会呈现出来的元素，不包含在renderTree中，简单点理解DOM Tree和我们写的css结合在一起，就形成了render
2021-05-07 21:56:21
86
原创 JS深拷贝和浅拷贝
深浅拷贝区别我们都知道JS中有两种数据类型，一种是基本数据类型，一种是引用数据类型，基本数据类型是按值访问的，即在操作基本类型的变量时，是直接修改变量的值，而引用数据类型的值是按引用访问的，什么是按引用访问的呢？ JS的引用类型，也叫对象类型，是保存在内存中的，而在JS中又无法直接操作内存中的对象，实际上操作的是对象的引用，因此在引用类型变量在进行复制操作时，并不是对对象值的直接复制，而是将对象的引用复制给了另一个变量，实际上变量指向的是同一个内存地址中对象的值，因此只要改变其中一个对象变量的值，另外一个
2021-05-06 20:56:33
85
原创 Scoped
Scoped在Vue文件中的style标签上有个特殊的属性，scoped。当一个style标签拥有scoped属性的时候，它的样式只能用于当前的Vue组件，可以使组件的样式不互相污染，如果一个项目的所有style标签都加上了scoped属性，相当于实现了样式的模块化。、可以在组件中同时拥有scoped和非scoped样式<style>/* 全局样式 */</style><style scoped>/* 本地样式 */</style>子组件
2021-04-28 20:16:06
157
原创 VUE全局组件的使用
组件名在注册一个组件的时候，我们始终需要给她起一个名字，比如在全局注册的时候我们就已经看到了vue.component('my-component-name',{/*...*/})该组件名就是 Vue.component的第一个参数全局注册到目前为止，我们只用过 Vue.component来创建组件Vue.component('my-component-name', { // ... 选项 ...})这些组件是全局注册的，也就是说她们在注册之后可以用在任何新创建的Vue根实例的模板中
2021-04-27 21:36:01
483
原创 获取角色权限id的两种方法
如何获取当前角色所拥有权限的id1.递归实现： getCheckedRightsIds(node,arr) { //当前node没有children,意味着node没有子级，则将当前node的id保存到数组中 if(!node.children) { return arr.push(node.id) } //如果node含有children，则用递用调用getCheckedRightsIds函数 node.
2021-04-27 08:19:40
487
原创 时间戳和Vue过滤器
时间戳时间戳是自 1970 年 1 月 1 日（00:00:00 GMT）至当前时间的总秒数。它也被称为 Unix 时间戳（Unix Timestamp）。Unix时间戳(Unix timestamp)，或称Unix时间(Unix time)、POSIX时间(POSIX time)，是一种时间表示方式，定义为从 格林威治时间1970年01月01日00时00分00秒起至现在的总秒数。Unix时间戳不仅被使用在Unix系统、类Unix系统中(比如 Linux系统)，也在许多其他 操作系统中被广泛采用。是从
2021-04-25 20:40:17
157
原创 防抖和节流
函数防抖和节流，都是控制事件触发频率的方法。应用场景有很多，输入框持续输入，将输入内容远程校验、多次触发点击事件、onScroll等等。为了说明问题，假设一个场景：鼠标滑过一个div，触发onmousemove事件，它内部的文字会显示当前鼠标的坐标。 #box { width: 1000px; height: 500px; background: #ccc; font-size: 40px; text-align: center;
2021-04-22 23:11:59
63
原创 Axios的封装
封装axiosimport axios from 'axios'//引入Elment UI 组件import { Message} from 'element-ui'//引入env.jsimport baseURL from './env'//封装axios请求//创建axios实例const service = axios.create({ //axios请求基地址 baseURL: `${baseURL.prod.baseURL}/api/private/v1`,
2021-04-21 21:34:06
58
原创 VUE
Vue全家桶vue.js、vue-router、vuex、axios、scssVue脚手架安装脚手架：npm install -g @vue/cli (全局安装,一次即可)使用脚手架创建项目： vue create 项目名(注意：项目名不能中文 不能大写)启动项目在package.json中查看这段代码中第一段就是启动项目的代码 在cmd中输入 npm run serve (前提是电脑中有node.js 支持npm 命令)...
2021-04-20 23:23:42
86
原创 微信小程序使用picker三级联动的问题
如何使用小程序内置的组件picker来渲染并进行联动呢请大佬指教指教请求的数据省份的数据城市的数据县区的数据(部分数据)
2021-04-16 20:13:20
216
原创 JAVAScript函数和异步同步
一、函数的定义方式函数声明:function 函数名() { //...}特点：无论在函数定义前，还是函数定义后调用，都能执行为什么都能执行？？？因为函数声明方式：函数提升2.函数表达式var 变量名=function() { //....}变量名()特点：只能在函数定义后调用，才能执行二、javaScript异步同步与异步同步：符合咱们人的认知习惯，一行一行往下按照代码顺序执行，如果前面代码没有执行完，不会执行缺点：容易导致代码阻塞异
2021-04-16 07:17:17
59
原创 微信小程序的登录流程
微信小程序的登录流程1、第一步：通过 wx.login 得到 code ，调用接口获取登录凭证，通过登录凭证进而换取用户登录状态信息2、第二步，通过调用公司后台接口（自动注册/登录接口）获取腾讯用户的匿名信息//引入接口 const {authorize}=require('../../http/api') //登录/注册 goLogin() { wx.login({ success(res) { console.log(res); let {code}=res; authorize(code).th
2021-04-14 20:54:48
263
原创 小程序样式隔离和模板复用
小程序样式隔离通过在组件的 options 中配置 options:{ styleIsolation:'隔离选项' } 其中隔离选项值包括 isolated 表示启用样式隔离，在自定义组件内外，使用class指定的样式 将不会相互影响； apply-shared 父级样式会穿透影响组件样式，但组件样式不会影响其他页面 shared：互相影响小程序模板复用1、模板的适应场景适应页面的展示，没有太复杂的逻辑交互的页面，可以存成模板，方便其
2021-04-13 21:41:30
502
原创 小程序组件
一、小程序组件复用组件是什么组件：具有完整功能（html-视图,css-样式,js-逻辑），并且独立运行的模块插件：通常是为了完成某项具体的业务功能而开发的js文件 例如：swiper.js,弹框.js，。。。。类库：library,是提供了为了完成项目的工具方法的集合，跟具体的业务无关！ 例如：jQuery,lodash.js框架:framework,分 是为了快速完成项目搭建的基础。框架分：UI 框架和javaScript框架 UI框架：boostStrap,Element UI,v
2021-04-12 22:55:44
74
原创 微信小程序的数据请求
微信小程序的数据请求wx.request() 例如： wx.request({ url: 'test.php', //仅为示例，并非真实的接口地址 data: { x: '', y: '' }, header: { 'content-type': 'application/json' // 默认值 }, success (res) { console.log(res.data) }})注意：使用wx.request()请求注意事项
2021-04-08 20:51:28
231
原创 再识小程序
小程序生命周期生命周期:(英文 lifecycle)小程序生命周期整体应用的生命周期App({ onLaunch() {}, //小程序初始化完成时触发，全局只触发一次 onShow() {}, //小程序启动，或从后台进入前台显示时触发 onHide() {}, //小程序从前台进入后台时触发 onError() {}, //小程序发生脚本错误或API调用报错时触发})页面的生命周期Page({ onLoad() {}, //页面加载时触发，一个页面只会调
2021-04-08 07:33:46
78
原创 初识小程序
一、微信小程序是什么微信小程序是一种不需要下载安装即可使用的应用微信小程序是2017年1月9日，张小龙在2017微信公开课Pro上发布的微信小程序正式上线。二、微信小程序和普通H5的区别微信小程序没有DOM,BOM的API，只能使用EcmaScript核心 部分（数组，字符串方法，for,if…）微信小程序js逻辑和视图处理是分开独立运行的，性能比较好，而普通H5是单线程的，容易导致代码阻塞三、小程序目录结构分析与说明app.json:是小程序的全局配置文件，即如果没配置页面json，
2021-04-06 20:08:36
122
原创 Git常用命令
**1. Git常用命令 1、初始化git： git init 2、查看当前 git 文件状态 ： git status 3、添加文件到暂存区： git add （文件名称或 .） 4、提交到本地仓库： git commit -m ' 提交的文件描述 ' 5、添加到可忽略文件 ： .gitignore 6、提交到远程仓库的步骤 (1)第一步：创建一个远程仓库，点击登录后右上角的 + ，按步骤完成即可 (注意： 远程一定要配置好公钥/密钥)
2021-04-01 20:56:23
79
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人