导语： Most things that you can do manually in the browser can be done using Puppeteer！ 初识puppeteer pup
HTML5汽车赛道飙车游戏代码免费下载： https://download.csdn.net/download/qq_44273429/14017244
在近期的一个移动端项目中，有一个页面需要有弹框提示，并且这个弹框通过关闭按钮关闭。页面当中使用了 iScroll 来实现页面局部滚动，在 iScroll 的配置当中把 tap 和 click 事件都开启了。 代码如下：
webpack可以说是目前最火的打包工具，如果用不好他，真的不敢说自己是个合格的前端工程师
测试方法：android 必须掌握的两个命令：abd start-server/ adb kill-server，用于启动android debug服务，adb使用与启动模拟器或是通过手机的自动安装调试，并可以看到log信息。这两个命令会经常用到 然后 命令行运行一下tns，如果看到以下提示信息，就可以开始第一个开发了。
set PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=1即可跳过下载
详细参考jest文档
Setting Up Your Development Environment 设置你的开发环境 To setup your development machine download and install .NET Core and Visual Studio Code with the C# extension. Node.js and npm is also required. If not already installed visit nodejs.org. 首先在你的机器上下载.Net Co
题图摄于长安街 本篇转发TAP系列文章之九，Tanzu Application Platform (TAP) 的应用开发加速器。 背景 对于开发人员来说，尤其是新加入的人员来说，一直以来都有个困惑，那就是如何高效地启动应用开发。通常情况下，开发部门通过一定时间的积累，会有相关的开发规范和项目规范。 如何让新人能够最快的适应这些规范，项目该怎么建，配置该怎么写，代码依赖库有哪些，注释怎么写等等，都是需要解决的问题。否则，每个开发人员写的项目将会五花八门，到最后无人能够读懂而没法接手，更谈不上更新维护。
Tapable 是 Webpack 整个生命周期及其插件机制的事件流实现，它提供了多种形式的发布订阅模式的 API，我们可以利用它来注册自定义事件，并在不同的时机去触发。
引言: 2016年1月21日，应用容器引擎 Docker 宣布收购了英国的 unikernel 实现初创企业 Unikernel System，但具体交易金额并未透露。那么unikernel到底是一种什么样的技术呢？它会对现有技术产生怎样的影响呢？ Unikernel是什么: Unikernels are specialised, single address space machine images constructed by using library operating systems. A dev
前几天，Node.js v18作为当前的稳定版本发布了。我们归纳了 v18 的一些更新。
如今的移动应用早已不再是某种结构单一、功能简单的工具了。当我们的移动应用变得越来越庞杂，我们便会需要借用分析工具，来跟踪和分析App内的每一个部分。幸运的是，目前市面上有许多数据分析工具可供App开发
俗话说，工欲善其事，必先利其器。当你拿到一台新的 Macbook，或者是不小心弄崩了老的 Macbook 需要重装系统 😭😭😭，那怎样快速配置好一台新 Macbook 呢？说实话，从头开始配置环境是比较花时间的，因为中间可能会有不少的坑。这篇文章总结了我自己因升级系统弄崩若干次 Macbook 的配置经验，希望能给大家避坑，也是怕我下次手抖点升级系统再次弄崩 Macbook 时，能快速把机器配置到好用的状态开始干活搬砖🧱。 First Of All, 备份重要数据和及时 push 代码非常非常重要。
作为前端打包工具的重要工具人--webpack，相信大家在项目中并不陌生。前段时间 webpack5 新出了个特性: 模块联邦。大家可能虽然听说过，但还没在项目中使用，今天就带大家通过一个小实战来熟悉一下它的用法。
Webpack 在前端工程化中可谓是大名鼎鼎，在Webpack编译过程中存在两个核心对象。
源代码 .josn 弹出框用了vant小程序的ui，需要下载。也可以不用，抽取关键代码即可。 vant-weapp：https://vant-contrib.gitee.io/vant-weapp/#/quickstart
用于分组， group 也可以嵌套 group，父容器的属性会叠加在子属性上, 比如：
这个其实不用多说了，如今的前端项目哪里还有用不到打包工具的呢，而webpack又作为打包工具中的王者我们又有什么理由不去搞明白它呢。
HTML5学堂：相对来说，JS在移动端要远远低于PC端的使用频率，因此积累的开发经验并不是太多。在这里简要整理一些JavaScript在移动端的项目经验，主要包括click点击事件延迟、元素高亮点击区、zepto的touch问题等。 移动端click时间300ms延迟 在移动端，click点击事件会造成300ms的延迟，造成这种延迟的原因在于：当用户一次点击屏幕之后，浏览器并不能立刻判断用户是要进行双击缩放，还是想要进行单击操作。因此，浏览器就等待 300 毫秒，以判断用户是否再次点击了屏幕。 对于这种体验
CSS语法 flex-direction: row|row-reverse|column|column-reverse|initial|inherit;
webpack插件没什么好说的，用过的都知道怎么配置，只是不知道内部怎么执行。今天学一学插件的一些机制，手写一个插件并不难。
根据文章内容总结为摘要总结。
WXML提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用。
告诉 webpack 在哪里输出它所创建的 bundles,以及如何命名这些文件。
这是第 101 篇不掺水的原创，想要了解更多，请戳上方蓝色字体：政采云前端团队 关注我们吧～ 本文首发于政采云前端团队博客：手把手带你入门Webpack Plugin https://www.z
Tapable 是 webpack 核心工具之一，提供了插件接口。webpack 中许多对象扩展自 Tapable 类（如，负责编译的 Compiler 和负责创建 bundles 的 Compilation）。这个类暴露 tap, tapAsync 和 tapPromise 方法，可以使用这些方法，注入自定义的构建步骤，这些步骤将在整个编译过程中不同时机触发。
本文使用的 Webpack-Quickly-Starter 快速搭建 Webpack4 本地学习环境。
上述代码就四行，首先是一个 input 输入框，目的是用来输入一些值，同时下面标签就会显示，接着是两个 button 用来分别执行 +1 或者 -1 的操作，最后一个 view 标签就是为了 进行数据输入或变化的回显
RxJS RxJS是微软推出的ReactiveX系列，符合纯函数特点的第三方开源库有非常著名underscore和lodash，以及更加强大的RxJS。它可以用来优雅地处理异步和事件。主要通过它的核心类型Observable，以及强大的操作符 (map、filter、reduce、every等，其中大部分都是纯函数)来实现。 官方给它最直白的定义是：可以把 RxJS 当做是用来处理事件的 Lodash 。 使用RxJS的代码消除了一些中间变量，使用操作符来分步执行逻辑，可读性更强、耦合性更低，更方便测试和修
大家在看webpack源码的时候，有没有感觉像再看天书，似乎没有办法一个文件比如webpack.js从头看到尾。感觉webpack的跳跃性很强，完全不知道程序在运行的时候，发生了什么。完全不清楚这个事件是什么时候发生的，比如loader是什么时候执行的，plugin又是什么时候出现的。webpack的程序错综复杂，完全迷失在程序之中。这究竟是为什么呢？其实很简单！因为webpack的灵魂Tapable！这个机制使得webpack异常的灵活，它有一句经典的话——Everything is a plugin!。由此可见webpack是靠插件堆积起来的。而实现这个插件机制的就是Tabable！
在小程序端使用自动化测试脚本，无非都是加载页面，获取节点，获取事件，获取值，获取data等操作
本文将带你一起开发第一个 Webpack 插件，从 Webpack 配置工程师，迈向 Webpack 开发工程师！ 做自己的轮子，让别人用去吧。
页面设计包括两个部分，上部分的笔记列表，使用 TDesign 的 collapse 组件组成，下部分为输入区域，由一个文本输入框和提交按钮组成，其中文本输入框用 textarea 组件，按钮用 button 组件。
在使用小程序的时候会出现这样一种情况：当网络条件差或卡顿的情况下，使用者会认为点击无效而进行多次点击，最后出现多次跳转页面的情况，就像下图（快速点击了两次）：
Touch.js 是移动设备上的手势识别与事件库, 由百度云Clouda团队维护，也是在百度内部广泛使用的开发工具。 Touch.js手势库专为移动设备设计。 Touch.js对于网页设计师来说，是一款不错的辅助工具，可以减少很多写框架控制器的时间。 网页合理使用Touch.js不但能增加网页的美观感，而且在节约时间，减少人力投入也有极大的帮助。
译： 从点击屏幕上的元素到触发元素的 click 事件，移动浏览器会有大约 300 毫秒的等待时间。为什么这么设计呢？ 因为它想看看你是不是要进行双击（double tap）操作。
我们在上面《页面分类》的项目中，对 tap 事件的处理使用的是 touch 事件处理的，因为如果使用 click 事件的话，总会有延时。
移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android 和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。
一、事件触发顺序 PC网页上的大部分操作都是用鼠标的，即响应的是鼠标事件，包括mousedown、mouseup、mousemove和click事件。一次点击行为，可被拆解成：mousedown -> mouseup -> click 三步。 手机上没有鼠标，所以就用触摸事件去实现类似的功能。touch事件包含touchstart、touchmove、touchend，注意手机上并没有tap事件。手指触发触摸事件的过程为：touchstart -> touchmove -> touchend。 手机
NPM全称Node Package Manager，他是node包管理和分发工具。其实我们可以把NPM理解为前端的Maven .
uni-app 是一个使用 Vue.js 开发的跨平台应用的前端框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台；uni在跨端的同时，通过条件编译和对应平台特有API地调用，可以很好得为某个平台写个性化的代码、调用其独有能力而不影响其它平台；生态丰富，支持npm包管理，丰富的第三方SDK集成和高达1600个插件的支持；上手容易，采用vue语法和微信小程序api，无额外学习成本，同时开发利器HbuilderX具有强大的语法提示。相信它将是你跨端开发的不二选择。
大家都知道移动端的程序中，是没有点击事件的，只有 touchstart、touchmove、touchend。
install-node-msi-version-on-windows-step1
费用跟踪应用采用了Wijmo5和Ionic Framework创建，目的是构建一个hybird app。 我们基于《Mobile first! Wijmo 5 + Ionic Framework之：Hello World！》的环境，将在本教程中完成费用跟踪App的构建。下面的代码结构是本教程完成要达到的效果，请预先创建好文件和目录。 www/ --> 工程根目录 index.html --> app 布局文件 (主HTML文件) css/
Zepto是一个轻量级的针对现代高级浏览器的 JavaScript库， 它与jquery有着类似的api。
url是有长度限制的，其最大长度是1024字节，同时url上的参数需要拼接到字符串里，参数的值还需要做一次urlEncode。向服务端发送的数据超过1024字节时，就要采用HTTPPOST的形式，此时传递的数据就必须要使用data参数，基于这个情况，一般建议需要传递数据时，使用data参数来传递。.
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
