Skip to content

About

summary

Resources

Readme
Activity

Stars

184 stars

Watchers

12 watching

Forks

55 forks
Report repository
BranchesTags

Latest commit

 

History

799 Commits

Folders and files

NameName
Last commit message
Last commit date
1 移动端 适配.md
1 移动端 适配.md
 
 
1.0 web 前端基本素养.md
1.0 web 前端基本素养.md
 
 
1.0.0 代码规范.md
1.0.0 代码规范.md
 
 
1.1. 解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10.md
1.1. 解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10.md
 
 
1.1.0 统一代码风格---.editorconfig.md
1.1.0 统一代码风格---.editorconfig.md
 
 
1.1.1 忽略提交文件---.gitignore.md
1.1.1 忽略提交文件---.gitignore.md
 
 
1.1.2 语法检查---ESLint.md
1.1.2 语法检查---ESLint.md
 
 
1.1.3 前端小团队建设.md
1.1.3 前端小团队建设.md
 
 
1.1.4 提问的智慧.md
1.1.4 提问的智慧.md
 
 
2.0 html 代码规范.md
2.0 html 代码规范.md
 
 
2.1 TCP连接复用.md
2.1 TCP连接复用.md
 
 
2.1 http 协议.md
2.1 http 协议.md
 
 
2.1 http2.0 详解.md
2.1 http2.0 详解.md
 
 
2.1 https 协议全记录.md
2.1 https 协议全记录.md
 
 
2.1.0 HTML 全局属性.md
2.1.0 HTML 全局属性.md
 
 
2.1.1 从输入URL到页面加载发生了什么.md
2.1.1 从输入URL到页面加载发生了什么.md
 
 
2.1.2 把一个简单的div元素的属性都打印出来.md
2.1.2 把一个简单的div元素的属性都打印出来.md
 
 
2.1.3 html中的b和strong标签有什么区别.md
2.1.3 html中的b和strong标签有什么区别.md
 
 
2.1.4 img标签的方方面面.md
2.1.4 img标签的方方面面.md
 
 
2.1.5 前端 performance.md
2.1.5 前端 performance.md
 
 
2.1.6 HTTP URL最大长度.md
2.1.6 HTTP URL最大长度.md
 
 
2.1.7 文件上传中的content-type.md
2.1.7 文件上传中的content-type.md
 
 
2.1.7.1 文件上传 Media Types.md
2.1.7.1 文件上传 Media Types.md
 
 
2.1.7.2 文件上传 showOpenFilePicker.md
2.1.7.2 文件上传 showOpenFilePicker.md
 
 
2.1.8 innerHTML,innerText,textContent区别.md
2.1.8 innerHTML,innerText,textContent区别.md
 
 
2.1.9 获取dom中最大的 zindex.md
2.1.9 获取dom中最大的 zindex.md
 
 
2.2.1 重绘和回流.md
2.2.1 重绘和回流.md
 
 
2.2.2 响应式图片 picture 使用.md
2.2.2 响应式图片 picture 使用.md
 
 
2.2.3 白屏优化.md
2.2.3 白屏优化.md
 
 
2.2.4 document.referrer.md
2.2.4 document.referrer.md
 
 
3.0 css 代码规范.md
3.0 css 代码规范.md
 
 
3.0.1 BEM 规范.md
3.0.1 BEM 规范.md
 
 
3.0.2 SMACSS 规范.md
3.0.2 SMACSS 规范.md
 
 
3.0.3 通用公共 css.md
3.0.3 通用公共 css.md
 
 
3.1 渲染树构建、布局及绘制.md
3.1 渲染树构建、布局及绘制.md
 
 
3.1 css到cssom 过程.md
3.1 css到cssom 过程.md
 
 
3.1.1 两列布局左边定宽，右边自适应.md
3.1.1 两列布局左边定宽，右边自适应.md
 
 
3.1.1.1 左侧自适应,右侧自适应布局.md
3.1.1.1 左侧自适应,右侧自适应布局.md
 
 
3.1.2 H5 页面在 ios 端滑动不流畅的问题.md
3.1.2 H5 页面在 ios 端滑动不流畅的问题.md
 
 
3.1.3 移动端 ios scroll 滚动穿透.md
3.1.3 移动端 ios scroll 滚动穿透.md
 
 
3.1.4 安卓浏览器键盘输入改变弹出层的定位.md
3.1.4 安卓浏览器键盘输入改变弹出层的定位.md
 
 
3.1.5 CSS中margin边界叠加问题及解决方案.md
3.1.5 CSS中margin边界叠加问题及解决方案.md
 
 
3.1.6 css clip-path 画聊天气泡.md
3.1.6 css clip-path 画聊天气泡.md
 
 
3.1.7 css currentColor.md
3.1.7 css currentColor.md
 
 
3.1.8 css flexbox.md
3.1.8 css flexbox.md
 
 
3.1.8.1 flex-wrap不兼容解决方案.md
3.1.8.1 flex-wrap不兼容解决方案.md
 
 
3.1.9 css 属性选择器，伪类，伪元素.md
3.1.9 css 属性选择器，伪类，伪元素.md
 
 
3.2.1. 使用 css3 缩小字体不偏移.md
3.2.1. 使用 css3 缩小字体不偏移.md
 
 
3.2.2. css3字体缩放样式-webkit-text-size-adjust的用法.md
3.2.2. css3字体缩放样式-webkit-text-size-adjust的用法.md
 
 
3.2.3. CSS 变量.md
3.2.3. CSS 变量.md
 
 
3.2.4 安卓 line-height 问题.md
3.2.4 安卓 line-height 问题.md
 
 
3.2.5 css grid.md
3.2.5 css grid.md
 
 
3.2.6 css mask遮罩.md
3.2.6 css mask遮罩.md
 
 
3.2.7 flex布局当overflow时无法滑动到顶部.md
3.2.7 flex布局当overflow时无法滑动到顶部.md
 
 
3.2.8 CSS scroll-behavior.md
3.2.8 CSS scroll-behavior.md
 
 
3.2.9 一道css题.md
3.2.9 一道css题.md
 
 
3.3.1 深入浏览器理解CSS animations 和 transitions的性能问题.md
3.3.1 深入浏览器理解CSS animations 和 transitions的性能问题.md
 
 
3.3.2 CSS Paint API.md
3.3.2 CSS Paint API.md
 
 
3.3.3 前端性能优化之 预加载 prefetch，Preload.md
3.3.3 前端性能优化之 预加载 prefetch，Preload.md
 
 
3.3.4 iPhoneX的适配.md
3.3.4 iPhoneX的适配.md
 
 
3.3.5 CSS Modules (css 模块化).md
3.3.5 CSS Modules (css 模块化).md
 
 
3.3.6 CSS3混合模式mix-blend-mode +background-blend-mode.md
3.3.6 CSS3混合模式mix-blend-mode +background-blend-mode.md
 
 
3.3.7 img loading.md
3.3.7 img loading.md
 
 
3.3.8 CSS Paint API.md
3.3.8 CSS Paint API.md
 
 
3.3.9 打印 用到 color-adjust.md
3.3.9 打印 用到 color-adjust.md
 
 
3.4.0 scroll-snap 滚动容器中的一个临时点.md
3.4.0 scroll-snap 滚动容器中的一个临时点.md
 
 
3.4.1 margin-inline和margin-block.md
3.4.1 margin-inline和margin-block.md
 
 
3.4.2 font-feature-settings.md
3.4.2 font-feature-settings.md
 
 
3.4.3 CSS 伪元素 ::backdrop.md
3.4.3 CSS 伪元素 ::backdrop.md
 
 
3.4.4 :placeholder-shown伪类.md
3.4.4 :placeholder-shown伪类.md
 
 
3.4.5 focus-within伪类.md
3.4.5 focus-within伪类.md
 
 
3.4.6 box-decoration-break.md
3.4.6 box-decoration-break.md
 
 
3.4.7 :focus-visible伪类.md
3.4.7 :focus-visible伪类.md
 
 
3.4.8 backdrop-filter.md
3.4.8 backdrop-filter.md
 
 
3.4.9 image-set 不同屏幕显示不同图片.md
3.4.9 image-set 不同屏幕显示不同图片.md
 
 
3.5.1 @supports使用.md
3.5.1 @supports使用.md
 
 
3.5.2 overflow-y:auto 没超高度也出现了滚动条.md
3.5.2 overflow-y:auto 没超高度也出现了滚动条.md
 
 
3.5.3 :root 使用.md
3.5.3 :root 使用.md
 
 
3.5.4 新的 CSS 长宽比属性aspect-ratio.md
3.5.4 新的 CSS 长宽比属性aspect-ratio.md
 
 
3.5.5 css 循环放大缩小波纹.md
3.5.5 css 循环放大缩小波纹.md
 
 
3.5.6 css 获取前三个元素 nth-child.md
3.5.6 css 获取前三个元素 nth-child.md
 
 
3.5.7 图片加载失败处理.md
3.5.7 图片加载失败处理.md
 
 
3.5.8 object-fit.md
3.5.8 object-fit.md
 
 
3.5.9 scrollbar-gutter.md
3.5.9 scrollbar-gutter.md
 
 
3.6.0. place-items.md
3.6.0. place-items.md
 
 
4.0 javascript 代码规范.md
4.0 javascript 代码规范.md
 
 
4.0.1 JavaScript 开发者应懂的 33 个概念.md
4.0.1 JavaScript 开发者应懂的 33 个概念.md
 
 
4.0.2 js 严格模式 'use strict'.md
4.0.2 js 严格模式 'use strict'.md
 
 
4.0.3 JavaScript 执行机制+运行原理.md
4.0.3 JavaScript 执行机制+运行原理.md
 
 
4.0.4 session 、cookie、token的区别及联系.md
4.0.4 session 、cookie、token的区别及联系.md
 
 
4.0.4 禁止js访问cookie.md
4.0.4 禁止js访问cookie.md
 
 
4.0.5 js 中 callee 与 caller 的区别.md
4.0.5 js 中 callee 与 caller 的区别.md
 
 
4.0.6 Memoization 介绍.md
4.0.6 Memoization 介绍.md
 
 
4.0.7 getBoundingClientRect获取元素的大小及其相对于视口的位置.md
4.0.7 getBoundingClientRect获取元素的大小及其相对于视口的位置.md
 
 
4.0.8IntersectionObserver实现懒加载.md
4.0.8IntersectionObserver实现懒加载.md
 
 
4.0.9.1 PC端事件.md
4.0.9.1 PC端事件.md
 
 
4.0.9IntersectionObserver 触底-吸顶-动画.md
4.0.9IntersectionObserver 触底-吸顶-动画.md
 
 
4.1.0 const .md
4.1.0 const .md
 
 
4.1.0.1 +new Date使用.md
4.1.0.1 +new Date使用.md
 
 
4.1.0.2 可视区域加载.md
4.1.0.2 可视区域加载.md
 
 

Repository files navigation

front-end-summary

（注：:+1: 表示推荐，:+1::+1: 表示强烈推荐，:x: 表示差评）

Details

markdown 索引

独行

    也不知道什么时候开始，爬山，去图书馆成了每周的习惯；宝石山，浙江图书馆；老和山，将军山，灵隐山，不知怎么的就到了北高峰，天下第一财神庙 ， 浙江图书馆；

    万事开头难，每次爬山时最开始的时候总觉得晕晕乎乎的，爬了一段就感觉突然有劲了，不在觉得很难很累，走起路来都是大步前进，山路也不是一直平坦，有时上坡，有时下坡，有时是平坦大道，有时是凹凸不平的石道，在爬山的路上，你也会遇到各种各样的人，有的也是和我一样独行，有的一家三口，有的一对对情侣，也有的是老夫老妻，也会经常见到什么登山队，什么公司团队，也会经常看到有老外等，有的在向北高峰赶，有的在归来，走了几次发现到达的时间有所提升，原本一个半小时的路程，今天过去用了一个小时，本来今天没打算爬到全程的，想着去的时候已经是两点了，回来不想赶夜路，也不知道怎么就来了兴致，就决心一定爬完全程再回来；

  突然觉得爬山的路就是人生的路，不可能一直上坡，也不会一直是平坦大道，总会遇到坎坎坷坷的小道，最开始的时候也是最困难的时候，爬过去了也没什么了，人生的起点也可能是终点，终点也是起点

  "总的来看，下一代青年不太可能像上一代有那么多机会。经济增长已经开始放缓，还将继续放缓；人口增长高峰已经过去；除了高科技，几乎所有行业都不会有以前那么高的增长率。
  现在是穷人，未来极大可能还是穷人，能翻身的只能是少数，而且难度越来越大。"
  "没有学历、技术的人，为了活下去，不是住笼屋就是要工作到半夜，对于他们，最重要事情是下一顿吃什么，怎么会有时间和精力去思考未来怎么发展？来来去去都在死胡同！"
  "穷忙族是指那些薪水不多，整日奔波劳动，却始终无法摆脱贫穷的人。最早出现于上世纪90年代的美国，指拼命工作仍然无法摆脱最低水准生活的人们。日本经济学家门仓贵史在《穷忙族》一书中，他对"穷忙族"下的定义是：每天繁忙地工作却依然不能过上富裕生活的人。"

传记

  不要像驴一样的生活
  经常爬北高峰的人路上都会遇到一群的驴或者马，有人说是骡子，每次看到的都是这些驴驮着沙子从上下爬到山上，也有些时候驮着很大的砖块，每群驴都有一个人看着，有时候看到有的驴爬到一半不走了，或许是太累了吧，无数次爬山，看到北高峰的台阶已经被踏的碎石满台阶，这些台阶被驴走过了无数次，回头想想这些驴真的可伶，一天到晚都在驮着沙拖着石头被人们使唤，如果人们不去修什么庙，建什么东西，这些驴也不会那么累，没有买卖真的就没有伤害，不过仔细一想，驴的一生又何尝不是人的一生，我们上班听从老板的使唤，老板让加班我们就得加班，可我们又想想我们为什么加班，我们做的到底有没有意义呢，看到阮一峰的未来世界的幸存者，感觉很贴近现实，我们每天一直忙碌，有没有停下了思考一下，我们忙碌的有没有意义，或许有人说我们要去生存，我们要去挣钱，这些是没错的；

  关键我们要明白，我们真正需要的是什么，不能别人怎么做，自己也跟着做，就像驴群中最前面的驴，一直背着东西前行，后面的驴也都跟着爬，人生不过百年，过的是生活，不能成为金钱的奴隶，一辈子都为了钱忙碌，那样生活也就没什么意思了；

  做自己喜欢做的事，忙碌的时候抬头看看天空，自己到底需要什么，问问自己最想过什么样的生活！

About

summary

Resources

Readme
Activity

Stars

184 stars

Watchers

12 watching

Forks

55 forks
Report repository

Releases

Packages

Used by

Contributors