CSS开发总结
p标签里的文字溢出怎么办加一个属性即可：
word-break: break-all;
inline-block 相关图片默认是 inline-block 布局，会存在经典的底部 3px 的问题。
Express
Express介绍
Express 官方网站：https://expressjs.com/
Express 官方网站（中文）：https://expressjs.com/zh-cn/
Express 安装安装 express：
npm install express -g
安装 express-generator，安装之后，可使用应用程序生成器工具 (express) 快速创建应用程序框架。
npm install express-generator -g
查看安装的 express 版本：
express --version
ajax相关
jsonp ajaxajax跨域访问是一个老问题了，解决方法很多，比较常用的是JSONP方法，JSONP方法是一种非官方方法，而且这种方法只支持GET方式，不如POST方式安全。
意思是说，如果后台返回的数据类型是jsonp，那么前端的请求方式只能是get，不能是post。
如果跨域使用POST方式，可以使用创建一个隐藏的iframe来实现，与ajax上传图片原理一样，但这样会比较麻烦。
因此，在前端使用post方法，数据类型是json的情况下，如果想跨域的话，可以通过设置Access-Control-Allow-Origin来实现跨域访问比较简单。
解决办法：
在 Response header中加入这三行：
response.headers['Access-Control-Allow-Origin'] = '*'response.headers['Access-Control-Allow-Methods'] = 'POST'response.headers['Access-Control-A ...
html相关
SSI：服务器端嵌入SSI：Server Side Include，服务器端嵌入。
通俗点讲，就是在本地的html页面中，插入服务器上的文件。即：静态页面中，插入动态的代码。
比如：
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> </style> <!--#include virtual="/sinclude/common/head_inc.shtml"--> <!--#include ...
json字符串的解析和遍历
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="vue2.5.16.js"></script></head><body> <div id="app"> <div v-for="(value,key) in myData& ...
json相关
json中根据键获取值参考链接：
http://yuxisanren.iteye.com/blog/1895807
https://blog.csdn.net/w405722907/article/details/72828041
前端分享群整理
前言以下内容，来自微信群的部分优质分享。不定期更新。文中涉及的内容和链接，均为群友自主推荐、自主分享。
2019-05-101、深圳-团长：
新手学习Node.js
推荐狼叔的《如何正确学习Node.js》，地址：https://github.com/i5ting/How-to-learn-node-correctly
Node.js国内交流社区：https://cnodejs.org/
推荐书籍：《Node.js实战》（第二版）、《Node.js调试指南》、《深入浅出Node.js》（有一定的基础后再看）、《更了不起的Node.js》（据说今年会出版）
备注：在一个QQ群里看到的，仅供参考。
2、深圳-团长：
promise的各种用法：https://github.com/sindresorhus/promise-fun
小组的一位同事，今天在周会上重点分享和讲解了这个项目，说这个项目非常吊。
如果掌握了 promise 的深层次用法，绝对吊打面试官。
我看了下这个项目作者的介绍，也很牛逼：2014年之后，作为自由职业者，全职做开源社区的项目。一边做开源项目，一边背包环 ...
前端博客推荐
前端博客推荐
冴羽的博客：https://github.com/mqyqingfeng/Blog
冴羽写博客的地方，预计写四个系列：JavaScript深入系列、JavaScript专题系列、ES6系列、React系列。
颜乐乐：https://github.com/yanlele/node-index
在头条做前端，博客内容很全，尤其是“单元测试”系列。
前端开发积累
SPU 和 SKUSKU（stock keeping unit）：库存量单位。 SKU是物理上不可分割的最小库存单元。通俗来讲，你可以把 sku 理解成是「最小单元」。
SPU（Standard Product Unit）：标准化产品单元。是商品信息聚合的最小单位。通俗来讲，你可以把 spu 理解成是「某一类的单元」。
比如说，针对 Kindle paperwhite4 这款阅读器，颜色分白色、黑色两种。那么，白色和黑色的sku是不一样的。因此，Kindle paperwhite4 这款阅读器有「两个sku、一个spu」。
再比如说，针对 iPhone 8 这款手机，颜色有银色、红色、金色三种，存储空间有分64G、256G两种。那么，64G和256G的sku是不一样的；不同的颜色，也代表着不同的sku。因此，iPhone 8 这款手机有「六个sku、一个spu」。
单品：对一种商品而言，当其品牌、型号、配置、等级、花色、包装容量、单位、生产日期、保质期、用途、价格、产地等属性中任一属性与其他商品存在不同时，可称为一个单品。
移动端WebApp前端真机调试：iPhone/iOS借助Saf ...
前端语录
2020-04-19语言的强大在于它的生态。如果是站在巨人的肩膀上，就不用做太多重复的事情。
模板引擎
title: 认识Web和Web标准publish: false
模版引擎引入我们在使用ajax请求数据时，返回的如果是一个 JSON 格式的字符串，我们需要将其包装到对应的HTML代码中，再添加到页面上，才能看到效果。那么这个包装得过程有没有简单的方法呢?
假设在 js 中有如下数据：
var obj = { name:"fox", age:18, skill:"卖萌"};
希望包装为:
<ul> <li>姓名:fox</li> <li>年龄:18</li> <li>爱好:卖萌</li></ul>
我们可以通过模板插件来实现。
模版插件的原理我们定义一段文本作为模板,读取文本,使用特殊的符号<%= 属性名 %>,通过正则表达式找到这些特殊的符号进行替换,是不是就实现了这样的效果呢?
常见的模板引擎
BaiduTemplate(百度开发)
ArtTemplate(腾讯开发)：GitHub地址、文档地址。 ...
网友对本项目提的建议
图片的宽度，最好不要超过800px，否则在github上显示不完整，甚至无法显示。
建议把图片压缩后再上传。图片大小最好控制在100kb左右。比如说，javascript-tutorial-cn这个项目，在这方面就做得很好。
比如20180223_2201.gif这张图，原本是500kb，我压缩后重新上传，是200kb。
再比如20180611_2130.png这张图，原本是400kb，我压缩后重新上传，是200kb。
01-2021年Web前端最新导航
本文的最新内容将在GitHub上实时更新。欢迎在GitHub上关注我，一起入门和进阶前端。
前言本文列出了很多与前端有关的常见网站、博客、工具等，整体来看比较权威。有些东西已经过时了，我就不列出来了。
学是一方面，也是最主要的方面；但还有一个作用，比如，“这个前端框架你都不知道啊”、“这个前端大牛你都没听说过啊” ，此时，这份清单就能起到作用了。如果你能把清单里列出的内容都了解下，逼格也会高很多。
技术社区
GitHub：https://github.com/
高质量的内容创作和分享平台。
请记住，作为一个码农，GitHub 代表了你的名片。
stackoverflow：https://stackoverflow.com/
遇到技术问题请先Google，很多答案都能在 stackoverflow 上找到。
技术博客
掘金：https://juejin.im/
掘金已经被前端同学攻陷了。目前来看，国内的很多优质前端文章，都在掘金上。
如果你刚开始写前端博客，可以考虑在掘金上发文章。当然，文章最好在掘金、博客园、知乎上做同步。
博客园：https://www.cnblogs. ...
02-GitHub项目推荐
CSS
CSS Inspiration，在这里找到写 CSS 的灵感：https://github.com/chokcoco/CSS-Inspiration
CSS 常用样式：https://github.com/QiShaoXuan/css_tricks
JavaScript
优秀的JS代码规范：https://github.com/ryanmcdermott/clean-code-javascript
据说这个项目，是宝藏：https://github.com/dexteryy/spellbook-of-modern-webdev
TS
TypeScript 教程：https://github.com/xcatliu/typescript-tutorial
Node.jsNode.js学习：https://blog.poetries.top/node-learning-notes/
算法类
数据结构和算法：https://github.com/trekhleb/javascript-algorithms
leetcode解题之路：https://github.com ...
03-网站推荐
2018-10-26
前端面试图谱：https://yuchengkai.cn/docs/zh/
这个项目已经很全面了，是从面试的角度出发的。我自己的项目是，是从基础入门的角度出发的。可以起到互补的作用。
2018-12-07
css的各种效果实现：https://lhammer.cn/You-need-to-know-css/#/
css的各种效果实现（尤其是动画效果），关键时刻能救命。作者内化后输出，并贡献出来。这种也是颇为难得了。很有极客精神。
比如，我在这里面找到了「抖动效果」，很有帮助。
2018-12-17
github排行：http://githubrank.com/
2019-10-05
现代 JavaScript 教程：https://zh.javascript.info/
