最新文章
-
Chrome 61 新特性和DevTools 升级
Chrome 61新特性： 支持原生的 JS Module，支持了 navigator.share web Share API，支持了WebUSB APIhtml5 2019年9月19日
-
设计模式之桥接模式 – 深入理解JavaScript系列 44
介绍 桥接模式（Bridge）将抽象部分与它的实现部分分离，使它们都可以独立地变化。 正文 桥接模式最常用在事件监控上，先看一段代码： addEvent(element, 'cl…… -
设计模式之状态模式 – 深入理解JavaScript系列 43
介绍 状态模式（State）允许一个对象在其内部状态改变的时候改变它的行为，对象看起来似乎修改了它的类。 正文 举个例子，就比如我们平时在下载东西，通常就会…… -
使用vue-cli生成的vendor.js文件太大，有办法减少体积吗？
vue-cli生成的文件vendor.js体积太大 看到vue-cli的webpack配置，应该是将所有的库打包到了vendor中，引用的库太多时，vendor的体积会很大，有办法控制打…… -
Webpack 打包优化之速度篇
在前文 Webpack 打包优化之体积篇中，对如何减小 Webpack 打包体积，做了些探讨；当然，那些法子对于打包速度的提升，也是大有裨益。然而，打…… -
Webpack 打包优化之体积篇
谈及如今欣欣向荣的前端圈，不仅有各类框架百花齐放，如Vue， React， Angular等等，就打包工具而言，发展也是如火如荼，百家争鸣；从早期的王者Br…… -
如何通过vuejs异步组件和webpack代码分割实现路由懒加载
当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，…… -
webpack代码分离特性
代码分离是 webpack 中最引人注目的特性之一。此特性能够把代码分离到不同的 bundle 中，然后可以按需加载或并行加载这些文件。代码分离可以用于获取更小的 b…… -
vuejs的动态组件和异步组件
在动态组件上使用 keep-alive 我们之前曾经在一个多标签的界面中使用 is 特性来切换不同的组件： <component v-bind:is="currentTabCompo…… -
设计模式之原型模式 – 深入理解JavaScript系列 42
介绍 原型模式（prototype）是指用原型实例指向创建对象的种类，并且通过拷贝这些原型创建新的对象。 正文 对于原型模式，我们可以利用JavaScript特有的原型继…… -
一个专为手机网页前端设计的调试面板-Eruda调试板
Eruda 是一个专为手机网页前端设计的调试面板，类似 DevTools 的迷你版，其主要功能包括：捕获 console 日志、检查元素状态、捕获XHR请求、显示本地存储和 Co…… -
前端性能优化不完全手册
性能优化是一门大学问，本文仅对个人一些积累知识的阐述，欢迎下面补充。 抛出一个问题，从输入url地址栏到所有内容显示到界面上做了哪些事？ 1.浏览器…… -
如何通过RAIL优化网页CSS性能
前段时间，我将精力专注在Web性能领域；在这个领域下有个重要的课题是如何让网页更丝滑（流畅）。 想让网页变得丝滑，首先，我们需要一个标准来判断什么样…… -
Webpack4如何优化？
今天我们主要聊聊在写webpack配置中，如何优化打包后生成的上线代码 1、tree shaking tree shaking 是一个术语，通常用于描述移除 JavaScript 上下文中…… -
前端开发者必备的Nginx知识
nginx在应用程序中的作用 解决跨域请求过滤配置gzip负载均衡静态资源服务器... nginx是一个高性能的HTTP和反向代理服务器，也是一个通用的TCP/UDP代理…… -
如何使用preload预加载页面资源
本文主要介绍preload的使用，以及与prefetch的区别。然后会聊聊浏览器的加载优先级。 preload 提供了一种声明式的命令，让浏览器提前加载指定资源(加载后…… -
浅谈script标签的defer和async
1. defer和async是什么鬼 今天在做一个小需的时候，忽然看到前辈一句吊炸天的代码 <script src="#link("xxxx/xx/home/home.js")" type="text/javasc…… -
websocket是什么？websocket原理及优点详解
偶然在知乎上看到一篇回帖，瞬间觉得之前看的那么多资料都不及这一篇回帖让我对 websocket 的认识深刻有木有。所以转到我博客里，分享一下。比较喜…… -
Vue开发手机移动端怎么调试页面
在开发移动端页面的时候我们通常是在浏览器完成开发完成，之后才在手机端测试，如果测试出现问题还得重新回到浏览器上寻找错误。甚至还有嵌入在APP的页面，经…… -
设计模式之模板方法 – 深入理解JavaScript系列 41
介绍 模板方法（TemplateMethod）定义了一个操作中的算法的骨架，而将一些步骤延迟到子类中。模板方法使得子类可以不改变一个算法的结构即可重定义该算法的某…… -
设计模式之组合模式 – 深入理解JavaScript系列 40
介绍 组合模式（Composite）将对象组合成树形结构以表示“部分-整体”的层次结构，组合模式使得用户对单个对象和组合对象的使用具有一致性。 常见的场景有asp.ne…… -
设计模式之适配器模式 – 深入理解JavaScript系列 39
介绍 适配器模式（Adapter）是将一个类（对象）的接口（方法或属性）转化成客户希望的另外一个接口（方法或属性），适配器模式使得原本由于接口不兼容而不能一…… -
python如何借助smtp协议发送邮件？
Python如何邮件？我可以基于Python，并借助smtp协议进行邮件发送。在Java开发中，我们会利用POP3协议和SMTP协议借助java类来发送邮件，从而我们了解到，要想…… -
PYPL 9月编程语言排行榜发布 Python一枝独秀
PYPL（PopularitY of Programming Language，编程语言流行指数）9 月份的榜单已经发布了。PYPL 是非常流行的参考指标，其榜单数据的排名均是根据榜单对象在 Google 上相关的搜索频率进行统计排名，原始数据来自 Google Trends，也就是说某项语言或者某款 IDE 在 Google 上搜索频率越高，表示它越受欢迎。 -
什么是HTTP Keep-Alive呢？
在通过调试工具查看网络请求的时候，通常在response header能看到类似下面这种：Keep-Alive: timeout=10, max=94 。那么Keep-Alive到底是什么呢？ HT……