CSS Modules 用法教程

作者: 阮一峰 日期: 2016年6月10日 学过网页开发就会知道,CSS 不能算编程语言,只是网页样式的一种描述方法。 为了让 CSS 也能适用软件工程方法,程序员想了各种办法,让它变得像一门编程语言。从最早的Less、SASS,到后来的 PostCSS,再到最近的 CSS in JS,都...

2019-02-11 22:04:25

阅读数 24

评论数 0

Javascript实现冒泡排序与快速排序以及对快速排序的性能优化

冒泡排序 介绍 重复遍历要排序的元素列,依次比较两个相邻的元素,前一个元素若比后一个元素大则互换位置。以升序排序为例,最大的元素会在第一次遍历后“冒泡”到数组的末端。假如数组长度为n,在n-1次遍历后可完成排序。 实现 let arr = [1, 5, 2, 9, 7, 4, 2, 3,...

2019-02-10 15:01:55

阅读数 78

评论数 0

ES6 -- Set,reduce特性计算html中的标签类型数以及各标签的数量

let tags = document.querySelectorAll('*') let tagNames = Array.from(tags).map(tag => tag.tagName) // tag的类型数 console.log(new Set(tagName...

2019-02-03 11:05:06

阅读数 37

评论数 0

简单实现vue中的依赖收集与响应

开始 声明一个对象man,可以视为vue中的data let man = { height: 180, weight: 70, wealth: 100000000 } 添加Observer 作用在于将参数对象的属性变为响应式,只要对象的属性被读取或者被修改都能观察到。然后新...

2019-02-02 15:58:16

阅读数 59

评论数 0

Vue基于“依赖收集”的响应式原理

转载自知乎用户: 前端荣耀 - 李斌 https://zhuanlan.zhihu.com/p/29318017 每当问到VueJS响应式原理,大家可能都会脱口而出“Vue通过Object.defineProperty方法把data对象的全部属性转化成getter/setter,当属性被...

2019-01-27 11:18:59

阅读数 68

评论数 0

Object.defineProperty使用小记

本来想实现下vue的源码,结果刚开始就踩了个坑,记录下。 let obj = { name: 'Han' } Object.defineProperty(obj, 'name', { get() { return obj.name } }) 控制台打了下报错说是栈溢...

2019-01-26 19:40:14

阅读数 81

评论数 0

html中如何引用webpack编译出来的js中的变量

js代码: class H_Vue { constructor(obj) { } } html代码: <body> <script> window.onload = ()...

2019-01-24 17:26:37

阅读数 316

评论数 0

使用editorconfig配置你的编辑器

摘要:   在团队开发中,统一的代码格式是必要的。但是不同开发人员使用的编辑工具可能不同,这样就造成代码的differ。今天给大家分享一个很好的方法来使不同的编辑器保持一样的风格。   不同的编辑器也有设置代码风格的,例如我们前端人员最喜欢使用的sublime text 2编辑器。你可以在pr...

2019-01-21 17:59:00

阅读数 37

评论数 0

webpack编译装饰器报错问题

Error: The ‘decorators’ plugin requires a ‘decoratorsBeforeExport’ option, whose value must be a boolean. If you are migrating from Babylon/Babel 6 o...

2019-01-07 12:00:46

阅读数 266

评论数 0

React项目中热加载

第一步 配置webpack-dev-server config.devServer = { contentBase: path.resolve(__dirname, '../../dist'), host: 'localhost', port: '1111', ...

2019-01-05 20:51:28

阅读数 86

评论数 0

cross-env设置NODE_ENV

1. 什么是cross-env呢? 它是运行跨平台设置和使用环境变量的脚本。 2. 它的作用是啥? 当我们使用 NODE_ENV = production 来设置环境变量的时候,大多数windows命令会提示将会阻塞或者异常,或者,windows不支持NODE_ENV=development的...

2019-01-05 15:45:43

阅读数 158

评论数 0

Linux端口占用,nodejs 监听80端口,Error: listen EADDRINUSE

linux服务器启动node监听80端口遇到以下错误 Error: listen EADDRINUSE 端口被占用了 查看80端口占用情况sudo netstat -apn | grep 80 结果为 tcp        0   0 0.0.0.0:8000      0.0.0.0:*    ...

2019-01-02 17:07:58

阅读数 101

评论数 0

Nginx反向代理 & 设置二级域名 (CentOS)

反向代理 1. 找到nginx.conf文件    路径:/usr/local/nginx/conf 2. 修改。 server {         listen       80;         server_name  XXX.com;   // 你的域名         #ch...

2018-12-29 10:50:33

阅读数 121

评论数 0

centos添加全局变量

今天重装了服务器上的系统,由ubuntu16.04换成了centos7.4,在装完nginx后,执行下面命令时: nginx -t nginx -s reload 报错:nginx不是命令,无奈只能使用 /usr/local/nginx/sbin/nginx -t /usr/local/n...

2018-12-28 17:39:22

阅读数 167

评论数 0

vue $emit子组件传出多个参数,如何在父组件中在接收所有参数的同时添加自定义参数

前言 很多时候用$emit携带参数传出事件,并且又需要在父组件中使用自定义参数时,这时我们就无法接受到子组件传出的参数了。 找到了两种方法可以同时添加自定义参数的方法。 方法一 子组件传出单个参数时: // 子组件 this.$emit('test',this.param) // 父组...

2018-12-26 17:18:08

阅读数 451

评论数 0

Fetch / ajax 不能获取response中的所有headers的解决方法(适用nginx)

来源: https://www.aliyun.com/jiaocheng/123788.html 起因  笔者在用Fetch进行react开发的时候用到了chrome跨域插件Allow-Control-Allow-Origin: *, 因为后端和前端的开发是同时进行的, 并且不在同一台机子上....

2018-12-18 10:11:20

阅读数 571

评论数 0

基于 Token 的身份验证:JSON Web Token

最近了解下基于 Token 的身份验证,跟大伙分享下。很多大型网站也都在用,比如 Facebook,Twitter,Google+,Github 等等,比起传统的身份验证方法,Token 扩展性更强,也更安全点,非常适合用在 Web 应用或者移动应用上。Token 的中文有人翻译成 “令牌”,我觉...

2018-12-17 18:02:37

阅读数 40

评论数 0

fetch的get和post传参

转自 https://blog.csdn.net/dylan_zeng92/article/details/75371034?utm_source=blogxgwz8 原生get请求是在网址链接后加上?key=value&key=value进行传参。原生fetch中一般用...

2018-12-17 10:16:22

阅读数 1313

评论数 0

彻底理解js中的&&和||

来源: https://www.cnblogs.com/sgzs/p/7977208.html javascript中,&&和||的用法比较神奇,经常用在对象上,例如a || b,如果a不存在,则返回b。a &&a...

2018-12-15 19:32:11

阅读数 45

评论数 0

webpack中html-webpack-plugin插件的使用(生成多个html页面,引入不同的js文件)

版权声明:    https://blog.csdn.net/lhjuejiang/article/details/80216020  (转载源地址) 以html-webpack-plugin插件为例 1、先安装插件,在命令行中输入:npm  i -D html-webpack-plugin(执...

2018-12-13 14:39:20

阅读数 87

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭