Breaking Bad React脚手架项目 黑色极简风格的 React 脚手架项目,Breaking_Bad上手快,配置少,适合初学者练手。它是基于Create React App搭出来的,命令基本不用改,yarn start一下就能跑,响应也快。 开发模式下运行时页面自动热重载,改了代码不用刷新,调试起来爽。yarn test可以跑测试,虽
Webpack样式处理机制详解 Webpack 的样式能力,说实话,真挺香的。你只要在JavaScript里扔一句require('style.css'),Webpack 立马就能动起来,把样式吃透、打包、注入,全流程搞定。 css-loader和style-loader是老搭档,前者负责把.css文件变成 JS 能读的格式,后者
Webpack import()动态加载模块实战与问题解析 Webpack 的动态加载方式import(),确实蛮香的,尤其是做代码分割时,用得顺手还挺省心。动态加载模块的核心就是一个import()函数,传个模块路径就能返回一个Promise,异步拉模块进来,主包也就轻了不少,页面加载速度立马就上来了。比如你想用lodash,直接来一句:import('l
前端开发实战笔记整理合集 前端开发的那些,平时看到不错的知识点、教程,我都顺手整理在一个博客里,方便查找也方便自己复盘。GraphQL 的入门思路、Serverless的实践要点、DNS 劫持怎么防,通通都整理了。像什么Webpack、Vite、Vue、React,都有自己的小总结。用的是比较通俗的方式写的,读起来不费劲。项
随机机React前端项目 黑白风格的项目名随机机,本身就挺有趣,像是给前端加了点不确定的小魔法。整个项目基于React,支持Webpack打包,Babel转译,常规的npm start、npm test、npm run build都安排得妥妥的。 开发模式下运行npm start,自动打开浏览器、热加载支持、代码改完秒刷新,
Vue ViaCEP地址查询表单组件 嗯,这个 formvuejs 结合了 Vue 和 ViaCEP,挺适合做快速表单开发的。你可以用它来通过邮政编码自动查询地址,整个过程简单、流畅。只需要安装几个依赖包,比如 Vue 和 vue-the-mask 插件,在 Vue 项目里引入就可以使用了。值得注意的是,ViaCEP 接口支持全国范围的
ngmin-webpack-plugin AngularJS依赖注释插件 ngmin-webpack-plugin 的 Angular 依赖注释方式挺老派的,不过用起来还挺方便。它能在你压缩 AngularJS 代码之前,自动帮你插上 DI 注释,省得你手动写那些数组格式的控制器定义。用起来像这样:你写普通函数式的 controller,它会自动注释成依赖数组的格式,适合
condition-loader Webpack条件加载器用于文本文件 Webpack 的condition-loader是一个挺实用的工具,适用于各种文本文件的条件加载。你可以通过它在webpack构建过程中,根据不同条件编译特定部分的代码。支持的文件类型挺多,包括js、html、vue、css等任何文本文件。只需要在文件中使用命令,如#if DEBUG,就可以在构建
Web前端开发基础入门张颖配套代码合集 张颖的《Web 前端开发基础入门》书上代码,整理得挺全,拿来练手刚刚好。结构清晰,基本从 HTML、CSS 到 JavaScript,一步步来,适合初学或者回炉重修的朋友。代码注释也比较友好,改起来不费劲。 张颖的《Web 前端开发基础入门》书上代码,整理得挺全,拿来练手刚刚好。结构清晰,基本从HT
vuerecipe Buffalo+Vue.js轻量全栈方案 Buffalo 的后端生成器配上 Vue.js,搭配起来还挺顺手的。用buffalo db create -a一键建库,配置database.yml也不难,改下用户名、密码、host 就能跑。前后端分离开发场景里,这套组合算是比较轻量的,开发速度快,写得也干净。嗯,像表单、分页这类小功能,Vue 那