-
浏览器工作原理和实践
前言宏观视角下的浏览器Chrome架构：仅仅打开了1个页面，为什么有4个进程?进程与线程： 线程是不能单独存在的，它是由进程来启动和管理的(线程依附进程，多线程并行处理提高运算效率) 一个进程就是一个程序的运行实例 进程中的任意一线程执行出错，都会导致整个进程的崩溃。 线程之间共享进程中的数据。 当一个进程关闭之后，操作系统会回收进程所占用的内存。 进程之间的内容相互隔离。其实早在 2007 年之前，市面上浏览器都是单进程的，而单进程浏览器是指浏览器的所有功能模块都是运行在同一...…
-
浏览器的那些黑科技
Console Importer我们经常使用npm包，但使用的场合一般需要借助加载器才行，但还可以直接在浏览器开发者控制器里使用，只需安装chrome插件Console Importer即可。使用时在控制台直接：$i('npm包名')即可，然后控制台就会自动下载包，然后就可以使用包里的api了。copy()在控制台可以使用全局方法copy()复制任何你想要复制的变量，然后再粘贴到编辑器里即可。。。而且还是json格式化好的参考：juejinChromeSkillUrlwebview进程之间...…
-
关于jekyll
jekyll常用链接 jekyll官网 jekyll使用 liquid语法 toml要革yaml的命 tomljekyll常见问题 在md里面，四个空格和一个tab代表的距离一致，但如果通过jekyll serve编译时将一个tab代表的距离更换为2个空格？安装jekyll开发环境 安装ruby环境 Ruby version 2.2.5 or above, including all development headers (ruby...…
-
微信小游戏
参考：国外开源h5小游戏小游戏，小程序，h5游戏鹅厂canvas渲染引擎cax…
-
经典的函数
经典函数收集数组去重// 原始方法一var arr1 = [ 1, 1, '1', '1' ]function unique1( arr ) { let arrLen = arr.length if ( arrLen <= 1 ) return debugger let resArr = [] for ( let i = 0; i < arrLen; i++ ) { for ( var j = 0, resLen = resArr.length; j < ...…
-
浏览器工作原理
常见的一些问题及相关参考链接好资源链接 一名【合格】前端工程师的自检清单微信分享 SPA/history 模式 ios 与 android 识别 url 的异同vue 相关 vue 源码技术内幕element-ui vue-element-admin数字滚动 滚动插件 countUp.js 滚动插件 npm好的 ui 风格 material materializecssjs 动画 https://www.zcfy.cc/article/11-javascript-ani...…
-
about echarts
EChartsECharts 是百度关于数据可视化的库，对外暴露一些接口，用来控制可视化图表的样式及展示的数据内容等等。相关的库还有HighCharts、阿里 G2、Chart.js等，还有 主打 3d 的three.js。ECharts 基本用法现在的项目多是用 webpack 构建工具，因此直接如下：// # 安装echartsnpm install echarts -S// 引入echarts，当然这是引入echarts的所有模块;如按需引入，需先引入主模块，然后再引入各个组件模...…
-
vue props
prop的大小写 HTML 中的特性名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名：Vue.component('blog-post', { // 在 JavaScript 中是 camelCase 的 props: ['postTitle'], template: '<h3></h3>'}...…
-
vue的那些常见问题
参考：vue技术内幕、vue技术解密Object.assignObject.assign把数组视为属性名为 0 、 1 、 2 的对象，因此目标数组的 0 号属性4覆盖了原数组的 0 号属性1。Object.assign([1, 2, 3], [4, 5])// [4, 5, 3]prop 单向数据流 所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外改变父级组件的状态，从而导致你的应...…
-
About Markdown
md 常用语法md常用语法参考md高阶教程参考md语法在编辑器里可以在setting.json里增加markdownlint.config字段，进而配置对应的规则，还可以在项目肯目录增加.markdownlint.json文件进而配置项目规则。相关文档还可阅读markdownlint插件介绍 VuePress markdown扩展 markdown基础使用 markdownlint规则(官方)md 问题 在编辑里即使tab为两个空格的缩进，生成的网页也是4个空格，如何改？ ...…