上一篇Vite入门从手写一个乞丐版的Vite开始（上）我们已经成功的将页面渲染出来了，这一篇我们来简单的实现一下热更新的功能。
零售商家的日常经营中，小票打印的场景无处不在，顾客的每笔消费都会收到商家打印出的消费小票，这个是顾客的消费凭证，所以小票的内容对顾客和商家都尤为重要。对有赞零售应用软件来说，小票打印功能也是必不可少的，诸多业务场景都需要提供相应的小票打印能力。
输入 node -v 和 npm -v 查看版本，正确输出版本信息即代表安装成功。
在网页中，我们经常会看到这样的登陆界面: 点击链接后，可以通过第三方账号，比如Gmail登陆。
初始化一个自动打包和自动加载最新 JS 代码的 webpack 项目，然后在通过 tsc --init 初始化 TypeScript 配置文件：
个人博客是程序员的第二张简历。如果你有酷炫的个人网页，面试官对你的好感度会蹭蹭蹭往上涨。
在前面的章节，我们讨论了各种JavaScript概念和运行在浏览器上的各种深度学习框架。在本章中，我们将所有的知识付诸于实践，证明该技术的潜力。
自谷歌chrome浏览器异军突起，并在2008年9月2号 正式官宣发布 v8 js引擎之后，它以极高的运行效率席卷了网络世界，同时也捕获了大量用户，这种不可阻挡的势头让其他各大科技公司（apple、moliza、microsoft）感受到了巨大的杀气， 随即大家都开始招兵买马、磨刀赫赫准备杀出一条血路，从此js引擎进入了军备竞赛时期，这其中微软甚至不惜自废IE并开始力推背后携带了微软无数心血的全新js引擎 Chakra的edge浏览器，可想而知大家对js引擎这块蛋糕的重视程度有多高，而v8的诞生催化了大量的著名开源作品，让js生态一直保持着非常强劲的活力，这其中最著名的就是 2009 年诞生的nodejs，一个基于v8的服务端js运行时，让js这门语言开始从前台到后台遍地生花，以至于以下一句很早诞生的调侃话语至今还在流传：
本文最后更新于2022年01月16日，已超过148天没有更新。如果文章内容或图片资源失效，请留言反馈，我会及时处理，谢谢！
自从工作以来，写项目的时候经常需要写一些方法，恰好JS基础又十分重要，于是就萌生出自己创建一个JS工具库并发布到npm上的想法
随着React-Native的火爆，以及Native和Web开发本身的一些痛点，近期团队考虑将iOS App中部分界面迁移到React-Native上，本文主要谈谈开发过程中遇到的一些问题及解决方案。
之前上家公司主要是做移动端 H5 开发的，但相关技术和配套体系已经很成熟了，很难接触到背后的这套体系。
本文主要介绍了在React-Native开发过程中的一些实践总结，包括图片加载、组件通讯、缓存打包方案、接口扩展和布局相关等内容。
本文主要针对H5与原生混合开发中的交互问题进行讨论，当然，这仅仅是鄙人的见解，求同存异。
webpack 是前端的一个项目构建工具，它是基于 Node.js 开发出来的一个前端工具；
本文结合工程化实践，系统介绍要实现一个生产级别的 Sketch 插件所需要的技术知识和解决方案，并以一个真实的业务场景为案例，从0到1来实现一个生产级别的插件开发。 从 Sketch 插件开发的机制，自动打包更新工程化、Sketch 中 Objective-C 的运行机制等方面，分享开发一个生产级插件所需的技术储备。 最终开发一个如下图所示的 MVP插件将文章中讲到的知识串联起来，学以致用，加深对 Sketch 插件开发的理解。 在开发前，为了使开发调试更顺畅，需要做一点配置工作。 一、开发环境配置 崩溃
我是在原生环境下开发的，同时也提供了一份 Vue3 环境下开发的代码（文末有链接）。
webpack打包原理 1、把一切都视为模块：不管是 CSS、JS、Image 还是 HTML 都可以互相引用，通过定义 entry.js，对所有依赖的文件进行跟踪，将各个模块通过 loader 和 plugins 处理，然后打包在一起。 2、按需加载：打包过程中 Webpack 通过 Code Splitting 功能将文件分为多个 chunks，还可以将重复的部分单独提取出来作为 commonChunk，从而实现按需加载。把所有依赖打包成一个 bundle.js 文件，通过代码分割成单元片段并按需加载 3、webpack.config.js的配置
快速、可靠、安全的依赖管理工具。和 npm 类似, 都是包管理工具, 可以用于下载包, 就是比npm快
一个专注于分享美女小黄图的网站，一个有趣的网站，一个具有后端管理系统，小程序一整套的网站。
近日，州的先生将觅道文档 MrDoc 更新到了 v0.5.9 版本。本次更新主要带来了如下内容：
2017-05-16 by Liuqingwen | Tags: Hexo | Hits
01 引言 随着互联网前端技术的发展，在前端工程愈发复杂多变的今天，模块化已经变成了前端从业者津津乐道的话题，各种模块化工具层出不穷。seajs, requirejs，bower，browserify 以及我们今天所要提到的一款前端模块化工具—webpack。达观数据的前端技术选型中也时常选用webpack作为模块化管理工具。 图1 webpack 02 什么是webapck Webpack从诞生到现在也有些年头了，现在已经更新到2.0版本了。它是一款优秀的模块加载器兼打包工具，其最大的特点是视
1.英文官网: https://reactjs.org/ 2.中文官网: https://react.docschina.org/
21 | Chrome开发者工具：利用网络面板做性能分析 页面是浏览器的核心，浏览器中的所有功能都是服务于页面的，Chrome开发者工具又是调试页面的核心工具。 网络面板 控制器 开始或停止抓包 全局搜索 禁止从cache中加载资源 模拟网络 过滤器 抓图信息：Capture screenshots 详细列表：重点内容 下载信息概要 DOMContentLoaded:页面已经构建好DOM，所需要的HTML、CSS和JS文件都已经下载完成 Load:浏览器已经加载了所有的资源(图片、样式表等) 详
用React Native开发好APP之后，如何将APP发布以供用户使用呢？一款APP的发布流程无外乎：签名打包—>发布到各store这两大步骤。本文将向大家分享如何签名打包一款React Native APP。
在前端中，主要涉及的基本上就是 DOM的相关操作 和 JS，我们都知道 DOM 操作是比较耗时的，那么在我们写前端相关代码的时候，如何减少不必要的 DOM 操作便成了前端优化的重要内容。
这是一篇有故事的文章 --- 来自一个weex在生产环境中相爱相杀的小码农 故事一: Build 虽然weex的口号是一次撰写，多端运行, 但其实build环节是有差异的, native端构建需要使用weex-loader, 而web端则是使用vue-loader,除此以外还有不少差异点, 所以webpack需要两套配置。 最佳实践 使用webpack生成两套bundle,一套是基于vue-router的web spa, 另一套是native端的多入口的bundlejs 首先假设我们在src/views下开
0x00 插件背景 — User-Agent Swither 是一款Chrome插件，用户切换访问web时候的User-Agent的，这个插件有51万条安装量。大部分都是前端工作人员或者安全研究人员使
webpack处理url资源的配置 1.安装 npm i url-loader -D 2.修改webpack.config.js const path = require('path'); // 启用热更新的 第2步 const webpack = require('webpack') //导入html插件 //只要是插件,都一定要放到plugins节点中去 const htmlWebpackPlugin = require('html-webpack-plugin') // 这个配置文件，起始就是一个 J
作者:Alone88 Email:im#alone88.cn (#换成@) Wordpress form 猫可喵
这款主题制作了好久，历时一个多月，曾经几度要放弃这个主题了，最终还是不舍，至于原因嘛，，，因为我感觉越来越像《知更鸟》主题，最开始我打算做一款自用主题，把自己喜欢的元素都添加在内，但是做完才发觉主题真的很不错，精简美观，响应式一应俱全，所以决定放出。
每个插件和主题可能有自己的 CSS 和 JavaScript 内联代码或者文件，如果 CSS 和 JavaScript 内联代码或者文件一多，就开始出现了两个比较难受的问题：
上一小节我们学习了 react 中类组件的优化方式，对于 hooks 为主流的函数式编程，react 也提供了优化方式 memo 方法，本小节我们来了解下它的用法和实现原理。
今天测试忽然在群里发了一个看似非常简单的线上问题，具体是：在后台通过订单编号(orderId)修改订单信息时，修改不成功 ，修改前后的订单数据完全没有发生变化。第一眼看到这个问题的时候，我心想后台实现逻辑并不就是一个updateById更新订单表的操作（简化了其他业务逻辑）吗？难道订单编号(orderId)在代码里给属性赋值赋错了，心想这么低级的错误“同事”应该不会犯吧，于是我就打开ide先去看了看对应方法的处理逻辑，整体更新操作 属性之间的赋值没有问题，难道又是一个”灵异事件“？说罢 我便想着在测试环境能不能复现一下这个bug，功能上线前功能肯定是测试通过的，于是我在测试环境点啊点，在页面上模拟了几十次更新操作也没有发现问题。
历时一个多月的锦鲤主题，终于完成了。2019首发Z-blogPHP锦鲤主题模板（Koilee · 开运锦鲤），部分模块移植WP主题，目前主题已经完善，主题简洁、大气，适合个人博客及文章写作等，先介绍主题吧。
很多业务的前端页面开发是用直接代理开发环境的js静态资源到本地资源的方式。静态资源通过代理简单配置即可代理到本地，但是WebSocket代理不一定能成功
从React Hooks发布以来，整个社区都以积极的态度去拥抱它、学习它。期间也涌现了很多关于React Hooks 源码解析的文章。本文就以笔者自己的角度来写一篇属于自己的文章吧。希望可以深入浅出、图文并茂的帮助大家对React Hooks的实现原理进行学习与理解。本文将以文字、代码、图画的形式来呈现内容。主要对常用Hooks中的 useState、useReducer、useEffect 进行学习，尽可能的揭开Hooks的面纱。
本项目是使用的小程序云开发。云开发提供了一个 JSON 数据库，用户可以直接在云端进行数据库增删改查，但是，小程序对用户操作数据的权限进行了一定的限制（例如数据update、一次性get记录的条数限制等），所以，这里主要采用云函数来操作数据库。
Bootstrap文件上传插件File Input是一个不错的文件上传控件，但是搜索使用到的案例不多，使用的时候，也是一步一个脚印一样摸着石头过河，这个控件在界面呈现上，叫我之前使用过的Uploadify 好看一些，功能也强大些，本文主要基于我自己的框架代码案例，介绍其中文件上传插件File Input的使用。关于Uploadify的控件介绍，可以参考我之前的随笔介绍《基于MVC4+EasyUI的Web开发框架形成之旅--附件上传组件uploadify的使用》。 1、文件上传插件File Input介绍 这
当我们网站的页面图片过多时，加载速度就会很慢。尤其是用手机2G/3G访问页面，不仅页面慢，而且还会用掉很多流量。我们主题之前也都采用了图片的懒加载形式，但都不完美，部分主题还采用了占位图片来控制懒加载，今天换一种js图片懒加载，它原理就是将页面内所有需要加载的图片全部换成一张默认的图片（一般尺寸很小），只有图片在可视区域才去请求加载，这样的话应该就能满足我们日常所需，好了不说废话先按照教程操作试试，后期主题会逐一更新，稍安勿躁！！！
webpack是一个静态打包工具，根据入口文件构建一个依赖图，根据需要的模块组合成一个bundle.js或者多个bundle.js,用它来展示静态资源
为了完成第一项: es6+ 转es5 我们肯定是需要使用babel 我们开始对babel进行配置
路漫漫其修远兮，吾将上下而求索。——献给所有为 Vue的发展而默默付出的开发者们。
网站的性能一直是前端工程师努力的方向之一，更加流畅的体验，更加快速的页面呈现，都是好的web网站的指标之一。
本教程总共7篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1.React多页面应用1(webpack开发环境搭建,包括Babel、热更新等) ----2017.12.28 2.React多页面应用2(处理CSS及图片,引入postCSS及图片处理等)----2017.12.29 3.React多页面应用3(webpack性能提升,包括打包性能、提取公共包等)----2017.12.30 4.React多页面应用4(webpack自动化生成多入口页面)----201
例如像我们人类，从生到死的过程有这么几个特定的时间点，就是上，幼儿园，小学，中学...
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
云直播
对象存储
