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仓库

some daily的更多相关文章

  1. 【uwp】浅谈China Daily 中划词翻译的实现

    学习uwp开发也有一段时间了,最近上架了一个小应用(China Daily),现在准备将开发中所学到的一些东西拿出来跟大家分享交流一下. 先给出应用的下载链接:China Daily , 感兴趣的童鞋 ...

  2. Daily Scrum Meeting 汇总

    Alpha Daily Scrum Meeting --FirstDay(11.8) Daily Scrum Meeting --SecondDay(11.9) Daily Scrum Meeting ...

  3. Daily Scrum Meeting ——SeventhDay(Beta)12.15

    一.Daily Scrum Meeting照片 二.Burndown Chart 想做的太多,冲刺仍在继续 三.项目进展(check-in) 1.完成了登录注册剩下的所有界面 2.更改通知详情和活动详 ...

  4. Daily Scrum Meeting ——SixthDay(Beta)12.14

    一.Daily Scrum Meeting照片 二.Burndown Chart 三.项目进展(check-in) 1.完成注册界面中的学院.年级.身份选择. 2.补充参与者报名活动成功后按钮变为不可 ...

  5. Daily Scrum Meeting ——FifthDay(Beta)12.13

    一.Daily Scrum Meeting照片 二.Burndown Chart 三.项目进展(check-in) 1.制作注册分流的头像 发布者头像 参与者头像 2.完成参与者上传头像的功能:通过本 ...

  6. Daily Scrum Meeting ——FourthDay(Beta)12.12

    一.Daily Scrum Meeting照片 讨论界面优化详情 二.Burndown Chart 项目有条不紊地进行中... 1.新增6个界面修改计划 2.修复两个BUG 三.项目进展(check- ...

  7. Daily Scrum Meeting ——ThirdDay(Beta)12.11

    一.Daily Scrum Meeting照片 二.Burndown Chart 三.项目进展(check-in) 1.欢迎界面的优化,从模糊到清楚 2.新增主界面背景 3.新增注册背景 4.参与者侧 ...

  8. Daily Scrum Meeting ——FirstDay(Beta)12.09

    一.Daily Scrum Meeting照片 活动室被借走的我们只能站在宿舍门口一会儿会,还遇到了翁导查寝,被我们的架势吓了一跳不知道我们要干嘛.....

  9. Daily Scrum Meeting ——SecondDay(Beta)12.10

    一.Daily Scrum Meeting照片 二.Burndown Chart 三.项目进展(check-in) 1. 修复两个Alpha版本所遗留的BUG 2. 着手修改参与者与发布者的侧滑框,改 ...

  10. 【Beta】Daily Scrum

    队名:Clover 解宇虹 031402338 林 锦 031402339 李坤隆 031402612 李烈争 031402614 林昊斌 031402615 林瑞斌 031402617 github ...

随机推荐

  1. PyCharm软件代码配色和字体设置

    配置效果图: 1.字体设置: 2.tab键设置: 3.代码颜色配置: 注释颜色为: 类名称: 函数: 关键字: 关键字参数: 函数参数: 字符串:

  2. 修改代码150万行!与 Blink 合并后的 Apache Flink 1.9.0 究竟有哪些重大变更?

    8月22日,Apache Flink 1.9.0 正式发布,早在今年1月,阿里便宣布将内部过去几年打磨的大数据处理引擎Blink进行开源并向 Apache Flink 贡献代码.当前 Flink 1. ...

  3. HTML,CSS,JS优化

    HTML部分 语义化HTML:好处在于可以使代码简洁清晰,支持不同设备,利于搜索引擎,便于团队开发: 减少DOM节点:加速页面渲染: 给图片加上正确的宽高值:这可以减少页面重绘,同时防止图片缩放: 防 ...

  4. 玩转webpack之webpack的entry output

    webpack的入口配置项表示要配置的文件就是开发环境或者生产环境 浏览器本身不能认识的一些东西必须经过webpack的编译才能认识,但是要去写的时候我们经常用到预编译什么的比如scss比如jsx甚至 ...

  5. Tomcate 启动异常,java.net.BindException: Address already in use: JVM_Bind:80的解决办法

    一直用Tomcat,但是前几天突然报错:           java.net.BindException: Address already in use: JVM_Bind:80 第一反应就是80端 ...

  6. IO流7 --- FileWriter写出数据的操作 --- 技术搬运工(尚硅谷)

    FileWriter字符输出 @Test public void test3(){ File file = new File("hello1.txt"); FileWriter f ...

  7. drf模块及源码

    drf中的APIView请求生命周期 APIView的as_view(局部禁用csrf) => 调用父类view中的as_view返回view()方法 => 自己的类调用自己的dispat ...

  8. 揭秘webdriver实现原理【转】

    通过研究selenium-webdriver的源码,笔者发现其实webdriver的实现原理并不高深莫测无法揣度.在这里以webdriver ruby binding的firefox-webdrive ...

  9. update当根据条件不同时 更新同一个字段的方法 或多表插入

    1.通过存储过程 循环 传值 create or replace procedure p_u isbegin for rs in (select distinct (rks) from rkbz)lo ...

  10. Leetcode599.Minimum Index Sum of Two Lists

    假设Andy和Doris想在晚餐时选择一家餐厅,并且他们都有一个表示最喜爱餐厅的列表,每个餐厅的名字用字符串表示. 你需要帮助他们用最少的索引和找出他们共同喜爱的餐厅. 如果答案不止一个,则输出所有答 ...