琐碎笔记

HTML

Chrome支持audio

chrome://flags—search autoplay policy—no user…

meta

• <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
  强制webkit内核渲染，IE则以最新版本内核渲染
• <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1,maximum-scale=1, user-scalable=no">
  ws缩写：meta:vp，不可缩放，视口控制
• <meta name="format-detection" content="telephone=no">
  控制数字不被检测成链接

媒体查询

内联：@media screen and (min-width: 1200px（768px）) {CSS代码}
外链：<link rel="stylesheet" href="..." media="screen and (min-width: 1200px)">

Javascript

Websocket

创建var ws = new Websocket(“ws://localhost:3000/”);
onopen，onmessage，onclose主要的三个函数

socket.io

emit(“msgName”,data(一般是对象))发送，on(“msgName”,callback)接收
消息类型可以自定义

Markdown

标题：n个#就是n级标题，最多支持6，所有标记后都要加空格

字体：

• bold
• italic
• bold & italic
• 删除线

分割线：3个或以上的 - 或者 * ，GitHub上回车也有效，但是线要细一点

图片：![alt](url，“title”)，title可选
alt是图片下面的文字，title就跟html的一样

超链接: [name](url,"title")，title同上，还可以用html的a代替

流程图等暂时不写

npm

–save：将保存配置信息到package.json。默认为dependencies节点中。
–dev：将保存配置信息devDependencies节点中。
–save：将保存配置信息到package.json的dependencies节点中。
–save-dev：将保存配置信息到package.json的devDependencies节点中。
dependencies：运行时的依赖，发布后，即生产环境下还需要用的模块
devDependencies：开发时的依赖。里面的模块是开发时用的，发布时用不到它。

nvm,node版本管理工具。

数据库

SQLyog连接数据库出现密码乱码，错误码2058：
8.0版本MySQL新增了安全验证，在sql控制台里输出命令：ALTER USER ‘root’@‘localhost’ IDENTIFIED WITH mysql_native_password BY ‘password’;
password是root密码

开源项目规范

规范版本号

1.0.0

• 一级，重构版本
• 二级，重大功能改进
• 三级，小升级或者bug修复
• 0.x.x说明是非正式版本，测试版，从1开始就是发布版

规范一级目录

• src-源代码
• release-发布结果
• test-单元测试用例
• doc-文档
• example-示例

gitbook

用来生成文档页面的，很好用，基于Markdown语法
gitbook依赖，出现了很多文件缺失，配置book.json，在最里层npm install，外层build
{“plugins”: [“fontsettings”,“sharing”,“lunr”,“search”,“highlight”,“livereload”]}

Webpack

安装: npm i babel-core babel-loader babel-polyfill babel-preset-es2015 babel-preset-latest webpack webpack-cli --save-dev --registry=https://registry.npm.taobao.org

版本适配问题，这是样本，新版本自查
“babel-core”: “^6.26.3”,
“babel-loader”: “^7.1.4”,
“babel-polyfill”: “^6.26.0”,
“babel-preset-es2015”: “^6.24.1”,
“babel-preset-latest”: “^6.24.1”,
“webpack”: “^4.7.0”,
“webpack-cli”: “^2.1.2”

另外webpack.config需要加个mode：3种取值（需时自查）

git

连接远程库

git remote add [库名] [url]，一般库名就是origin
注意：一个ssh key只能连接一个库，但是库可以改url；
如果需要两个库对应两个本地的项目，需要两个ssh key，.ssh目录配置config文件

删除不小心提交上去的文件（目录）

git pull origin master
git rm (-r) --cached targetfile(dir)
commit & push

发布版本

git tag -a v0.0.1(versionName) -m "v0.0.1"
git push origin v0.0.1

更新版本

git add .
git commit -m "somedsc"
git push origin branch

分支操作

git checkout -b branchName
git branch branchName
git checkout branchName

git branch -D branchName
git push origin :branchName

新建并切换 / 新建 / 切换 分支
强制删除 / 删除remote分支

合并别人贡献的代码

pull request

强制push

$ git push -u origin master -f
这样会使远程修改丢失，一般是不可取的，尤其是多人协作开发的时候。

Velocity

基于jQuery的动画插件

基本用法

$element.velocity（{CSS属性对象o1}，{动画属性对象o2}）；

动画序列

• 依次写在上一个动画.o2.complete中
• 另一种方法就是var seq = [{elements: $(),properties:,options:,...];使用：$.Velocity.RunSequence(seq);

自(预)定义动画

预定义动画，pre-register RegisterUi
自定义动画：
$.Velocity.RegisterEffect(‘name’,{defaultDuration:300,calls:[[{},0.5],[{},0.5]]});
calls:[[{width: [to,from] }],[{}],…]这个就相当于from-to，注意语法是to,from

fullpage