随笔分类 - 前端工程化
摘要：2019年9月Github上最热门的JavaScript开源项目 前端开发 前端开发 微信号 qianduan1024 功能介绍 专注于Web前端技术文章分享，包含JavaScript、HTML5、CSS3等前端基础知识，以及Vue.js,React,Augular等前端框架 来自：开源最前线（ID
阅读全文
摘要：项目中请使用：express+http-proxy-middleware 为什么要使用node代理转发？ 我们要实现前后端分离，然后前端不在自己的电脑上安装tomcat，这时候，我们通过用node搭建服务器，然后转发我们的请求。例如：自己本地是localhost:3000,我们需要访问http://
阅读全文
摘要：后端路由简介 路由这个概念最先是后端出现的。在以前用模板引擎开发页面时，经常会看到这样 大致流程可以看成这样： 浏览器发出请求 服务器监听到80端口（或443）有请求过来，并解析url路径 根据服务器的路由配置，返回相应信息（可以是 html 字串，也可以是 json 数据，图片等） 浏览器根据数据
阅读全文
摘要：在单页应用如此流行的今天，曾经令人惊叹的前端路由已经成为各大框架的基础标配，每个框架都提供了强大的路由功能，导致路由实现变的复杂。想要搞懂路由内部实现还是有些困难的，但是如果只想了解路由实现基本原理还是比较简单的。本文针对前端路由主流的实现方式 hash 和 history，提供了原生JS/Reac
阅读全文
摘要：var main = main || {}; ; (function (main) { 'use strict'; //私有变量 var _s1 = 'Hello '; var _s2 = 'World!~'; //私有方法 var _func = { helloWorld: function (s
阅读全文
摘要：本文所用源代码已上传，需要的朋友自行下载：点我下载 第一步： 全局安装 npm install -g requirejs 第二步： 1、以下例子主要实现功能， 1）引用jq库获取dom中元素文本， 2）实现并引用去空格工具类trim， 3）最后获取文本并去掉空格后输出， 4）打包js（将所有js文件
阅读全文
摘要：main.js module1.js module2.js 参考资料： http://www.ruanyifeng.com/blog/2012/10/javascript_module.html http://www.ruanyifeng.com/blog/2012/10/asynchronous_
阅读全文
摘要：//gulpfile.js "use strict"; const gulp = require("gulp"), newer = require("gulp-newer"), imagemin = require("gulp-imagemin"), sass = require("gulp-sass"), sourcemaps = require("gulp...
阅读全文
摘要：1、postcss相关网站 https://www.postcss.com.cn/ https://www.ibm.com/developerworks/cn/web/1604-postcss-css/ 2、介绍 PostCSS 的主要功能只有两个：第一个就是前面提到的把 CSS 解析成 JavaS
阅读全文
摘要：就在这个周末，npm 超过了 cpan ，成为地球上最大的软件模块仓库。 npm 的模块都是 JavaScript 语言写的，但浏览器用不了，因为不支持 CommonJS 格式。要想让浏览器用上这些模块，必须转换格式。 本文介绍浏览器加载 CommonJS 的原理，并且给出一种非常简单的实现。 一、
阅读全文
摘要：最近项目上用到了很多svg图，设计师经常频繁改版，苦不堪言，于是就想到了把图片转成字体库来使用。 使用图片的缺点： 1. 图片加载速度慢 2. 图片大小固定，无法调节 3. 当代码重构或者图片目录位置改变时，需要一个个修改，繁琐而且容易出错 字体库优点 1. 字体不会因缩放而失真（这根制作字体的图片
阅读全文
摘要：在我们的生产实际中，后端的接口往往是较晚才会出来，并且还要写接口文档，于是我们的前端的许多开发都要等到接口给我们才能进行，这样对于我们前端来说显得十分的被动，于是有没有可以制造假数据来模拟后端接口呢，答案是肯定的。应该有人通过编写json文件来模拟后台数据，但是很局限，比如增删改查这些接口怎么实现呢
阅读全文
摘要：1.如何定义全局数据 在app.js的App({})中定义的数据或函数都是全局的，在页面中可以通过var app = getApp(); app.function/key的方式调用，不过我们没有必要再app.js中定义全局函数。 定义 全局函数 如下图： 2.如何实现代码的复用 实现函数的复用前我们
阅读全文
摘要：前面的话 由CommonJS组织提出了许多新的JavaScript架构方案和标准，希望能为前端开发提供统一的指引。AMD规范就是其中比较著名一个，全称是Asynchronous Module Definition，即异步模块加载机制，完整描述了模块的定义，依赖关系，引用关系以及加载机制。而AMD规范
阅读全文
摘要：一、创建小程序项目 mock.js 从 https://github.com/nuysoft/Mock/blob/refactoring/dist/mock.js 下载 api.js：配置模拟数据和后台接口数据，通过 DEBUG = true;//切换数据入口 index.js页面 index.wx
阅读全文
