• some daily


    1. 一般div元素的background-color只覆盖到border,而其margin的颜色由外层元素的背景色决定。

    2. 当设置了border-box以后,width=border+padding+真实大小

    3. 给一个div元素设置div::after以后,after中content的内容会显示在div内部, ::after

    4. 在cmd里面创建文件夹 md 文件夹name 然后cd

    5. 一般创建webpack推荐局部创建,使用npm i webpack webpack-cli -S -D

    6. webpack -v可以查看全局的webpack版本, npx webpack -v 可以查看局部创建的webpack的版本

    7. 安装指定版本的webpack :
    npm info webpack//查看webpack的历史发布信息
    npm i webpack@x.xx webpack-cli -D
    8. npx webpack --config ./webpackconfig.js(更改默认webpack.config.js的打包文件)

    9. webpack打包文件中的entry是入口文件,output是打包以后文件的相关信息

    10. 在package.json中设置bundle:webpack便可以在cmd中使用npm run bundle

    11. loader是有执行顺序的,从后往前的

    12. postcss-loader厂商前缀

    13. plugin解决的是实际需求,loader解决的是无法解析的问题

    14. 使用webpack-dev-server以后,打包的文件会存储在内存中,无法看到

    15. mock数据的时候,我们使用express创建一个服务端文件并启动,同时在我们的项目文件中引用服 务端文件的数据,此时会出现一个跨域的问题,webpack中的proxy可以暂时的解决跨域问题

    16. 联调期间,前后端分离,直接获取数据会跨域,上线后我们使⽤用nginx转发,开发期间,webpack 就可 以搞定这件事

    17. -D就是--save -dev的缩写,这样安装的包的名称以及版本号就会存在package.json的 devDependencies这个里面

    18. devServer中设置hot为true,设置hotOnly为true就是对所有的js实施热更新。hmr对css模块支持比 较好,对于js模块,借助modle.hot可以实现对js的热更新,需要对每一个方法都进行更新

    19. 在低版本中使用es6 .babel-profile是以全局变量的方式注入进来的,windows.promise会造成全局对象的污染 plugin-transform-runtime相比较不会造成全局的污染

    21. tree shaking:
    sideEffects:
    false(在使用import的时候对模块是否进行加载进行一个简单的判定)
    .bablerc文件就是将babel-loader的options选项额外提出来,写在文件中,减少webpack.config.js的文件体
    对设计目的没有副作用的模块都可以使用,打包的时候就不会将未使用的模块进行打包(即使这 个模块会产生副作用,例如console.log(1)),而如果在里面添加了类似("*.css")那么打包的 时候不再对这些文件进行检测 usedExports: true
    1. devtools: 开发环境推荐: devtool:"cheap-module-eval-source-map"; 线上环境推荐:devtool:"cheap-module-source-map"

    2. Preload: 与父chuck同步加载,且加载完成以后立刻请求 Prefetch:浏览器空闲的时候加载,在未来可以随意请求

    3. 在es中, function a(){} export a; 这种表达方式是错误的 export必须是一个接口,不能是定值,可以是以下的方式
    export function a(){} //或者是 function a(){} export {a}
    4. 匿名函数中的this总是指向window,要想让它指向运行时的对象,则必须将this保存下来,进一步 使用

    5. 动态绑定v-model中的数据必须在data中声明
    created(){ this.foo.abc="aa" }
    6. 箭头函数加了{}就必须写return语句

    7. Number.isInteger(value)判断给定的数字是否为整数

    8. 实现input的双向绑定: (子组件的value继承于父组件,当子组件value改变,通知父组件,父组件接收value改变的值,改 变自身值) 在子组件中实现了value的动态绑定以及input事件的监听 在父组件中实现了value的动态绑定以及接收子组件的on

    9. github 2536978321@qq.com 如何将本地的文件上传到github

    1.打开gitbash,进入到项目文件夹下面

    2.git init 在当前项目的目录中生成本地的git管理(本地会多出一个.git文件夹)

    3. git add . 将项目上的所有文件添加到仓库中,如果要添加某个指定的文件,只需要把.换成这个 特定的文件名即可

    4.git commit -m "first commit" 表示对这次提交的注释,双引号里面的内容可以根据个人的需要 改

    5.git remote add origin https:......(github仓库的地址)将本地仓库关联到github上面

    6.git push -u origin master 将代码上传到github仓库

  • 相关阅读:
    计算中文或全角字符串的长度
    day25 python学习 继承,钻石继承 多态
    day25 python学习 继承,钻石继承
    day24 python学习 类 画元,命名空间作用域,组合,人狗大战升级
    第四周经典问题收集
    day23 python学习 类 人狗大战
    day20 python sys os time json pickl 正则
    python 常见的内置函数
    encode decode enumerate
    3.易错点和新要掌握的内容
  • 原文地址:https://www.cnblogs.com/yinping/p/11318783.html
Copyright © 2020-2023  润新知