摘要：
简介 webpack作为当前最为流行的模块打包工具，几乎所有的主流前端开发框架（React、Vue等）都会将其作为默认的模块加载和打包工具。通过简单的配置项，使用各种相关的loader和plugin，我们就可以实现自动的模块依赖分析并打包，从而大大降低了前端项目的开发复杂度，明显提高了前端项目的开发 阅读全文
posted @ 2018-10-22 23:04
{前端开发}
阅读(4648)
评论(0)
推荐(0)
摘要：
静态资源的分布对网站加载速度的影响 / 浏览器对同一域名下并发加载资源数量 / browsers network-http-persistent-max-connections-per-server 引文：浏览器在同一个域名下并发加载的资源数量是有限的，访问淘宝首页需要加载126个资源，那么如此小的 阅读全文
posted @ 2018-10-20 19:56
{前端开发}
阅读(708)
评论(0)
推荐(0)
摘要：
最近在用webpack优化首屏加载性能，通过几种插件之后我们上线前后的速度快了一倍，在此就简单的分享下吧，先上个优化前后首屏渲染的对比图。 可以看到总下载时间从3800ms缩短到1600ms。 我们在用webpack时一般都会选择多入口文件吧，为的就是将自己的源码跟第三方库代码分离。这是之前的代码， 阅读全文
posted @ 2018-10-20 12:10
{前端开发}
阅读(498)
评论(0)
推荐(0)
摘要：
随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。 网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法，管理网页的业务逻辑。 Javascript模块化编程，已经成为一个迫切的需求。理想情况下，开发 阅读全文
posted @ 2018-10-19 14:15
{前端开发}
阅读(321)
评论(0)
推荐(0)
摘要：
有人认为JavaScript是最好的语言，有人认为它一团糟。可按照C++之父的话来讲： 世界上只有两种编程语言：一种是天天被人喷的，另一种是没人用的。 不论你喜欢承认与否，JavaScript已经一天比一天火了，甚至火得有点过头，生态圈太过繁荣，每个月都可能有新的相关构建工具、开发框架或者别的什么库 阅读全文
posted @ 2018-10-19 10:08
{前端开发}
阅读(798)
评论(0)
推荐(0)
摘要：
前端性能的几个基础指标 先开门见山的罗列前端性能相关的几个基础指标名词。 白屏时间 首屏时间 用户可操作时间 页面总下载时间 为何会选择这几个时间节点以及各自的含义可以参考这篇文章 七天打造前端性能监控系统另外本文搜集性能相关数据是用了高级浏览器的Performance Api,大家可以参考这篇文章 阅读全文
posted @ 2018-10-08 15:10
{前端开发}
阅读(5292)
评论(0)
推荐(0)
摘要：
流媒体本质上是：现实的图像，经过编码器压缩，持久化为点播文件或者直播流，经过传输，在终端解码和展示。 http live streaming（hls） 适用移动端HTTP Live Streaming（HLS）是苹果公司实现的基于HTTP的流媒体传输协议，可实现流媒体的直播和点播。原理上是将视频流分 阅读全文
posted @ 2018-10-08 14:22
{前端开发}
阅读(6331)
评论(0)
推荐(0)
摘要：
1、常用工具相关 2、知识储备相关 3、移动Web相关 4、切页面相关 5、前端库/框架/插件相关 6、部署流程相关 7、帖子相关 8、H5案例相关 9、Node.js相关 10、AngularJS相关 11、Angular2相关 12、Ionic相关 13、Ionic 2相关 14、React N 阅读全文
posted @ 2018-09-29 14:41
{前端开发}
阅读(992)
评论(0)
推荐(0)
摘要：
getBoundingClientRect介绍 getBoundingClientRect获取元素位置 getBoundingClientRect用于获得页面中某个元素的左，上，右和下分别相对浏览器视窗的位置。getBoundingClientRect是DOM元素到浏览器可视范围的距离（不包含文档卷 阅读全文
posted @ 2018-09-18 17:18
{前端开发}
阅读(1310)
评论(0)
推荐(0)
摘要：
1.同源策略如下： 特别注意两点： 第一，如果是协议和端口造成的跨域问题“前台”是无能为力的， 第二：在跨域问题上，域仅仅是通过“URL的首部”来识别而不会去尝试判断相同的ip地址对应着两个域或两个域是否在同一个ip上。 “URL的首部”指window.location.protocol +wind 阅读全文
posted @ 2018-09-08 15:47
{前端开发}
阅读(4738)
评论(0)
推荐(0)
摘要：
1.基于iframe实现跨域 基于iframe实现的跨域要求两个域具有aa.xx.com,bb.xx.com这种特点，也就是两个页面必须属于一个基础域（例如都是xxx.com，或是xxx.com.cn），使用同一协议（例如都是 http）和同一端口（例如都是80），这样在两个页面中同时添加docum 阅读全文
posted @ 2018-09-08 15:35
{前端开发}
阅读(2835)
评论(0)
推荐(0)
摘要：
起因： 1、这是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的； 2、其实我一直都没弄明白，写这个一是为了备忘，二是给其他的知其然不知其所以然的小伙伴们以参考； 概述： 那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事 阅读全文
posted @ 2018-09-08 14:51
{前端开发}
阅读(366)
评论(0)
推荐(0)
摘要：
在使用 React 的过程中，不可避免的需要组件间进行消息传递（通信），组件间通信大体有下面几种情况： 父组件向子组件通信 子组件向父组件通信 跨级组件之间通信 非嵌套组件间通信 下面依次说下这几种通信方式。 父组件向子组件通信 这是最简单也是最常用的一种通信方式：父组件通过向子组件传递 props 阅读全文
posted @ 2018-09-05 17:06
{前端开发}
阅读(1496)
评论(0)
推荐(0)
摘要：
#!/bin/bash #基本数组操作a=(1 2 3) ##()表示空数组echo "第0个元素:"${a[0]}echo "所有元素: "${a[@]}echo "数组长度: "${#a[@]}echo " " #遍历数组echo "遍历数组:"for item in ${a[@]}do ech 阅读全文
posted @ 2018-08-28 11:35
{前端开发}
阅读(411)
评论(0)
推荐(0)
摘要：
浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 区别： 1、保持状态：cookie保存在浏览器端，session保存在服务器端 阅读全文
posted @ 2018-08-12 00:32
{前端开发}
阅读(393)
评论(0)
推荐(0)
摘要：
写在前面 body-parser是非常常用的一个express中间件，作用是对post请求的请求体进行解析。使用非常简单，以下两行代码已经覆盖了大部分的使用场景。 本文从简单的例子出发，探究body-parser的内部实现。至于body-parser如何使用，感兴趣的同学可以参考官方文档。 入门基础 阅读全文
posted @ 2018-08-06 23:58
{前端开发}
阅读(296)
评论(0)
推荐(0)
摘要：
名词解释 Schema： 一种以文件形式存储的数据库模型骨架，不具备数据库的操作能力 Model： 由Schema编译而成的假想（fancy）构造器，具有抽象属性和行为。Model的每一个实例（instance）就是一个document。document可以保存到数据库和从数据库返回。 Instan 阅读全文
posted @ 2018-08-05 16:46
{前端开发}
阅读(4579)
评论(0)
推荐(0)
摘要：
入门，高手见笑 表单数据一种是get方式， 另一种是post 方式 1.get方式 对于get方式，node处理起来非常简单 如以下代码： var urlParsed = url.parse(request.url); var getData = querystring.parse(urlParse 阅读全文
posted @ 2018-08-05 13:03
{前端开发}
阅读(527)
评论(0)
推荐(0)
摘要：
由于升级node 到 8.0.0 版本 vscode 启动一直报错: `node --debug` and `node --debug-brk` are invalid. Please use `node --inspect` or `node --inspect-brk` instead. 无法通 阅读全文
posted @ 2018-08-05 01:15
{前端开发}
阅读(1108)
评论(0)
推荐(0)
摘要：
一、配置文件.babelrc .babelrc 文件存放在项目的根目录下。 { "presets": [], "plugins": [] } presets 字段设定转码规则，你可以根据需要安装。 $ npm install --save-dev babel-preset-es2015 # reac 阅读全文
posted @ 2018-08-04 19:17
{前端开发}
阅读(1392)
评论(0)
推荐(0)
摘要：
平时开发中，经常需要用到ES6/ES7的语法。那么就需要用到Babel来对代码进行转码处理。 之前用Vue比较多，所以以Vue-cli作为参考来分析。 第一张图是几个月前的Vue-cli生成的 第二个图是今天使用Vue-cli生成的 Babel-core 顾名思义，这是 babel 的核心代码，但是 阅读全文
posted @ 2018-08-04 18:40
{前端开发}
阅读(330)
评论(0)
推荐(0)
摘要：
背景 babel的官网说babel是下一代的js语法编译器，现在自己也在很多项目中使用了babel，可是自己对babel的认识呢，只停留在从google和别人项目中copy的配置代码上，内心感到很不安，最近花了点时间整理了一下，分享给大伙。 babel常用配置 通常在前端或node项目中，进行以下配 阅读全文
posted @ 2018-08-04 18:08
{前端开发}
阅读(438)
评论(0)
推荐(0)
摘要：
Node.js 7.6已经支持async/await了，如果你还没有试过，这篇博客将告诉你为什么要用它。 Async/Await简介 对于从未听说过async/await的朋友，下面是简介: async/await是写异步代码的新方式，以前的方法有回调函数和Promise。 async/await是 阅读全文
posted @ 2018-08-03 14:55
{前端开发}
阅读(861)
评论(1)
推荐(0)
摘要：
最近公司在使用node做前后端分离，采用的web框架是express，所以对express框架进行了深入的了解，前段时间写了篇关于express路由的文章，但是在那篇文章中貌似少了一个很重要的内容，就是express的next，所以今天单独来说说express的next。 关于next主要从三点来进 阅读全文
posted @ 2018-08-03 10:32
{前端开发}
阅读(1074)
评论(0)
推荐(0)
摘要：
一、 切换到被copy的分支（master），并且从远端拉取最新版本 $git checkout master $git pull 二、从当前分支拉copy开发分支 $git checkout -b dev Switched to a new branch 'dev' 三、 把新建的分支push到远端 $git push origin dev 四、拉取远端分支 $git pull ... 阅读全文
posted @ 2018-08-02 10:45
{前端开发}
阅读(8362)
评论(0)
推荐(0)
摘要：
CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。 它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。 本文详细介绍CORS的内部机制。 （图片说明：摄于阿联酋艾因（Al Ain）的绿洲 阅读全文
posted @ 2018-07-28 14:29
{前端开发}
阅读(208)
评论(0)
推荐(0)
摘要：
语法 用于函数调用 myFunction(...iterableObj); 用于数组字面量 [...iterableObj, 4, 5, 6] 函数传参 目前为止,我们都是使用Function.prototype.apply方法来将一个数组展开成多个参数: function myFunction(x, y, z) { } var args = [0, 1, 2]; myFunction.a... 阅读全文
posted @ 2018-07-23 10:55
{前端开发}
阅读(283)
评论(0)
推荐(0)
摘要：
设置div的overflow:scroll,但是在手机上滑动的时候有点卡顿，所以在这个div上加一个css: -webkit-overflow-scrolling : touch; 在苹果手机上使用-webkit-overflow-scrolling:touch会导致使用固定定位的元素，随着页面一起 阅读全文
posted @ 2018-07-20 23:40
{前端开发}
阅读(1718)
评论(0)
推荐(0)
摘要：
whistle是基于Node实现的跨平台web调试代理工具，类似的工具有Windows平台上的Fiddler+Willow，基于Java实现的Charles，及公司同事基于Node实现的Livepool等等；whistle与所有的web调试代理工具一样，主要功能也是用于查看、修改HTTP、HTTPS 阅读全文
posted @ 2018-07-06 21:42
{前端开发}
阅读(881)
评论(0)
推荐(0)
摘要：
前言 在使用vue一个多礼拜后，感觉现在还停留在初级阶段，虽然知道怎么和后端做数据交互，但是对于mounted这个挂载还不是很清楚的。放大之，对vue的生命周期不甚了解。只知道简单的使用，而不知道为什么，这对后面的踩坑是相当不利的。 因为我们有时候会在几个钩子函数里做一些事情，什么时候做，在哪个函数 阅读全文
posted @ 2018-06-29 00:34
{前端开发}
阅读(720)
评论(0)
推荐(0)
摘要：
前言 在使用vue开发的过程中，我们经常会接触到生命周期的问题。那么你知道，一个标准的工程项目中，会有多少个生命周期勾子吗？让我们来一起来盘点一下： 根组件实例：8个 (beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、bef 阅读全文
posted @ 2018-06-29 00:28
{前端开发}
阅读(937)
评论(0)
推荐(0)
只有注册用户登录后才能阅读该文。 阅读全文
posted @ 2018-06-10 00:19
{前端开发}
阅读(5)
评论(0)
推荐(0)
摘要：
连接mongoose mongoose连接数据库有两种方式 第一种： 'use strict'; const mongoose = require('mongoose'); mongoose.connect('mongodb://localhost:27017/test'); const con = 阅读全文
posted @ 2018-06-06 15:31
{前端开发}
阅读(2525)
评论(1)
推荐(1)
摘要：
深入浅出mongoose mongoose是nodeJS提供连接 mongodb的一个库. 此外还有mongoskin, mongodb(mongodb官方出品). 本人,还是比较青睐mongoose的, 因为他遵循的是一种, 模板式方法, 能够对你输入的数据进行自动处理. 有兴趣的同学可以去Mon 阅读全文
posted @ 2018-06-06 00:19
{前端开发}
阅读(47827)
评论(3)
推荐(6)
摘要：
记得在管理员模式下运行CMD,否则服务将启动失败。 - 下载和安装，图有点多，不怕啰嗦，就怕不够。 图上的说的是刚刚安装完的时候的样子，打错字啦。 创建几个文件夹具体如下：数据库路径（data目录）、日志路径（logs目录）和日志文件（mongo.log文件） 注意文件夹的前后对比： 创建配置文件m 阅读全文
posted @ 2018-06-05 23:10
{前端开发}
阅读(795)
评论(0)
推荐(0)
摘要：
记得前几天有个小伙伴要查看mongodb的日志，从而排查问题，可能总找不到日志放在何处，今天就系统说一下mongodb的日志系统。mongodb中主要有四种日志。分别是系统日志、Journal日志、oplog主从日志、慢查询日志等。这些 日志记录着Mongodb数据库不同方便的踪迹。下面分别介绍这四 阅读全文
posted @ 2018-06-05 23:07
{前端开发}
阅读(255)
评论(0)
推荐(0)
摘要：
今天使用MongoDB时遇到了一些问题 建立数据库连接时出现了warnings 出现这个警告的原因是新版本的MongDB为了让我们创建一个安全的数据库 必须要进行验证 后来在外网找到了答案 解决方案如下： 创建管理员 重启MongoDB服务器 （端口默认就是27017可以不指定） 终端最后输出"[i 阅读全文
posted @ 2018-06-05 21:52
{前端开发}
阅读(1158)
评论(0)
推荐(0)
摘要：
Mongoose是在node.js环境下对mongodb进行便捷操作的对象模型工具 因此，要使用mongoose，则必须安装node.js环境以及mongodb数据库。mongoose使mongodb操作更简单便捷。可以在github中获得其源码，也可以在这里查看api文档，英文的，文档内容较多，因 阅读全文
posted @ 2018-06-05 14:19
{前端开发}
阅读(1289)
评论(0)
推荐(0)
摘要：
总 之见到我写点啥简直是奇迹，由于现在喜欢上玩转node.js +mongoose，个人爱好，靠近前端的又是英文文档，苦逼得很，悟出来一个写一个吧。之前喜欢误打误撞，网上搜索一点解决一下问题，后来实在难看得很，为啥，解决一个小问题又来大问题，刚解决完大问题，有来巨大的bug，所有必需系统的学习，就算 阅读全文
posted @ 2018-06-04 23:48
{前端开发}
阅读(626)
评论(0)
推荐(0)
浙公网安备 33010602011771号