笔记
文章平均质量分 72
妖怪不慌不张
这个作者很懒,什么都没留下…
展开
-
网页性能优化
随着业务的不断迭代,项目日渐壮大,为了给用户提供更优的体验,性能优化是前后端开发者避不开的话题。他山之石可以攻玉,基于雅虎军规一十四条规范及日常开发中收集的经验,本文收录了网页性能优化策略,整个过程不似白云写《月子》般憋闷,有的只是每每的醍醐灌顶、温故知新。回流(reflow)render树中一部分或全部元素需要改变尺寸、布局、或着需要隐藏而需要重新构建,这个过程叫做回流;比如:添加或者删除可见的DOM元素,元素位置改变,元素尺寸改变——边距、填充、边框、宽度和高度重绘(repaint)render树原创 2022-12-07 16:12:15 · 1386 阅读 · 1 评论 -
一文彻底弄懂npm、cnpm、npx、nrm
随着新的域名已经正式启用,老 http://npm.taobao.org 和 http://registry.npm.taobao.org 域名将于 2022 年 05 月 31 日零时起停止服务。即cnpm,这是一个完整 npmjs.org 镜像,即淘宝镜像,你可以用此代替官方版本,同步频率目前为 10分钟。cnpm是个中国版的npm,是淘宝定制的 cnpm 命令行工具代替默认的 npm。有没有一些场景,我们并不想全局安装管理包,即用即删,最适合强迫症的coder,不用担心长期的污染;原创 2022-08-25 16:54:09 · 1252 阅读 · 0 评论 -
MAC上WD解密显示“必须从您要解锁的硬盘对应的WD Drive Unlock CD运行
mac电脑 – 网站下载西部数据硬盘管理工具Mac版工具即可安装 – 运行工具 – 输入密码后,发现可正常使用硬盘工具资源已上传原创 2021-10-12 22:34:18 · 6007 阅读 · 5 评论 -
橘子很甜,月亮很圆 --- 记一次同仁医院半飞秒+角膜交联手术
12月复查,看到一个小伙子过来维权,200度近视,翟长斌医生给做成了老花眼,就是过矫,眼睛不适感强烈,多次与医院沟通无果、寻求赔偿和退还手术费;本人这次检查也出现了小问题;能看清这个世界确实很爽,但是能不做就别做了。慢慢再恢复吧,最近一个月工作用眼有些多,现在坚持做做眼保健操、多看看远处。星芒依然会有,这是不会消失的,简单来说就是后遗症了;敲了三个小时,希望给有需要的伙伴提供帮助。非专业人员,简单从网上摘抄概述下区别;2020.10.19 一个月后来复查,原创 2020-10-16 15:37:09 · 6300 阅读 · 9 评论 -
css 文字超出、超出几行省略号
1.使用overflow: hidden 把超出的内容进行隐藏;2.然后使用white-space: nowrap 设置内容不换行;3.最后使用text-overflow: ellipsis 设置超出内容为省略号{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}...原创 2020-04-02 21:22:51 · 336 阅读 · 0 评论 -
js监测页面是否在后台运行
document.visibilityStatedocument.visibilityState (只读属性), 返回document的可见性, 即当前可见元素的上下文环境. 由此可以知道当前文档(即为页面)是在背后, 或是不可见的隐藏的标签页,或者(正在)预渲染.可用的值如下:visible : 此时页面内容至少是部分可见. 即此页面在前景标签页中,并且窗口没有最小化.hidden : ...转载 2020-03-03 10:14:13 · 3915 阅读 · 0 评论 -
es6 合并多个对象
let obj1 = { name: '我是对象1'}let obj2 = { age: '26',}let object = {...obj1, ...obj2} // {name: '我是对象1', age: '26'}// 如果向调整属性属性顺序,哪个在前那个属性就在前边...原创 2019-12-27 14:52:47 · 954 阅读 · 0 评论 -
pmp每日一题
2019.12.25 每日一题:You are a project manager of a company and your project is currently in execution phase.The customer has requested you for additional work. This work will affect the budget, but not t...原创 2019-12-25 10:26:47 · 36969 阅读 · 1 评论 -
css3 实现九宫格布局
提问: 九宫格布局,鼠标移动上去时边框显示红色?<ul> <li class="t0">1</li> <li class="t0">2</li> <li class="t0">3</li> <li>4</li> <li>5</li>...原创 2019-04-16 11:31:25 · 2682 阅读 · 0 评论 -
前端代码SEO优化
head头部标签部分<title> 标题: 只强调重点,不要重复出现关键词,各个页面的title不要设置相同的<meta keywords> 关键词: 列举出关键词,不要过分堆砌<meta description> 描述: 同2,不要太长,各个页面的description不要设置相同的body代码正文标签语义化,比较以下两部分代码做头部导航:...原创 2019-03-26 18:00:14 · 1522 阅读 · 0 评论 -
继承札记
类与实例一. 类的声明与实例化 function Person1() { this.name = 'name' } //es5 class Person2 { constructor () { this.name = name } } //es6 new Person1() new Person2() //实例化的方式是一样的类与继承...原创 2019-03-22 18:23:55 · 120 阅读 · 0 评论 -
Vue源码解读双向数据绑定小结
MVVM框架介绍M (Model,数据模型层)V (View,视图层,数据展示,html页面)VM (ViewModel,视图模型,V与M连接的桥梁)MVVM框架实现了数据的双向绑定- 当M层数据进行修改时,VM层会检测到变化,并且通知V层进行相应得修改- 修改V层则会通知M层数据进行修改- MVVM框架实现了视图与模型层得相互解耦几种双向数据绑定的方式发布...原创 2019-03-01 10:37:37 · 454 阅读 · 0 评论 -
TypeScript用法介绍、webpack配置ts
TypeScript是什么?TypeScript是微软公司开发的一款开源的JavaScript超集语言!JavaScript超集: 当前任何JavaScript都是合法的TypeScript代码!TypeScript主要为JavaScript提供了类型系统和ES6语法的支持!Flow是一个类型检查工具,TypeScript是一种开发语言!TypeScript有自己的编译工具,我们写好的...原创 2019-02-25 18:18:31 · 2955 阅读 · 0 评论 -
回流(reflow)、重绘(repaint)
一、概念首先我们要明白的是,页面的显示过程分为以下几个阶段:生成DOM树(包括display:none的节点)在DOM树的基础上根据节点的集合属性(margin,padding,width,height等)生成render树(不包括display:none,head节点,但是包括visibility:hidden的节点)在render树的基础上继续渲染颜色背景色等样式reflow:...转载 2019-02-26 15:26:44 · 448 阅读 · 0 评论 -
js表情字符串互转
将表情转为字符:应用场景: 提交表单中的表情符号转为字符串, 便于后台存储.function utf16toEntities(str) { var patt=/[\ud800-\udbff][\udc00-\udfff]/g; // 检测utf16字符正则 str = str.replace(patt, function(char){ var H, L...转载 2019-03-04 15:16:10 · 4544 阅读 · 0 评论 -
详解Vue生命周期,很详很白话
生命周期函数:指生命周期开始、运行、销毁所触发的函数;如beforeCreate、created、mounted……new Vue()new 了一个Vue的实例对象,此时就会进入组件的创建过程。Init Events & Lifecycle初始化组件的事件和生命周期函数,当执行这一步之后,组件的生命周期函数就已经全部初始化好了,等待着依次被调用;beforeC...原创 2019-03-21 11:15:34 · 783 阅读 · 0 评论 -
DOM事件类详解,有这一篇就够了
DOM事件的级别DOM0 element.onclick = function(){}DOM2 element.addEventListener(‘click’, funttion(){}, false)DOM3 element.addEventListener(‘keyup’, funttion(){}, false)DOM3 较 DOM2 多了很多事件类型DOM事件流概念:...原创 2019-03-22 09:10:21 · 448 阅读 · 0 评论 -
原型链类小结
创建对象的3种方法//字面量var o1 = {'name': 'dx'};var o2 = new Object({'name': 'dx'});//通过构造函数var o3 = function() { this.name = 'dx'}var o4 = new o3()//Object.createvar o5 = {'name': 'dx'}var o6 = Obje...原创 2019-03-22 14:57:09 · 178 阅读 · 0 评论