• vue中使用animate.css

    在vue项目中使用animate.css配合vue中的transition标签来结合animate.css中的效果 npm install / yarn add 二选一 12yarn add animate.css@3.5.1# 在这要装3.5.1...
  • Css从边角走向中心

    被轻视的CSSCSS是Cascading Style Sheets(层叠样式表单)的简称。这种样式脚本一直和其他编程语言有差距。导致了css被轻视。近几年所有的前端技术都在疯狂的迭代更新,css也不例外。从sass,less,stylus这些预处理器...
  • npm/yarn及其他包管理工具常用总结

    安装 npm装了nodeJs会装好npm yarn安装yarn npm install -g yarn 修改源 npm (淘宝源 | 本源)npm config set registry http://registry.npm.taob...
  • package.json了解多少

    scripts属性生命周期 pre钩子1234"scripts": { "predev": "echo 111", "dev": "echo 222"}, 上述代码执行yarn run dev,会先执行pre钩子...
  • Nginx 403 Forbidden

    检查目录权限。权限不足的就加个权限。 1chmod -R 755 /root/feidom_blog/ nginx.conf中的user问题 1234$ vi /usr/local/nginx/conf/nginx.conf# user nob...
  • DNS域名解析

    DNS: domain name system 作用:将域名解析到对应的ip地址解析原理:分级解析 域名分级(一级,二级,三级) www.baidu.com com是根域名,baidu.com是一级域名(顶级域名),www.baidu.co...
  • Navigation Timing & Navigation Timing API

    Navigation Timing 图解: Prompt for unload // 激起卸载 navigationStart // 导航开始 redirect ...
  • HTML、CSS、JS互相阻塞?咋回事

    js是同步的,为了操作dom。在html执行中,也由于这个原因,有同步阻塞的情况。 js的执行会影响Dom渲染吗?12345678910111213<head> <script> // 这个script放在...
  • 浏览器渲染过程及优化

    熟练使用Chrome开发工具 浏览器渲染基础cpu主要负责操作系统和程序 gpu负责显式 数据处理效率更高 gpu.js Dom是分层的 firefox的3d插件(已废弃)很好的展现了这个点。 Q:什么元素会分层? A:根元素,posi...
  • 前端性能优化

    Http请求的代价是昂贵的Navigation Timing从输入网址敲击回车开始到页面完全加载完成展示。其中的过程是优化的要点。 性能优化方向前端性能优化(一)雅虎军规前端性能优化(二)缓存为王前端性能优化(三)协议处理前端性能优化(四)渲染优化前...