前面的话
本文将详细介绍从webpack3到webpack4的升级过程
概述
相比于webpack3,webpack4可以零配置运行,打包速度比之前提高了90%,可以直接到ES6的代码进行无用代码剔除,新增的optimization使用简单
一、使用环境
这一点写在前面,是为了方便大家在找资料的时候可以直接定位环境版本。
ExtJS版本 6.2 中文官方网站提供版本,网站地址http://extjs.org.cn/node/793
开发环境 .net 随便哪个版本
使用工
最近在app的开发过程中,做了一个基于token的用户登录认证,使用vue+node+mongoDB进行的开发,前来总结一下。
token认证流程:
1:用户输入用户名和密码,进行登录操作,发送登录信息到服务器端。
2:服务器端查询数据库验证用户名密码是否正确,正确,通过jsonwebtoken生成
前面的话
本文将详细介绍前端性能优化的七大手段,包括减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化
减少请求数量
【合并】
如果不进行文件合并,有如下3个隐患
1、文件与
一直都知道JS数组Array内置对象有一个concat方法,但是也没怎么研究过,今天偶然就看了看
concat是连接一个或多个数组
返回的是连接后数组的一个副本
var oldArr=[];
var arr=[[1,2,3]
在工作中,我们经常会写出这种代码:
import MHeader from '../../components/m-header/m-header'
@import "../../common/stylus/variable"
@import "../../common/stylus/mixin"
本文最初发表于博客园,并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我,一起入门和进阶前端。
以下是正文。
前言
什么是组件
组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组
1 <!DOCTYPE html>
2 <html lang="en">
3
4 <head>
5 <meta charset="UTF-8">
6 <meta name="viewport" content="w
前面的话
本文将详细介绍前端项目中的图片相关的优化方案
图片格式
目前在前端的开发中常用的图片格式有jpg、png、gif,png8、png24、png32、svg和webp
【gif】
gif是无损的,具有文件小、支持动画
Package Control插件本身是一个为了方便管理插件的插件
最简单的方式是通过Sublime Text 3的console命令界面进行安装
Sublime text3
import urllib.request,os,hashlib;h = '6f4c264a24d933ce70df5de
问题描述
当我们写完ionic2项目准备打包app时(暂时介绍android)
执行命令ionic build android的时候下载maven太慢,cmd命令行工具来下载经常会出现假死状态(下载超时),主要原因有可能时国外下载比较慢(但用迅雷却很快 汗(lll¬ω¬))。
解决方案
1.修改
我们在访问百度首页的时候,会发现不管怎么刷新页面,静态资源基本都是返回 200(from cache):
随便点开一个静态资源是酱的:
哎哟有Response报头数据呢,看来服务器也正常返回了etag什么鬼的应有尽有,那状态200不是应该对应的非缓存状态么
fire
读在最前面:
1、此文章衔接Vue 虚拟Dom 及 部分生命周期初探,相关整体知识点请先阅读后再继续本文阅读
问:子组件中明明有watch value,为什么this.$emit('input', 888);没有触发watch回调,反而在父组件data数据
Shared mutable state is the root of all evil(共享的可变状态是万恶之源)
-- Pete Hunt
有人说 Immutable 可以给 React 应用带来数十倍的提升,也有人说 Immutable 的引入是近期 JavaScript 中伟大的发明,
1、pm2简介
pm2(process manager)是一个进程管理工具,维护一个进程列表,可以用它来管理你的node进程,负责所有正在运行的进程,并查看node进程的状态,也支持性能监控,负载均衡等功能。
1.1、使用pm2管理的node程序的好处
监听文件变化,自动重启程序
支持性能监控
负
面试题:function fn(a,b){ console.log(this); console.log(a); console.log(a+b);}fn.call(1);fn.call.call(fn);fn.call.call.call(fn,1,2);fn.call.ca
Js初体验(-)
1 js的基础知识
A web三大标准:1 html:结构标准 2 css:表现标准 3 javascript:行为标准
B js三种书写方式:1 行内js:onclick = “alert=(‘AAAAA’)”
vue-picture-preview-extend
vue-picture-preview的扩展版本,本文中插件是由其他大神开发,我做了一些扩展,原文链接:https://segmentfault.com/u/x_logic。
预览(原文章的预览,非扩展后的)
在做项目之前老师就给我们封装好了一个js文件,解决计算中丢失精度的一些函数,直接引用js文件就可以使用。
eg:
var numA = 0.1; var numB = 0.2; alert( numA + numB );
出现结果:0.1 + 0.2 = 0.30000000000000004
为
【构想】
CSS3 + JS
CSS3控制进度
利用CSS3中的 @keyframes
JS实现百分比
根据CSS来调整,时间
【页面代码】