前端小知识点综合大全

小知识点

• node接口模拟返回
• js接口模拟数据
• mockjs
• mocha js 测试框架--教程
• git 教程 全面理解Git

git原理图

git 教程

• 爬虫的终极形态：nightmare

• 移动端h5适配--flexible

• node npm等命令--初级教程

1行代码创建服务器

先全局安装http-server

• npm install http-server -g
• cmd中切换到当前目录
• 运行 http-server 即可

npm install http-server -g
切换到当前静态网页的目录 
采用http-server 运行即可

或使用express的static新建server

express -static--参看

可以使用express 快速新建express路由项目[express 应用生成器--参看](http://www.expressjs.com.cn/starter/generator.html)


app.use('/s', express.static('./sta'));

在浏览器 console 中执行

document.body.contentEditable=true 或
document.designMode="on"
就可以直接修改页面上的任何文字了

北邮大地址

http://byr.wiki/

压缩图片 图片压缩网站

https://tinypng.com/

下载youtube视频

下载youtube

• 进入 en.savefrom.net 粘贴youtube播放地址即可
• 进入http://www.clipconverter.cc/

git 解决冲突

下载冲突到缓存区

• git fetch 　远程到　本地仓库
• git rebase 本地仓库　和本地合并　　（）

查找head 手动 合并 代码

开始

• git add add文件
• git commit 添加
• git pull 更新
• git push 提交

处理流程 小乌龟

• commit
• • fetch
• • rebase
• • stash 暂存
• • push
• • stash pop 还原

自制markdown文档 docute

docute https://docute.js.org/#/home?id=introduction

// quick start
npm i -g docute-cli

docute init ./docs
docute

个人博客生成

今天在掘金看下了hexo
hexo 静态网页生成

start 玩了下：

npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server

工具 趋势

• web前端趋势
• https://www.sdk.cn/site/index
• js 框架趋势

自动抢红包

自动抢红包

微信小程序大全

微信小程序导航
知晓-- 微信小程序大全

文件命名小写+ 下划线 特殊的可以采用大写 如:README

链接地址

图像中的map定位

Paste_Image.png

查询浏览器bug的网站

https://bugs.chromium.org/p/chromium/issues/list
css也能让浏览器崩溃

js substring(start, end) substr(start[,length])

• substring用于提取字符串中 介于两个指定下标的字符
• substr 用于返回一个指定位置开始的指定长度的字符串
  详见 http://www.cnblogs.com/wz327/archive/2010/04/11/1709433.html