12 2019 档案
摘要：node编程中最重要的思想就是模块化，import和require都是被模块化所使用。 遵循规范 require 是 AMD规范引入方式 import是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法 调用时间 require是运行时调用，所以require理论上可以运用在代码的任何
阅读全文
摘要：参考学习：https://alexjover.com/blog/lazy load in vue using webpack s code splitting/ 学习文案：https://webpack.docschina.org/guides/lazy loading/
阅读全文
摘要：学习文档：https://webpack.docschina.org/guides/progressive web application/ 参考文档：https://developers.google.com/web/fundamentals/primers/service workers/
阅读全文
摘要：在webpack中有三种的方式生成哈希值，分别为 、`chunkhash contenthash`。这三种方式有着不同的用处，或者说在webpack的不同环境中，会使用不同的方式生成哈希值。那为什么要这样的一个区分呢？我们一起探讨下： hash 主要用于 的开发环境，在项目构建编译中根据文件是否更改
阅读全文
摘要：服务器重启之后，执行 nginx t 是OK的，然而在执行 nginx s reload 的时候报错 出现原因：nginx未开启所以无法重启 解决方法： 需要先执行 nginx.conf文件的路径可以从nginx t的返回中找到。
阅读全文
摘要：学习网站：https://www.linuxidc.com/Linux/2019 10/160918.htm
阅读全文
摘要：1、ls 2、cd 3、printenv： 4、时间管理 5、命令帮助 6、file 7、mkdir 8、rm 9、touch 10、cp 11、mv 12、cat 13、more 14、head、tail 15、cut 16、sort 、uniq、wc 17、tr 18、aliase 19、权限
阅读全文
摘要：创建新用户 创建一个用户名为：nayek 为这个用户初始化密码，linux会判断密码复杂度，不过可以强行忽略： 授权 个人用户的权限只可以在本home下有完整权限，其他目录要看别人授权。而经常需要root用户的权限，这时候sudo可以化身为root来操作。我记得我曾经sudo创建了文件，然后发现自己
阅读全文
摘要：学习博客：https://www.cnblogs.com/lirongzheng/p/8250511.html 更多Ubuntu相关信息见Ubuntu 专题页面 http://www.linuxidc.com/topicnews.aspx?tid=2 更多CentOS相关信息见CentOS 专题页面
阅读全文
摘要：1、信道复用 2、分帧传输 3、Server Push Http/1.1与Http/2对比网站： https://http2.akamai.com/demo https://http2.akamai.com/demo/http2 lab.html
阅读全文
摘要：进入 文件夹，新建 文件夹； 将内部的 配置段提取单独放在一个文件里，存到了 下，以方便配置多个虚拟主机。 并在 里`http include servers/ .conf; servers`下的虚拟主机配置 配置过程： 一、进入 文件，新建一个 (你自己想取的名字)文件，然后进行 配置 二、配置
阅读全文
摘要：学习博客:https://blog.csdn.net/forezp/article/details/87887507 学习博客：https://blog.csdn.net/qq_29677867/article/details/90112120
阅读全文
摘要：学习博客：https://baijiahao.baidu.com/s?id=1626159656211187310&wfr=spider&for=pc
阅读全文
摘要：学习博客：https://blog.csdn.net/wsyzxxn9/article/details/90677770 学习lodash：https://www.html.cn/doc/lodash/
阅读全文
摘要：学习链接: https://typescript.bootcss.com/basic types.html https://www.tslang.cn/docs/handbook/basic types.html https://github.com/DefinitelyTyped/Definite
阅读全文
摘要：参考博客：https://github.com/jawil/blog/issues/18
阅读全文
摘要：参考博客：https://www.cnblogs.com/xishuai/p/mac iterm2.html 参考博客：https://www.cnblogs.com/sasuke6/p/4976070.html
阅读全文
摘要：安装这个东西就可以了, 代码拷走, 回去愉快的敲代码吧
阅读全文
摘要：Webpack优化打包速度以及性能优化 1、跟上技术的迭代（Node、Npm、Yarn） 2、在尽可能少的模块上应用loader 3、Plugin尽可能精简并确保可靠 4、resolve参数合理配置 5、使用DllPlugin提高打包速度 6、控制包文件大小 7、Node中thread loader
阅读全文
摘要：打包分析： https://webpack.js.org/guides/code splitting/ bundle analysis 性能优化使用缓存是很有限的，现在更多的应该是再编写代码时，考虑到代码的覆盖率，如何让页面加载的js文件利用率提高，有些交互后才能用到的代码可以写在异步组件里通过懒加
阅读全文
摘要：之前在vue的路由配置文件中看到了/ webpackChunkName:"lodash" /这个注释， 在学习了webpack之后了解其做用，作用就是webpack在打包的时候，对异步引入的库代码（lodash）进行代码分割时（需要配置webpack的SplitChunkPlugin插件），为分割后
阅读全文
摘要：SplitChunkPlugin插件配置参数详解 对引入的库代码（例如:lodash、jQuery等）进行代码的分割进行优化 若配置时只写chunks："all"，其余则为默认配置 代码分割后的每一个js文件即为Chunk，如下图中的（main.js、vendors.js） 学习文档：https:/
阅读全文
摘要：重点看懂这张图： 重点记住: 1.Mutation 必须是同步函数,即mutations里只能处理同步操作。 2.如果处理的是同步操作可直接commit提交mutations更改state，如果是异步操作则需要通过actions提交mutations。 3.Action 提交的是 mutation，
阅读全文
摘要：分享一下我喜欢的四个代码样式的CSS配置，复制粘贴即可使用，根据highlight.js调整配置，编辑器一定要改成markdown。（喜欢的话你就点个赞 _<） 1、atom one dark reasonable 2、atom one dark 3、atom one light 4、monokai
阅读全文
摘要：vue父子通讯是单向数据流，也就是子组件不能修改父组件的值，但是在一些情况下是需要这样做的。 先看官方文档： 接下来举例实现 1、实现一个双向数据绑定，子组件改变的时候，父组件也在改变 父组件 子组件 结果图: 2、点击子组件按钮修改父组件数据 父组件 子组件 结果图：
阅读全文
摘要：官方文档说明： 一、解释： 意思就是父组件往子组件传没有在props里声明过的值时，子组件可以通过$attrs接受，且只包含父组件没有在props里声明的值。 父组件 子组件 结果图： 二、解释 意思就是： 可以收集父组件中的所有传过来的属性除了那些在组件中没有通过 props 定义的。引申说明一下
阅读全文
摘要：学习博客：https://www.cnblogs.com/web record/p/9876916.html
阅读全文
摘要：运算符可以从三个不同的层次进行理解。 第一层理解 当操作数都是布尔值时，“&&”对两个值执行布尔与(AND)操作。 复制代码代码如下: 关系运算符的优先级比”&&”要高。 第二层理解 ”&&“可以对真值和假值进行布尔与(AND)操作。（假值有false、null、undefined、0、NaN和”“
阅读全文
摘要：1.export default 和export都可以用于导出常量，函数，文件，模块等； 2.可以在模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用 3.在一个文件或者模块中，export,import可以有多个，但是export default
阅读全文
摘要：由于div运用了position：fixed，内部通讯列表设置了height：100%，然而列表设置overflow：overlay 溢出部分显示不全，且无滚动条出现，最终找出原因在于顶部header占据65px 解决办法： 设置通讯列表的height: calc(100% 65px);减去head
阅读全文
摘要：如图：搜索和图标不是垂直居中着实难受 最终通过如下代码实现：
阅读全文
摘要：理解RESTful架构 阮一峰 http://www.ruanyifeng.com/blog/2011/09/restful.html RESTful API 设计指南 阮一峰 http://www.ruanyifeng.com/blog/2014/05/restful_api.html RESTf
阅读全文
摘要：vue.js 收藏集 掘金 https://segmentfault.com/a/1190000009808672 在Web前端还可以这样实现Base64 https://www.jianshu.com/p/b2c6dc5fad0a 浏览器的内核是多线程的，一个浏览器一般至少实现三个常驻线程：jav
阅读全文
摘要：学习博客：https://juejin.im/post/5b55c118f265da0f6f1aa354
阅读全文
摘要：如图: 解决问题的根源: 这个DOM元素找不到,或者是初始化的时候没有初始化成功,总之就是这个DOM元素并没有创建成功就进行了操作.保证这个DOM元素创建成功了就不会存在这个问题了.判断当前DOM元素是否创建成功再进行进行操作就得以解决。
阅读全文
摘要：scrollTop, 可写（这些属性中唯一一个可写的元素） 属性可以获取或设置一个元素的内容垂直滚动的像素数。 一个元素的 值是这个元素的顶部到视口可见内容（的顶部）的距离的度量。当一个元素的内容没有产生垂直方向的滚动条，那么它的 值为0。 scrollTop 可以被设置为任何整数值，同时注意： 如
阅读全文
摘要：参考博客：https://www.cnblogs.com/xumqfaith/p/7743387.html
阅读全文
摘要：参考博客：https://www.jianshu.com/p/a7550c0e164f 学习博客：https://www.jianshu.com/p/e01219332e81
阅读全文
摘要：学习网站：https://developer.mozilla.org/zh CN/docs/Web/CSS/overflow
阅读全文
摘要：创建一个自己的类来表示一个队列 首先需要一个用于存储队列中元素的数据结构，可以用数组 接下来声明一些队列可用的方法 enqueue(element(s)): 向队列尾部添加一个（或多个）新的项 dequeue(): 移除队列的第一（即排在队列最前面的）项，并返回被移除的元素 front(): 返回队
阅读全文
摘要：在做消息的项目，当有新消息的时候让新消息出现在最底部，此时的box用的是overflow:auto 注意：vue项目需要注意在dom结构渲染完再进行操作 参考博客：https://blog.csdn.net/qq_14993375/article/details/79336232?utm_sourc
阅读全文
摘要：本周在写项目中遇到修改数组中的值时，视图无变化问题。在查阅Vue官方文档后了解到，由于由JavaScript 的限制，Vue 不能检测以下数组的变动： 1. 当利用索引直接设置一个数组项时，例如： 2. 当修改数组的长度时，例如： 例如： 为了解决第一类问题，以下两种方式都可以实现和 相同的效果，同
阅读全文
摘要：观察者对象包含 一个消息容器 三个方法 订阅（注册）消息方法 发布订阅的消息方法 取消（移除）订阅方法
阅读全文
摘要：我们常常需要在文本过长时显示，将超出显示成省略号： 思想为： 首先设置宽度，然后让超出的部分隐藏 如果有超出则在最后显示省略号 让文本不换行 具体css代码为： Html代码就不用写了，一个div 或者span class = "title"即可。
阅读全文
摘要：Electron已经发布了6.0正式版，升级后发现原来能运行的代码报错提示require is not defined 解决办法： 修改创建BrowserWindow部分的相关代码，设置属性webPreferences.nodeIntegration为 true 在原有的new BrowserWin
阅读全文
浙公网安备 33010602011771号