- 博客(9)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 访问一个网页，浏览器至少发起几次http请求
有次面试被问到打开一个url浏览器至少发起几次http请求，刚开始有点懵，心想浏览器至少发生一次http请求啊这个有什么好问的？get不到面试官的care点！回头去网上查了一下资料才恍然大悟原来是要考察服务端渲染和客户端渲染的认识。那到底什么是客户端渲染什么是服务端渲染呢?下面让我细细道来。服务端渲染说白了就是服务端接收到客户端发来的html字符串时，然后使用模板引擎（ejs、jade等）将...
2019-11-27 14:48:36
3666
原创 网站性能优化总结
网络传输性能优化1.浏览器缓存2.资源打包压缩（webpack配置抽离公共css/js）3.图片资源优化（使用雪碧图，iconfont，canvas）4.图片懒加载5.使用cdn页面渲染性能优化（css方面）1.内联首屏关键css2.异步加载css（动态插入）3.有效使用选择器4.减少重排和重绘（布局优先使用flex）5.触发渲染层（transform: translateZ(...
2019-09-24 20:48:53
176
原创 你想知道的多种 js 原生继承方式以及他们的优缺点
一次面试被面试官问到：你简历上写你对js深入的理解，请你说一下js继承有几种方式？我心里暗喜：我当然知道啦，我5年的前端开发经验又不是虚的，然后就列了以下3种模式：1.通过call/apply将父构造函数this指向子构造函数2.通过给子构造函数的prototype属性赋值父构造函数实例3.直接给子构造函数的prototype属性赋值父构造函数prototype属性然后面试官：嗯，...
2019-05-06 16:30:15
590
1
原创 移动端设置line-height等于height依然不能垂直居中解决方案
在移动开发的时候经常会遇到让一个带背景图片的按钮文字垂直居中，我们最先想到的是设置line-height=height，令人失望的是并没有达到我们的预期效果，于是用上下相同padding实现居中，恶心的是，不同适配的文字高度不一致，所以经常很难调到适合的padding，嗯~~~，难道真的要逼我出绝招了吗？就是用flex！no，no，no，作为一个有强迫症的程序员怎么可能允许自己实现一个这么小的...
2019-03-29 14:32:01
1989
原创 浏览器多进程和单线程知识整理
区分进程和线程进程是一个工厂，工厂有它的独立资源，工厂之间相互独立，线程是工厂中的工人，多个工人协助完成任务工厂内有一个或多个工人，工人之间共享空间进程是cpu资源分配的最小单位（是能拥有资源和独立运行的最小单位）线程是cpu调度的最小单位（线程是建立在进程的基础上的一次程序运行单位，一个进程中可以有多个线程）浏览器是多个进程的，每打开一个Tab页，就相当于创建了一个独立的浏览器进...
2019-03-27 21:33:02
648
原创 Webpack 4 配置vue多页面打包最佳实践
const path = require("path");const webpack = require("webpack");const VueLoaderPlugin = require("vue-loader/lib/plugin");const HtmlWebapckPlugin = require("html-webpack-plugin");const MiniCssExtr...
2019-03-21 20:27:36
1109
原创 超级实用的js技巧
1.页面拥有ID的元素会创建全局变量在一张HTML页面中，所有设置了ID属性的元素会在JavaScript的执行环境中创建对应的全局变量，这意味着document.getElementById像人的阑尾一样显得多余了。但实际项目中最好老老实实该怎么写就怎么写，毕竟常规代码出乱子的机会要小得多。 <div id="myElement"></div> ...
2018-11-16 11:48:22
363
原创 用promise实现可靠的jsonp插件
由于浏览器的同源策略禁止了跨域名调用，jsonp是一种跨域通信的手段，至于jsonp跨域原理，相信去百度应该会有一堆的答案，在这里我就不再多做阐述，下面直接上代码：function jsonp(options){return new Promise((resolve,reject)=>{let callbackID=`jsonp_${Date.now()}_${Math.cei...
2018-05-11 13:58:58
879
原创 vue组件通信你还在用笨重的vuex吗
很长一段时间在vue开发项目中组件间通信都是通过vuex实现的，有时候开发一个小项目也要用到插入笨重的vuex来实现组件间交互，有没有一个好的插件可以替代vuex，emmmm~，当然有了！今天给大家介绍一下PubSubJS，PubSubJS是什么？可以实现什么功能？看下面的例子实现关闭弹窗model1主页面index.vue代码如下export default {data() ...
2018-02-02 15:05:20
3072
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人