随身笔记

作者： admin

  • 被墙时解决方法

    修改本地的host文件，填写真实ip映射对应的域名即可，例如：

  • 引入第三方cdn你会发现vue有多个不同版本命名文件

    如图：

    cjs
    全名CommonJS，适用于 Node 和 Browserify/Webpack

    runtime
    不含 compiler（用于编译的） 组件，也就是说不能这么写

    new Vue({
 el: "#box",
 template: "<div>{{msg}}</div>", //不能使用template属性
});

    https://sdeno.com/?p=8331

     

    prod
    表示这个是生产环境使用的版本，代码会进行丑化压缩，有些变量可能会使用a,b,c来代替

    min
    代码仅仅做了压缩处理删除多余空白、换行而已

    esm
    让浏览器支持 <script type=”module”> 这样方法引入，但是对浏览器要求高

    //module.js
export default function test(){
  return 'test...'
}

// index.js
import test from './module.js';
console.log(test())




<body>
  // ⽅法 1 ：引⼊module.js，然后在script标签⾥⾯调⽤
  <script type="module">
    import test from './module.js';
    console.log(test())
  </script>
  
  // ⽅法 2 ：直接引⼊index.js，使⽤src引⼊
  <script type="module" src="./index.js"></script>
</body>

     

    global
    是包含编译器和运行时的“完整”构建版本

    bundler
    说明文件走了类似webpack、gulp打包生产出来的

    browser
    适用于浏览器使用<script src=””>

     

     

  • css吸顶效果position: sticky

    不知道大家平时业务开发中有没有碰到像上图一样的吸顶的需求：标题在滚动的时候，会一直贴着最顶上。

    这种场景实际上很多：比如表格的标题栏、网站的导航栏、手机通讯录的人名首字母标题等等。如果让大家自己动手做的话，是不是会用 js 结合 css 来实现呢？以前确实是这样的，直到后来 position 属性新增了一个属性值 sticky ，前端程序员才迎来了小春天。

     

     

    预览

     

  • 前端打包工具的发展史

  • 自主搭建5个精品脚手架，玩转前端提效

    qq629552157