我把这个实例分为几个步骤解读： 1、父组件的button元素绑定click事件,该事件指向notify方法 2、给子组件注册一个ref=“child” 3、父组件的notify的方法在处理时，使用了...$refs.child把事件传递给子组件的parentMsg方法，同时携带着父组件中的参数msg 4、子组件接收到父组件的事件后，调用了parentMsg方法，把接收到的msg放到message数组中...--父组件--> 广播事件 <!
1.打开事件查看器 点击"开始"，在搜索框中输入"事件查看器"，然后选择它。 2.开启打印日志 必须以管理员身份登录才能在事件查看器中启用或禁用打印日志记录。...展开"应用程序和服务日志"文件夹-" Microsoft"文件夹-" Windows"文件夹-"PrintService"文件夹 在"事件查看器"的" PrintService"窗格下，右键单击" Operational...3.查询打印日志 展开"Windows日志"文件夹-"系统"。 右侧的筛选当前日志，事件来源选择"PrintService"
在该目录下已经有一个示例规则文件了（SampleRules.plist），该示例定义了名称，类型和事件触发后的操作。...一旦被emond加载，startup事件类型就会触发规则；periodic事件类型只有在定义了“startTime”之后才会触发；同样的，auth.success事件类型只会在用户成功验证后触发；auth.failure...action定义了事件发生后emond将要做什么，需要注意的是，我们可以在规则中定义多个action。...所有日志文件都存储在一个隐藏的目录中：/fseventsd/。访问此目录需要root权限。 fsevents的一个注意事项是时间戳不包含在日志文件中。...点击这里查看开源fsevents项目 ? 你可以注意到fswatch可以在事件触发时提供时间戳。 此外，你可以将其输出到任何其他命令行，以便进一步处理。 你也可以指定多个目录进行监控。
换句话说，如果你在执行任务时只需要两个插件，那么其他不相关的插件就不会被加载。 WATCHING FILES Gulp可以监听文件的修改动态，然后在文件被改动的时候执行一个或多个任务。...利用watcher来监听额外的事件或者向watch中添加文件。...例如，在执行一系列任务和调用一个函数时，你就可以在返回的watcher中添加监听change事件: var watcher = gulp.watch('templates/*.tmpl.html', [...，还可以监听很多其他的事件: end 在watcher结束时触发（这意味着，在文件改变的时候，任务或者回调不会执行） error 在出现error时触发 ready 在文件被找到并正被监听时触发 nomatch...BrowserSync提供了一种在多个浏览器里测试网页的很好方式（查看大图）。 BrowserSync也可以在不同浏览器之间同步点击翻页、表单操作、滚动位置。
对于HTML元素本身就带有的固有属性,在处理时,使用prop方法. 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法....: mouseover/mouseout会在鼠标经过自己和自己的子元素时都会触发事件; mouseenter/mouseleave只会在鼠标经过自己时触发事件....,当必须是它的内部元素span才能触发这个事件,支持动态绑定. on注册事件的语法: 第一个参数:events,绑定事件的名称可以是由空格分隔的多个事件(标准事件或自定义事件) 第二个参数:selector...2、touchmove: 手指在屏幕上滑动式触发 3、touchend: 手指离开屏幕时触发 4、touchcancel: 系统取消touch事件的时候触发,比较少用....(gulp-autoprefixer) 文件改名字 (gulp-rename) 3.3 前端性能优化 从用户访问资源到资源完整的展现在用户面前的过程中,通过技术手段和优化策略,缩短每个步骤的处理时间从而提升整个资源的访问和呈现速度
写作背景： 在前面两节提到的任务再 gulp 执行得到了相应的产物，但是当文件修改过后我们依然需要再次执行命令来进行构建，但是在开发过程中，gulp 同样支持我们通过 watch 来对文件进行监控，每当监控到文件变动就触发所关联的构建任务...官网； 在文件监控关联的任务更需要注意禁止使用同步任务，同步任务无法确定任务的完成情况，无法在文件变动后再次触发。...什么事件可以被监控： 在默认的情况下，文件的创建、更改、删除会触发关联任务的执行。...// body omitted cb(); }); 注：上面的代码来自 gulp 官网； 立即执行： 在调用 watch 后所关联的任务默认不会立即触发执行，而是需要等第一次触发文件变化的事件后才执行...function(cb) { // body omitted cb(); }); 注：上面的代码来自 gulp 官网； 延迟应用： watch 函数的参数 2 选项支持配置 delay 指定毫秒数来延迟在文件变化后触发关联任务的事件
将返回一个 Vinyl files 的 stream 它可以被 piped 到别的插件中。 globs：一种匹配文件的规则。...如果某文件夹不存在，将会自动创建它。 文件被写入的路径是以所给的相对路径根据所给的目标目录计算而来。类似的，相对路径也可以根据所给的 base 来计算。...请查看上述的 gulp.src 来了解更多信息。...---- gulp.watch(glob[, opts], tasks) 监视文件，并且可以在文件发生改动时候做一些事情。...glob： 类型： String or Array 一个 glob 字符串，或者一个包含多个 glob 字符串的数组，用来指定具体监控哪些文件的变动。
快速上手 部署 解压文件后，将 layuiAdmin 完整放置在任意目录 通过本地 web 服务器去访问 ....在视图文件的 HTML 代码中，通过对任意元素设定 lay-href="/user/set/uid=123/type=1" ，好处是：任意元素都可以触发跳转。...views 目录存放的正是视图文件，你可以在该目录添加任意的新目录和新文件，通过对应的路由即可访问。...其中 index.html 是默认文件（你也可以通过 config.js 去重新定义）。视图文件的所在目录决定了路由的访问地址，如： 视图路径 对应的路由地址 ....//这里的 id 值你可以在一些事件中动态获取（如 table 模块的编辑） }); } }) 那么，在视图文件中，你可以在动态模板中通过 {{ d.params.xxx }} 得到传入的参数，如：
Service Worker 可以使你的应用先访问本地缓存资源，所以在离线状态时，在没有通过网络接收到更多的数据前，仍可以提供基本的功能（一般称之为 Offline First）。...Tips：激活成功之后，在 Chrome 浏览器里，可以访问 chrome://inspect/#service-workers和 chrome://serviceworker-internals/ 可以查看到当前运行的...4、激活 service worker 在你的 service worker 注册之后，浏览器会尝试为你的页面或站点安装并激活它。 install 事件会在安装完成之后触发。...install callback 中，我们需要执行以下步骤： 开启一个缓存 缓存我们的文件 决定是否所有的资源是否要被缓存 上面的代码中，我们通过 caches.open 打开我们指定的 cache...每次任何被 service worker 控制的资源被请求到时，都会触发 fetch 事件，我们可以给 service worker 添加一个 fetch 的事件监听器，接着调用 event 上的 respondWith
ES6中的 Object.assign()，第一个参数必须是个空对象。 Object.assign() 方法可以把任意多个的源对象自身的可枚举属性拷贝给目标对象，然后返回目标对象。...宏任务中的事件放在callback queue中，由事件触发线程维护；微任务的事件放在微任务队列中，由js引擎线程维护。...git add 添加文件到仓库 git status 查看仓库当前的状态，显示有变更的文件。 git diff 比较文件的不同，即暂存区和工作区的差异。 git commit 提交暂存区到本地仓库。...Plugin：扩展插件，在 Webpack 构建流程中的特定时机会广播出对应的事件，插件可以监听这些事件的发生，在特定时机做对应的事情。 5、Webpack的基本功能有哪些？...三者都是前端构建工具，grunt和gulp在早期比较流行，现在webpack相对来说比较主流，不过一些轻量化的任务还是会用gulp来处理，比如单独打包CSS文件等。
可以通过监听data事件的方式消耗可读流。 在首次监听其data事件后，readable便会持续不断地调用_read()，通过触发data事件将数据输出。...第一次data事件会在下一个tick中触发，所以，可以安全地将数据输出前的逻辑放在事件监听后（同一个tick中）。 当数据全部被消耗时，会触发end事件。...上游必须调用writable.end(data)来结束可写流，data是可选的。此后，不能再调用write新增数据。 在end方法调用后，当所有底层的写操作均完成时，会触发finish事件。...对于可读流来说，push(data)时，data只能是String或Buffer类型，而消耗时data事件输出的数据都是Buffer类型。...也就是说，流中的数据默认情况下都是Buffer类型。产生的数据一放入流中，便转成Buffer被消耗；写入的数据在传给底层写逻辑时，也被转成Buffer类型。
赋值运算符: = 、*=、/= 、+= 、-= 、 +=、%= 自增、自减运算符 （一元运算符）： ++i 、i- - 数据类型 基本数据类型 字符串 字符串创建 ECMAScript中的字符串不可变，...）在ECMAScript 中 引用类型是一种【数据结构】，用于将【数据和功能】组织到一起 对象的属性 ： 对象中存储的数据 对象的方法 ： 对象中存储的函数 // 创建对象 var obj = new...Event 事件基础 JS 事件 是由 访问 web 页面的用户 引起的一系列操作 当用户执行某些操作的时候，再去执行一系列代码，或者用来获取事件的详细信息，如鼠标位置，键盘key值等 事件处理函数...事件处理函数类型 分为： 鼠标点击事件 键盘事件 HTML 事件 事件处理函数 都会有 两个部分组成，on + 事件名称 事件对象 通过事件绑定的的执行函数可以得到一个隐藏的参数， 由浏览器自动分配的一个参数.../dist/xxx')) //存储路径 }) gulp 常用方法 src() : 获取文件。类似输入流 dest() : 存储文件。
/css路径下，并生成映射文件放到src/css*/ gulp.task('css', ['cleanWatchBuild', 'txtCopy'], function() { return gulp.src...在事件式插件中，主程序（或宿主应用程序）通过触发事件来通知插件执行相应的操作。插件系统允许插件注册特定事件的监听器，并在相应事件被触发时执行相应的功能。...，执行的时机异步化，非阻塞式地执行代码，有利于提升整体的性能 vscode在插件系统中，应对几十个插件的应用，也不会有太大的性能问题，不仅仅是因为事件触发之后才会初始化插件，也是得益于事件式插件带有的益处...，通过ExtensionDescriptionRegistry模块，对插件进行注册，首先通过commands字段对指令进行注册，同时声明激活插件的事件，以及各操作路径可以触发的指令 4.监听激活事件 通过监听激活事件...通过对内核的权限管理，我们可以为每种类型的插件提供一份不同权限的内核接口，确保我们在开发插件的时候，不会错误的编写出超越插件职责的代码，当我们编写时，遇到超越职责的代码，我们就会思考，我们的插件归类是否合理
前端构建工具：在前端构建工具中，如 Gulp，管道式插件被广泛用于处理和转换源代码，例如编译、压缩、合并文件等。...目录下的所有的less样式文件转成css，随后压缩并合并成一个名为app.css的文件，对这个文件加上md5版本签名， 生成到build/css路径下，并生成映射文件放到src/css*/ gulp.task...VS Code 在插件系统中，应对几十个插件的应用，也不会有太大的性能问题，不仅仅是因为事件触发之后才会初始化插件，也是得益于事件式插件带有的益处。 可插拔式的设计。...插件的名称； 插件的版本； 入口文件； 与插件主流程相关的配置： “activationEvents”，绑定激活事件，当指令被触发时，事件将会被激活； “commands”，注册指令； “explorer...▶︎ 监听激活事件 通过监听激活事件，来激活插件，如上诉的配置中，当 ts2plantuml.explorer.preview 指令触发时，激活对应的插件。
）交给 Webpack 进行管理，它会将资源整合压缩，我们在页面中只需引用压缩之后的文件即可。...创建 -> 编译 -> 挂载 -> 卸载 -> 销毁 等一系列事件，这些事件发生的前后都会触发一个相关的钩子（hook）函数，通过这些钩子函数，我们可以在事件发生的前后做一些操作，下面先看下官方给出的一个...父组件首先将要传递的数据绑定到子组件的属性上，然后子组件在 props 中声明与绑定属性相同的变量名，就可以使用该变量了，需要注意的一点是如果变量采用驼峰的命名方式，在绑定属性时，就要将驼峰格式改为 -...在子组件中可以通过 $emit 触发 child_change 事件。这里需要注意的是事件名不用采用驼峰命名，也不要用 - 字符，可以使用下划线 `` 连接单词。...$on("change", function() { console.log("change"); }) } } 在组件二中触发相应事件完成通信
image.png bind 不会阻止冒泡 catch 会阻止事件继续冒泡 捕获是先于冒泡的触发 在下面的代码中，点击 inner view 会先后调用 handleTap2、handleTap4、handleTap3...image.png 如果将上面代码中的第一个 capture-bind 改为 capture-catch，将只触发 handleTap2 ?...image.png 小程序生命周期 小程序生命周期包括应用的生命周期（逻辑层 App Service）和页面的生命周期（视图层 View），两者支持的事件不同，详见官方文档中的这张配图。 ?...auto -p mypage 创建名为mypage的page文件 gulp auto -t mytpl 创建名为mytpl的template文件 gulp...auto -c mycomponent 创建名为mycomponent的component文件 gulp auto -s index -p mypage 复制pages/index中的文件创建名称为
只有在小程序管理后台设置为开发者权限的用户才可以扫码访问开发版本小程序，同理体验版也只有设置为体验者权限的用户才可以扫码访问体验版小程序。 开发版可以有多个，即一个开发就是提交一个开发版，互不冲突。...3.1 js为入口文件，每个页面都会经过该页，其onLauch触发条件为第一次冷启动后执行一次，onShow的触发条件为点击退出小程序按钮，然后在没有被回收时，又从任务栏呼起小程序时。...定义一个组件 我们在开发中，总会有这样的场景就是有一个功能包括界面，逻辑在多个地方都需要反复使用到，比如我们开发的是商城，每个商品用户点击购买时，会弹出一个选择规格，尺寸，颜色的层，这个层基本在好多页面和购买行为处都需要使用...目前在界面上绑定一个事件由bind + 事件类型或 catch+事件类型，bind的方式绑定事件不会阻止事件冒泡，catch的方式绑定会阻止事件冒泡。事件类型如下： ?...在微信上查看小程序的数据及管理小程序，请分别搜索官网的”小程序数据助手”，”小程序开发助手”。 6.
比如使用 gulp 对项目进行构建的时候，我们会使用 gulp.src 接口将匹配到的文件转为 stream（流）的形式，再通过 .pipe() 接口对其进行链式加工处理； 或者比如我们通过 http...通过触发 data 事件将数据输出。...write 方法的 callback 回调参数会在 chunk 被消费后（从缓存中移除后）被触发；end 方法的 callback 回调参数则在 Stream 结束时触发。...、在“end”事件之前被触发，而且会清空缓存数据并结束 Stream。...Object Mode 对于可读流来说，push(data) 时，data 的类型只能是 String 或Buffer，且消耗时 data 事件输出的数据类型都为 Buffer； 对于可写流来说，write
默认情况下，一个组件的wxml只可能有一个slot。需要使用多个时，可以在组件js中声明启用。...具体在 组件模板和样式 章节中介绍。 事件：用于子组件向父组件传递数据，可以传递任意数据。...生成的组件实例可以在组件的方法、生命周期函数和属性 observer 中通过 this 访问。组件包含一些通用属性和方法 ? ? 组件传出数据到主页面 组件间交互的主要形式是自定义事件。...监听事件 自定义组件可以触发任意的事件，引用组件的页面可以监听这些事件。监听自定义组件事件的方法与监听基础组件事件的方法完全一致： 在Page事件中监听组件中传递过来的值。...，在定义段中靠后 behavior 中的属性或方法会覆盖靠前的属性或方法； 如果有同名的数据字段，如果数据是对象类型，会进行对象合并，如果是非对象类型则会进行相互覆盖； 生命周期函数不会相互覆盖，而是在对应触发时机被逐个调用
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
