儒清_个人页

写静态页面如何量高度

行高的计算公式 line-height行高的计算方式是: 行高 = line-height - font-size; 半行高 = 行高/2 下面的图片中,我们应该如何量取高度呢 如果我们设置text2的margin-top为43,苹果按钮的margin-top为53那就大错特错了可以看得出...

手把手教你做一个react-redux-demo

用create-react-app创建一个项目 执行 npm i create-react-app -g 执行 create-react-app redux-example 执行 cd redux-example 执行 npm start 浏览...

多个koa中间件执行顺序

多个中间件执行顺序 多个中间件会形成一个栈结构（middle stack），以"先进后出"（first-in-last-out）的顺序执行。 最外层的中间件首先执行。

在react中使用antd-mobile

安装npm install antd-mobile --save 装完之后提示要安装ajv 2. 在index.html加入 faskclick.js(看文档) 3.

使用rekit脚手架创建react项目

安装rekit脚手架 npm install -g rekit 安装完毕,进入你想要创建项目的文件夹,比如d:\react rekit create my-app 这个命令是在当前目录下创建一个叫my-app的项目,项目默认使用less,...

Module build failed: ReferenceError: Unknown plugin “import” specified in “base” at 0 Ask Question

https://stackoverflow.com/questions/42731610/module-build-failed-referenceerror-unknown-plugin-import-specified-in-base ...

React 入门实例教程

目录 html模板 ReactDOM.render() JSX 语法 组件 & props props & 纯函数 事件 列表渲染 条件渲染 this.

mac 使用code命令打开VSCode

我们在mac的终端可以使用 open .打开文件夹 如果我们想用vs-code打开文件夹,用的命令是 code .,不过你得先按照code 安装code：打开VSCode –> command+shift+p –> 输入shell command –...

在vs-code使用eslint

以前一直不想用eslint的原因是用了eslint之后,我无法使用格式化代码的功能,一格式化代码就红红的一遍,事实证明我错了,eslint本身就可以根据根据帮你去格式化代码,下面是vs-code使用eslint的步骤(mac环境下) 全局按照eslin...

我学 dva 那些事儿

参考： https://www.jianshu.com/p/96b5d9d9ad80 遇到问题 安装步骤在装ant的时候报了下面的错误 Xnip2018-10-276_17-56-46.

vim常用操作

参考： https://blog.csdn.net/weixin_37657720/article/details/80645991 功能 快捷键 备注 复制和剪切操作 复制一行 yy 复制一(多）个单词 y[n]w ...

centos服务器mogodb连接不上

使用ssh登录centos服务器后，可以运行mongo服务，然后开发的时候就是连不上服务器，可能的原因有2个 防火墙的原因，简单粗暴的解决办法，关闭防火墙 systemctl stop firewalld mongodb配置的问题 vim /etc/mongod.

centos安装mongodb数据库

安装过程 参考centos安装mogodb3.6进行了安装 安装完成之后输入 http//xxx.cn:27017,发现无法访问，在腾讯云安全组添加了27017端口后并关闭了防火墙（systemctl stop firewalld） 之后就可以访问了...

Mac抓包神器-----Charles

Charles 是一款Mac上的HTTP代理服务器、HTTP监视器、反向代理服务器，可以让开发者监视查看所有连接互联网的HTTP通信，包括请求，响应和HTTP头信息等等，俗称“抓包”工具，对于Web开发人员来说是一款很有价值的辅助工具，具有Firefox插件，非常不错！由于老板提出的需求，所以本人就花费了些时间去研究这个网络抓包工具，写此文而记之。

脚手架koa2+mockjs

安装 npm i yo -g (安装yeoman) npm i generator-mockserver -g (安装脚手架) yo 选择 Mockserver 输入项目名称,比如: test cd test npm install npm run start 如果你的浏览器出现下图就说明安装和运行都ok了.

docker基础教程

核心概念 镜像 一个镜像可以有很多层,每一层都可以用来存储数据 容器 容器就是一个镜像加上一个读写层 仓库 用来存放镜像 安装docker 菜鸟教程的安装链接 [centos](安装docker: https://www.

Branckets快捷键

序号 键 作用 1 cmd+/ 行注释 2 alt + cmd+/ 块注释 3 alt+cmd+b 选择标签，再按一下扩选 4 shift+cmd+m 合并行 5 cmd+b 选中相同的词 6 cmd+shift+a 给选...

Brackets安装emmit

https://www.cnblogs.com/yaosutu/p/7352642.html lib里面需要caniuse.json才能生效，具体看上面的文章

Centos下 修改mysql密码

Centos下 修改mysql密码

学习框架、库的经验

熟悉基础语法 把框架的功能过一遍，看看有哪些功能 从文档的demo入口去学习上手会更快 在你的开发目录要有一个专门写demo的页面，用以调试页面，试验新功能 如果框架或者库提供有demo则更好，可以从中得到很多有用的东西

Brackets关闭eslint检查

把划线处修改成true，意思是使用本地校验 image.png

web前端开发神器Brackets

刚上手一款web前端开发工具Brackets,感觉还不错，使用测试中。目前发现的优点是： 清爽 预言丰富，自带简体中文，无需汉化包

移动端组件库和ui库

常用ui库 mint-ui Vant 有赞开源ui库https://youzan.github.io/vant/#/zh-CN/quickstart vuxhttps://doc.

vue插槽slot

前言 当父组件在使用一个子组件的时候，可以使用单标签的形式，也可以使用双标签的形式，比如 或者。当时使用双标签的形式时，如果我们在两个标签中放入一些内容，比如hello world，子组件是可以通过插槽slot来获取标签中的内容，下面是官网的几个dem...

移动端reset.css

说明 移动端reset.css,来自张鑫旭网站的推荐，下载地址：https://huruqing.gitee.io/demos/source/reset.

webpack教程(二)

目录 配置css-loader 配置less-loader 配置url-loader 配置压缩插件 配置html插件 配置dev-server 配置热更新 配置跨域 准备工作 创建webpackdemo文件夹 启动cmd, 进入webpackdemo目录,运行npm init初始化package.

用脚手架创建vue项目

目录 安装脚手架和项目 项目目录结构说明 src目录结构说明 组件 配置less-loader 配置跨域 安装axios,并发送请求 模块化 父子组件通信 路由 vuex 安装项目步骤 执行以下命令 npm install --globa...

webpack教程(一)

目录 (一) 其他 准备工作 安装webpack (二) webpack配置 单入口文件配置 多入口配置 准备工作 下载安装node模块,用npm 配置淘宝镜像 webpack是什么 webpack是一个js的打包工具,可以进行很多自动化的工...

[HMR] Hot Module Replacement is disabled.

webpack配置 let path = require('path'); let htmlWebpackPlugin = require('html-webpack-plugin'); const webpack = require('webpack...

一张图说明width、clientWidth、offsetWidth、scrollWidth对比

CentOS7上安装并配置Nginx、PHP、MySql

(转) http://www.cnblogs.com/peteremperor/p/6740725.html

chrome跨域设置

chrome跨域访问接口 点击桌面chrome的快捷方式,右键->属性->目标 C:\Users\Administrator\AppData\Local\Google\Chrome\Application\chrome.

vuejs计算属性、Methods及Ｗatched属性

https://www.cnblogs.com/pengshadouble/p/7403217.html

webpack之proxyTable设置跨域

转自： https://www.cnblogs.com/wancheng7/p/8987694.html 为什么要使用proxyTable 很简单，两个字，跨域。

vue知识点列表

vue基础 Vue 特点 Vue 实例 插值表达式 {{}} 指令: v-bind, v-if, v-for, v-model, v-on 使用组件构建应用 Vue 实力属性和方法 实例生命周期 模板语法与绑定 过滤器 Filter 计算属性 com...

vue父子通信

转载自： https://www.jianshu.com/p/649929d88699 父组件给子组件传递信息 子组件通过props接收来自父组件的信息 父组件 import ChildOne from '.

require模块化开发教程

准备工作 1.创建amd文件夹 在amd文件夹内创建若干目录,如下: 把需要用到的常用库文件放入lib文件夹内 编码步骤 创建list.

vue移动端适配插件lib-flexible

使用vue-cli安装好一个vue的项目 npm install -g vue-cli vue init webpack my-project cd my-project npm run dev 配置vue插件 lib-flexible 安装插件 lib-flexible npm i lib-flexible --save 在main.

模块化开发

（转）https://segmentfault.com/a/1190000000733959 什么是模块化开发，为什么要使用模块化开发？ 前端开发中，起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果，后来js得到重视，应用也广泛起来了，jQuery，Ajax，Node.

npm操作

npm config set registry https://registry.npm.taobao.org --global 设置淘宝镜像 npm config set disturl https://npm.

码云gitee添加公钥

每次提交代码到码云的时候，都需要输入账户密码，真的很不方便，好在码云给我们提供了解决方案，只需要创建秘钥对，在码云上添加公钥就可以了，把私钥保存在本地即可，以下就是添加公钥的步骤。

web前端系列面试题(一)

html&css 行内元素有哪些？块级元素有哪些？空元素有那些？ link和@import的区别是？ 请描述一下cookies ，sessionStorage 和 localStorage 的区别？ display 与 与 visibility 有何异同？ js JavaScript 中，this 关键字的作用是什么？ 什么是正则表达式？在 JavaScript 中，如何应用正则表达式？ JavaScript原型，原型链 ? 有什么特点？ 编程题：编写一个数组去重的方法。

创建对象的几种方式

字面量方式和Object构造函数方式创建对象 var dog1 = { name: 'demu', age: 3, color: 'black' } var dog2 = { name: 'jiwawa', ...

面向过程和面向对象的区别

参考文章:面向对象和面向过程的区别面向对象与面向过程的本质的区别 面向过程(pop)和面向对象(oop)是什么 pop(Process-oriented programming)的缩写,“面向过程”是一种是事件为中心的编程思想。

程序员幽默

世界上最远的距离，是我在if里你在else里，虽然经常一起出现，但却永不结伴执行。 前端工程师说，我去交友网站找女朋友去了。朋友问，找到了么？工程师说，找到了他们页面的一个bug。

行内元素居中

行内元素居中,通用处理办法 给父元素添加一个行内块级元素,高度100%,且vertical-align设置为middle; 所有的子元素vertical-align都设置为middle; ...

css文字溢出用省略号表示

单行溢出 程序员(英文Programmer)是从事程序开发、程序维护的专业人员。

通用清除浮动方式

.clearfix:after{ display: bolck; content:"";/设置内容为空/ visibility:hidden;/将元素隐藏/ clear:both;/清除浮动/ } .

target和currentTarget

每一个点击事件都会有一个event对象,每一个event对象都有一个target和currentTarget属性,它们有什么区别呢? 上代码 // html代码 Document body { ...

pushState应用

转： https://www.zhangxinxu.com/wordpress/2013/06/html5-history-api-pushstate-replacestate-ajax/