本文实例讲述了微信小程序Flex布局用法。分享给大家供大家参考，具体如下： Flex布局： Flexible Box的缩写，意为“弹性布局”，为盒模型提供巨大的灵活性 使用说明： 1. 任何容器都可以使用flex布局 .box {display: flex; }2.行内元素可以使用flex布局 .box{display: inline-flex; }3.webkit内核的浏览器，要加上-webkit前缀 .box {display: -webkit-flex; /* Safari */display: flex; }外层flex容器的属性： 1.flex-direction属性...
一、前言 数据双向绑定作为 Vue 核心功能之一，其实现原理主要分为两部分： 数据劫持发布订阅模式本篇文章主要介绍 Vue 实现数据劫持的思路，下一篇则会介绍发布订阅模式的设计。 二、针对 Object 类型的劫持 对于 Object 类型，主要劫持其属性的读取与设置操作。在 JavaScript 中对象的属性主要由一个字符串类型的“名称”以及一个“属性描述符”组成，属性描述符包括以下选项： value： 该属性的值；writable： 仅当值为 true 时...
本文实例讲述了JavaScript高级定时器原理与用法。分享给大家供大家参考，具体如下： setTimeout()和setInterval()可以用来创建定时器，其基本的用法这里就不再做介绍了。这里主要介绍一下javascript的代码队列。在javascript中没有任何代码是立即执行的，一旦进程空闲则尽快执行。所以说定时器中设置的时间并不代表执行时间就一定相符，而是代表代码会在指定时间间隔后加入到队列中进行等待。如果在这个时间点上，队列中没有其他东...
本文实例讲述了JavaScript闭包的功能与用法。分享给大家供大家参考，具体如下： 理解闭包关键是理解JS的对象的本质以及垃圾收集机制。函数也是对象，也有属性，通常执行一个函数时，局部变量在函数执行完后，内存会被回收，这是JS的垃圾收集机制决定的，如果想保存局部变量所占用的内存，就必须把保存在另一个不被回收的变量中，通常是全局变量。函数在创建时，内部属性[[Scope]]保存了作用域链，作用域链中包含外部函数以及全局对...
我们通常在做项目时可能会把第三方库打包到bundle中，比如下面这张图如果不想把第三方库打包到bundle中，这就有了externals。官方的使用externals比较简单 externals 官网文档解释的很清楚，就是webpack可以不处理应用的某些依赖库，使用externals配置后，依旧可以在代码中通过CMD、AMD或者window/global全局的方式访问。 只需三步—— 1.在HTML中引入第三方库的cdn 2.在webpack中配置externals externals: {jquery: "jQuery", }3....
webpack，我想大家应该都知道或者听过，Webpack是前端一个工具,可以让各个模块进行加载,预处理,再进行打包。现代的前端开发很多环境都依赖webpack构建，比如vue官方就推荐使用webpack.废话不多说，我们赶紧开始吧. 第一步、安装webpack 新建文件夹webpack->再在webpack下面新建demo->命令行切换到demo目录，使用npm init --yes 初始化项目的package.json文件，然后执行npm install webpack --save-dev第二步、全局安装webpack(3.5....
我们先来讲一个故事，一个大大的池塘，里面有很多鱼。这是属于我们大家的池塘所以里面的鱼我们都可以吃，但是我们也会从集市买一些鱼放在家里，那么放在家里的鱼肯定是属于我们私人的，外人是不会拥有的。那么在js里我们就把这个池塘称为原型对象，池塘里面我们所共享的鱼称为原型中的属性及方法，而我们自己的鱼称为构造函数中的属性及方法，我们是什么呢？对了，我们是对象的实例。 以上是为了让大家能够趣味性的对prototype有一...
在项目开发时，我们时常需要考虑用户在使用产品时产生的各种各样的交互事件，比如鼠标点击事件、敲击键盘事件等。这样的事件行为都是前端DOM事件的组成部分，不同的DOM事件会有不同的触发条件和触发效果。本文就将带大家深入浅出地了解DOM事件的那些属性和方法。 首先在介绍DOM事件之前我们先来认识下DOM的不同级别。针对不同级别的DOM，我们的DOM事件处理方式也是不一样的。 DOM级别与DOM事件 DOM级别一共可以分为4个级别：DOM0级...
在DOM事件的深入浅出（一）中，我主要给大家讲解了不同DOM级别下的事件处理程序，同时介绍了事件冒泡和捕获的触发原理和方法。本文将继续介绍DOM事件中的知识点，主要侧重于DOM事件中Event对象的属性和方法。 那么什么是DOM事件中Event对象呢？事件对象（event object）指的是与特定事件相关且包含该事件详细信息的对象。我们可以通过传递给事件处理程序的参数获取事件触发后所产生的一系列方法和属性。 Event对象 Event对象其实是...
首先呢,我们先来看一下,jQuery中的ready事件,它的作用有些类似于window中的onload事件,只不过二者的区别在于,onload事件是要等到网页中的dom节点加载完成,并且css进行样式渲染后,JavaScript中进行了预加载后再执行,而ready事件呢,是在网页中的标签被解析为DOM节点是就执行其中的函数,直白点说,ready执行的比onload早,那么我们在用jQuery的时候,需要做一个ready的执行定义://ready的作用,是为具体加载的实现. $(document).ready(fun...
本文实例讲述了javaScript的原型链。分享给大家供大家参考。具体分析如下： 对于javascript原型链，以前都觉得是个很深的东西，一直没有理解很明白，今天看了一些介绍后，发现这张图，表示再没有什么语言能比这张图说得清楚了。 看了这张图后突然对javascript有了质的理解。javascript的原型链有显式和隐式两种： 显式原型链：即我们常见的prototype； 隐式原型链：在一般环境下无法访问，即不可见，在FireFox下可以通过__proto__方...
本文实例讲述了javaScript中this用法。分享给大家供大家参考。具体分析如下： 之前学javascript的时候总搞不清this,这个this不像java里的this那么好理解。我后来也是看了许多别人写的文章，才理解过来的。现在把别人写的东西搬过来，怕以后忘记。 总得来说 this的指向分三种。指向全局window,该对象,构造函数。 结论：在Javascript中，this指向函数执行时的当前对象。 简单点说就是调用的方法属于哪个对象，this就指向那个对象。...
摘要： 听起来很炫酷的一等公民是啥？ 《JavaScript深入浅出》系列：JavaScript深入浅出第1课：箭头函数中的this究竟是什么鬼？ JavaScript深入浅出第2课：函数是一等公民是什么意思呢？看到一篇讲JavaScript历史的文章里面提到：JavaScript借鉴Scheme语言，将函数提升到"一等公民"（first class citizen）的地位。 一等公民这个名字听起来很高大上，但是也相当晦涩，这个与翻译也没什么关系，因为first class citizen很多人包括我...
不学会怎么处理对象，你在 JavaScript 道路就就走不了多远。它们几乎是 JavaScript 编程语言每个方面的基础。事实上，学习如何创建对象可能是你刚开始学习的第一件事。 对象是键/值对。创建对象的最常用方法是使用花括号{}，并使用点表示法向对象添加属性和方法。 let animal = {} animal.name = Leo animal.energy = 10 animal.eat = function (amount) { console.log(`${this.name} i...
数据类型 1. 六种数据类型 JavaScript包含六种数据类型：基本类型number、string、boolean、null、undefined和对象类型Object。其中，对象类型包含方法function、数组array和日期Date等。 2. 隐式转换使用+时表示连接，使用-时表示数字运算，可以巧用在number和string之间转换； 类型相同比较相当于恒等===； 类型不同尝试类型转换再比较，我称作为向下转型：null == undefined number == string，后者会自动转型为number boolean会...