- 博客(21)
- 收藏
- 关注
RSS订阅转载 webpack动态加载打包chunk命名
最近，遇到复杂h5页面开发，为了优化H5首屏加载速度，想到使用按需加载的方式，减少首次加载的JavaScript文件体积，于是将处理过程在这里记录一下，涉及到的主要是以下三点：使用Webpack如何做按需加载filename和chunkFilename的区别如何命名chunk的名称(webpackChunkName)1 使用Webpack如何做按需加载大家都知...
2019-09-20 14:51:00
2935
转载 EggJS接口开发
需求随着Nodejs的普及，前端开发的开发场景基本可以贯穿界面交互到数据存储，无缝实现全栈开发。最近在实现一个内部项目管理工具的时候，就尝试了一把接口和数据库开发。什么是Egg.jsEgg.js是阿里开源的一套Nodejs开发框架。Egg.js官网的介绍是：Egg.js 为企业级框架和应用而生，我们希望由 Egg.js 孕育出更多上层框架，帮助开发团队和开发人员降低开...
2019-07-25 20:08:00
520
转载 Git操作中crlf和lf冲突问题
多人参与项目开发的时候，经常会遇到代码格式化不一致，在提交的时候出现很多冲突的情况。其中换行符冲突就是一种，在不同的系统平台上是不一样的。UNIX/Linux 使用的是 0x0A（LF），早期的 Mac OS 使用的是 0x0D（CR），后来的 OS X 在更换内核后与 UNIX 保持一致了。但 DOS/Windows 一直使用 0x0D0A（CRLF） 作为换行符。所以会出现使用mac...
2019-04-28 17:37:00
858
转载 Tampermonkey还你一个干净整洁的上网体验
作为一个前端开发，平时难免要经常浏览一些博客、技术网站，学习新的技术或者寻找解决方案，可能更多是ctrl+c和ctrl+v（^_^|||），但是目前很多网站的布局以及广告对于我们阅读文章造成了很多的障碍，很是烦躁啊。于是才有了这篇文章，我们借助chrome的Tampermonkey插件来改造自己感兴趣的网址，让浏览内容更纯粹。在我之前的随笔中已经对Tampermonkey 做了介绍，...
2019-04-19 11:53:00
185
转载 借助Chrome和插件爬取数据
工具Chrome浏览器TamperMonkeyReResChrome浏览器chrome浏览器是目前最受欢迎的浏览器，没有之一，它兼容大部分的w3c标准和ecma标准，对于前端工程师在开发过程中提供了devtools和插件等工具，非常方便使用。在爬取数据的过程中，最常用的应该是开发工具中的Element、Source和Network功能，分别查看DOM结构...
2019-01-25 15:26:00
544
转载 CSS Modules In Webpack
1）从形式上看，CSS Modules 是将CSS中的选择器转换为变量，然后在DOM中引用变量来引入样式。2）从效果上看，CSS Modules 可以将CSS选择器名字转成随机字符串，保证选择器同名也不会冲突。3）在Webpack中使用，需要为css-loader增加modules// webpack 1.x{ test: /\.css$/, ...
2018-08-31 14:47:00
109
转载 快应用小试
开题先抛一个快应用的开发文档链接https://doc.quickapp.cn/我只能说这个文档不是很人性化，左侧导航栏分了『指南和参考』，结果我最关心的组件，在『指南』中只有list和tabs，其余组件都在『参考』中，真是喷了一口老血才找到。根据开发微信小程序和支付宝小程序的经验，我习惯性的按照以下步骤去做准备：1）开发工具2）开发文档3）示例代码4）开始编...
2018-08-10 17:57:00
89
转载 DuelJS 介绍
DuelJS 是什么？DuelJS是一个快速和小型的JavaScript库，可以帮助实现浏览器tab页主从关系的切换。使用它可以优化你浏览器和服务器之间的通信，以及你浏览器内部tab页之间的通信。对于我而言，我关注的就是它可以帮助实现同域名下不同窗口（tab）之间通信，可以广播消息。简言DuelJS中的基本元素是channel。Channel为同一个站点的不同浏览器tab...
2018-06-15 15:30:00
149
转载 eslint 入门项目搭建过程
github 地址 ：https://github.com/gebin/eslint-demo运行该项目npm installnpm start访问http://localhost:9000一步一步构建该项目一开始我想整一个项目，测试一下eslint是怎么玩的，然后我想要基于webpack，因为大部分项目我们是基于webpack来创建的。于是我新建了一个项...
2018-02-25 21:03:00
89
转载 ES6 模块化笔记
ES6 模块的设计思想，是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量。ES6 模块不是对象，而是通过export命令显式指定输出的代码，再通过import命令输入。// ES6模块import { stat, exists, readFile } from 'fs';需要特别注意的是，export命令规定的是对外的接口，必须与模...
2018-02-23 09:31:00
99
转载 闭包
一、定义闭包就是能够读取其他函数内部变量的函数。另一种定义就是：定义在一个函数内部的函数。二、用处闭包的最大用处有两个，一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。三、注意1）由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之...
2018-01-07 21:45:00
72
转载 JavaScript 内存相关知识
一、内存基本概念1.1、生命周期不管什么程序语言，内存生命周期基本是一致的：分配你所需要的内存var n = 123; // 给数值变量分配内存var s = "azerty"; // 给字符串分配内存var o = { a: 1, b: null}; // 给对象及其包含的值分配内存// 给数组及其包含的值分配内存（...
2018-01-04 10:46:00
85
转载 Mac 配置Charles，抓取移动设备数据
有两篇很详细的教程可以参考Charles 从入门到精通mac环境下使用Charles抓包Https请求但是在使用iPhone抓取https数据的时候会出现很多问题，总是提示失败。需要注意的有：1）iPhone安装证书首先要保证iPhone已经和Charles连接的前提下，在手机浏览器访问http://charlesproxy.com/getssl，这样就可以顺利安...
2017-10-20 16:44:00
105
转载 jquery.cookie的path坑
在使用jquery.cookie设置cookie的时候，通常都是直接设置，没有针对path，domain和expires等进行具体的设置，这会导致，同一个cookie的key对应多个value。1、Cookie相关概念介绍Path – 路径指定与cookie关联的WEB页。值可以是一个目录，或者是一个路径。如果http://www.china.com/test/index...
2017-09-13 17:17:00
144
转载 如何模拟click事件，打开一个a标签链接？
在项目开发过程中，我们经常会碰到通过接口返回一个地址，同时在新的tab页面打开一个网址的情况，最直观的想法就是通过window.open(url)的方式，打开一个新的页面，但是大部分浏览器会遭遇拦截。因为大部分现代的浏览器（泛指 Chrome / Firefox / IE 10+ / Safari）都默认开启了阻止弹出窗口的策略，原因是 window.open 被广告商滥用，严重影响用户...
2017-08-02 19:18:00
549
转载 6月份开发问题整理
1、静态资源服务器搭建 1 /*加载模块*/ 2 var express = require('express'); 3 var http = require('http'); 4 var path = require('path'); 5 /*创建服务*/ 6 var app = express(); 7 app.set('port', 80); 8...
2017-07-15 18:19:00
90
转载 限制input[type=number]的输入位数策略整理
当我们使用类型number的input输入框的时候，我们可能需要限制输入的位数，这个时候通常会想到maxlength，但是maxlength是在number类型的时候是不支持的，下面是一些解决这种问题的方法。1）max和minmax和min是number输入框所支持的，这样如果我们要限制输入11位的手机号码，就可以用如下代码<input type="number" ...
2017-06-28 15:21:00
238
转载 淘宝NPM源的使用
npm作为国外的node仓库安装工具，自然会受到我大长城防火墙的干扰，国内用户在安装相关的资源的时候，会出现安装失败，以及速度很慢的情况。为了解决npm安装的问题，国内出现了很多npm的镜像网址，taobao的npm镜像算是使用频率比较高的了。使用的方法我知道的有三种，首先是淘宝npm自己提供的两种：1）你可以使用我们定制的cnpm(gzip 压缩支持) 命令行工具代替...
2017-06-23 02:12:00
152
转载 webpack之loader实践
初识前端模板概念的开发者，通常都使用过underscore的template方法，非常简单好用，支持赋值，条件判断，循环等，基本可以满足我们的需求。在使用Webpack搭建开发环境的时候，如果要使用underscore的template方法进行前端模板的渲染，我们可以把模板代码独立到模版文件中保存。如何将模板文件加载到我们的JavaScript中进行模板渲染，就成了我们首先需要解决的...
2017-06-21 09:38:00
93
转载 5月份开发问题整理
1、BUG-In android7 phone can not slide above注：Android 7.0以上，iScroll滑动缓慢迟钝问题解决What browser are you using?There was a fix to iScroll's handling of passive events in Chrome 55, but a new bug ap...
2017-06-17 13:52:00
75
转载 前后端分离思考
起源公司随着开发人员的增多，项目数量的增加，前后端沟通的成本不断加大。原有的项目前后端未分离，作为前端还需要对PHP等后端语言有所了解，这极大增加了前端开发的学习成本，特别是遇到数据库的报错，不明所以，花费大量的时间去解决。因此，根据我们目前的业务需要，我们从一些新的项目中开始尝试进行前后端的分离。目标1）代码分离。前后端代码使用独立的项目目录进行分离，前端开发环境不需要配置...
2017-06-16 09:42:00
88
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人