一个专注于WEB开发的技术的个人博客

CSS技巧纯 CSS 实现多行文字截断 JS技巧弹幕开发h5与webview如何互通 打包工具webpack4webpack、webpack-cli、babel-core、babel-loader、babel-preset-env \ 常见依赖babel-plugin-transform-class-properties // class支持属性babel-plugin-transform-dec ...

元素的宽高clientWidth、clientHeight：是指元素内容+内边距大小，不包括边框、外边距、滚动条部分。offsetWidth、offsetHeight：是指元素内容+内边距大小+边框大小，不包括外边距和滚动条部分。scrollWidth、scrollHeight：是指元素内容+内边距+对应方向的溢出部分。 元素的位置clientLeft、clientTop：是指元素的内边距的外边缘 ...

本文不会介绍git的工作原理，需要你对git有一定的了解。本文几乎罗列出了所有常用的git命令，可作为日常开发的查询手册。 git clonegit clone [remoteUrl] // clone远程库到当前目录（项目名为远程项目名，会自动设置origin为remoteUrl的引用）git clone [remoteUrl] [本地项目名] // clone项目并会重命名为[本地项目名]PS ...

最近和朋友谈到网页劫持，之前对这个话题还不是很了解。但在我们访问网页是，突然就能被传送到不知所谓的页面，铺满各种“屠龙宝刀点击就送”、“充值XX元就可获得流量大礼包”之类的内容。就算不是页面跳转，网页也有可能被插入额外的广告，无论是去哪个网站都会有一个烦不胜烦的小窗无法消除。 劫持分类我们生活中常见的劫持有，DNS劫持（运营商作怪）、路由劫持、代理服务器劫持（这个好理解只提一下）、HTTP劫持、软 ...

常用的数据结构数组、链表、散列表、栈、队列、图、树 数组数组，在内存上必须给出连续的空间（一但内存空间不足时，需要将整个数组移位到另一块内存足够大的地方）。内存空间占用的少，因为链表还要保存下一个节点的内存地址。访问性：访问性好，数组内的数据可随机访问，因为其内存地址时连续的。操作性：操作性差，在数组中插入、删除元素，都会导致其后的元素整体移动（插入时向后移动、删除时向前移动）。扩展性：扩展性差， ...

内存在JS这门语言中，变量分为两种类型：基本类型（Undefined、Null、Boolean、Number 和String）和引用类型（Object、Array、Function等）。对应存储内存又分为栈内存（Stack）和堆内存（Heap）。 栈内存作用：存储基本类型的变量和存储引用类型的变量内存地址。特点：这些基本类型在内存中分别占有固定大小的空间，他们的值保存在栈空间，我们通过按值来访问的 ...

记录一些比较有意思的话题。 new操作符的工作原理我们都知道 new 运算符是用来实例化一个类，从而在内存中分配一个实例对象。1234567let Person = function(name, age){ this.name = name; this.age = age;}Person.prototype.getAge = function(){ return th ...

vue双向绑定原理单向与双向Model>View（单向）Model<>View（单向） 双向的原理通过数据劫持和发布者-订阅者模式的方式来实现。 数据劫持主要通过 Object.defineProperty(obj, prop, descriptor) 的set和get方法执行对应的改变视图的方法。 new Proxy(target, handler) 来实现数据劫持。

写在前面设计模式，是一套经过前人总结、业务验证并适合于特定业务开发的代码组织方式，可能会有一些同学会认为设计模式没有用，我这里需要指出设计模式并不是万能的只适合于特定业务场景的开发（对我们的业务开发起到一定的指导作用，所有设计模式的目的都是让开发者编写可维护、易扩展的代码），其实你日常开发中或多或少都使用过设计模式，只是你不知道名字而已（如，绑定事件和触发事件这就是一个简单的发布-订阅模式）。本文 ...

伪类:placeholder-shown定义CSS 伪类在 input 或 textarea 元素显示 placeholder text 时生效。PS：可以配合 :not() 伪类等配合，优化表单。 伪:focus-within定义CSS 伪类，表示一个元素获得焦点或该元素的后代元素获得焦点。换句话说，元素自身或者它的某个后代匹配:focus伪类。神奇的选择器 :focus-within disp ...