- 博客(53)
- 收藏
- 关注
RSS订阅
原创 CSS | 视觉格式化模型(Visual formatting model)
文章目录视觉格式化模型的简介1.显示类型2.盒模型尺寸3.定位方式视觉格式化模型的简介 在可视化格式模型(Visual formatting model)即可视化媒体处理DOM树的方式。 DOM树由若干盒子组成，这些盒子的布局受如下几点因素控制显示类型（display：block,inline,inline-block,flex,etc.）盒模型尺寸（width,height,padd...
2019-01-23 14:34:50
580
原创 Vue | 显示切换（v-if与v-show,display,visibility与opacity）
在Vue中，实现显示切换，有以下几种手段：1. 使用v-if指令2. 使用v-show指令3. 动态绑定display4. 动态绑定visibility5. 动态绑定opacity
2019-01-16 15:04:11
36844
5
原创 Vue | vue cli入口文件解析（main.js,app.vue,index.html webpack）
在vue cli项目中，main.js是入口文件，定义了vue实例，并引入了整个项目的根组件app.vue，并将其挂载到index.html中id为‘app’的节点上。
2019-01-15 18:16:00
22152
5
原创 electron | electron-packager打包问题汇总
electron-packager打包问题汇总:operation not permitted,下载慢，ECONNRESET
2019-09-16 20:00:27
20765
29
原创 CSS3 | 实现剩余高度占用
文章目录前言案例解析前言在前端布局中，常有使某一部分占用容器剩余高度的布局需求。我们可以使用calc+百分比布局+border-box解决问题，但此方法不仅繁琐，且无法应对已知部分宽度不定的情况。当仅考虑IE10以上浏览器时，我们可以选择flex布局即弹性盒子。案例 <div class="container"> <div class="heade...
2019-08-20 23:13:56
8075
2
原创 架构 | 前后端分离与前端工程化
文章目录前言前后端分离核心对开发行为和职责的直接影响前端工程化本地代理与ngix反向代理node是什么，有什么特点，与前后端分离，前端工程化的关系node,npm，package.json与webpackvue,vue-cli,webpackES6,node和vue结语前言本文将用最言简意赅的语言阐述前后端分离与前端工程化，并解答一些认知误区。前后端分离和前端工程化经历过一个漫长甚至畸形的...
2019-08-15 00:15:58
1466
原创 ES6+ |ES6的数据去重
文章目录场景实现效率对比说明场景数组去重是一个极为常见的小需求场景。数组去重的方法有很多，但是最为简单也是性能最好的是使用ES6引入的SET数据结构与扩展运算符，但当所处需求场景不支持使用set时，可以使用对象属性名唯一的性质进行去重，这是时间复杂度第二低的方法。实现使用set实现，极为简单明了。使用对象属性名唯一，也并不复杂，参考代码如下：let arr = new Array(100...
2019-07-29 10:27:53
585
原创 VSC | 右键菜单打开VScode
文章目录场景解决场景安装VSC的时候忘了自定义安装，勾选右键选项，每次都要在VSCODE中找到对应文件夹进行打开很繁琐。解决通过注册表添加VSC的选项。你只需要把对应路径修改为你本地的路径即可。参考注册表配置：Windows Registry Editor Version 5.00 ; Open files [HKEY_CLASSES_ROOT\*\shell\Open wit...
2019-07-28 17:59:40
1812
原创 legacy | 非数据驱动场景下的数据实时获取
文章目录场景坑点解决补充数据驱动场景Blockly是在前端现代化革命之前诞生的拼图化编程库。其中，它的下拉菜单支持实时获取，即向构造函数中传入dynamicOptions函数，每次点击下拉菜单，都会触发dynamicOptions。示例如下：function dynamicOptions() { var options = []; var now = Date.now(); f...
2019-06-28 10:36:45
214
原创 VSC | eslint自动修复vue文件设置
文章目录情景修改情景因为eslint和vetur等美化工具存在一定冲动，在偷懒不去一一抹平冲突项的情况下，可以先格式化代码，然后通过eslint的autofix来去除报错。但像vue这样的特殊文件，需要添加指定的eslint配置，才能autofix。修改修改如下，打开用户/工作区配置，添加如下配置： "eslint.autoFixOnSave": true, // 开启eslint ...
2019-06-24 15:25:57
2850
原创 ES6+ | promise.race特性与实用场景
文章目录前言特性实用场景前言本文将简单介绍promise.race的特性和简单的实用场景。（在网上看到过，使用promise.race请求有最大请求上线的接口，但这块个人没有相关实践，期待各位大佬补充）本文依然使用setTimeout代表异步操作,涉及的异步操作如下function httpAction(){ let p =new Promise(function(resolve,...
2019-05-31 10:40:12
3099
原创 ES6+| promise.all特性与实用场景
文章目录前言返回顺序与完成时间rejected情况处理实际场景与改良前言Promise.all常用于处理多个并行的异步操作。Promise.all可接受一个可迭代对象，一般为Promise组成的数组，并在所有Promise都完成或遇到第一个rejected后返回结果。本文将通过实验，验证Promise.all的几个特性与实用场景下的优化本文依旧以setTimeout代表异步操作，实验涉及...
2019-05-31 10:29:48
1719
原创 ES6+ | promise正确的链式表达
文章目录前言错误的回调写法链式写法仓库前言使用promise进行异步操作的同步表达，可以解决过往使用回调函数导致的回调地狱。但是在实际场景下，有时候由于开发人员理解不深入，会错误地把promise写成回调的模样。本文以setTimeout代表异步操作，本质模拟的是多步连续调用HTTP服务的实际场景。let counter = 1;function asyncAction() { l...
2019-05-29 10:43:55
568
原创 深度学习 | TextCNN论文与学习历程
说明因为时间所限，在有限的时间内，会把绝大多数精力放在前端方向上。所以，至少在一个季度内，都不太有闲暇细细去从头到尾地讲深度学习的东西了。所以，索性就把我在完成毕业设计前前后后积累的实验，笔记，以及最终的论文分享出来，以供有需要的人进行学习参考。其中内容主要包括环境搭建，感知机，多层感知机，Dense，激活函数，损失函数,卷积神经网络，TextCNN，词嵌入，优化器，数据预处理等内容。实验...
2019-05-28 21:50:32
1070
原创 Node | NVM的坑点总结（路径/下载慢）
NVM的坑点总结前言exit status 1node/npm下载慢或不成功前言Node更新日新月异，为了兼容去年的项目，所以需要使用Node 8.x。为了防止未来还有类似的需求，所以准备使用NVM进行Node版本管理一劳永逸本文将总结使用NVM遇到的坑点。exit status 1NVM 的安装路径里不能有空格和中文字符，否则在使用 nvm use进行版本切换的时候，会报错exit s...
2019-05-28 15:30:26
5942
原创 git | reset&revert
文章目录前言实验resetrevertrevert revert实验结果实验仓库前言因为一次同事的误操作，导致不得不回滚版本。之前没有处理回滚的经验，但又想亲自尝试一下，就在没有请示大佬的情况下，亲自上阵了。本文是对回滚版本的简单总结，后续有空会补上详细版本。有关回滚版本的操作指令有reset与revert，本文将通过实验简单总结reset与revert的区别。实验resetreset...
2019-05-24 18:10:15
180
原创 话|五月博客计划
从四月中旬开始，一系列事情接踵而至，先是被调去做ng，又被调去顶一个离职同事做vue 移动端一个项目的联调，然后今年论文期限又提前了，所以，四月下旬至今一直在赶论文。最近积累了一系列内容还没有机会正式纪录。五月的计划是：完善CSS2 VFM的文章，这个拖了非常久了。有些文章以为自己写好了，比如BFC的那一篇。前几天，刚想把这篇文章发给一个因引入拖拽插件而受高度塌陷困扰的同事，结果自己一看，...
2019-04-29 09:45:21
134
原创 git | 关联本地仓库到远端
文章目录前言过程后记前言相较于clone远端仓库到本地，将本地已有仓库关联到远端存在一些可能的麻烦。本文将讲解如何将本地已有仓库关联到远端。本文使用sourcetree做演示，但过程具有一般参考性过程在已有项目的文件夹下建立仓库拉取远端代码，保持同步 （如果你先推送代码，再拉取远端，可能会出现commit不一致的问题。）提交本地代码到远端后记未来若遇到更加复杂的情况，本...
2019-04-10 19:44:05
881
原创 TS | typescript与JavaScript的异同
文章目录前言typescript 特点javascript 进化typescript 局限与解决前言随着前段工程化的深入，引入强类型和更多面向对象方法的typescript逐渐被更多开发者运用。本文将介绍从以下三点介绍typescript与javascript的异同：ts相较js的特点js借鉴ts的进化ts作为js超集的局限与相应解决方法。typescript 特点相较于js(...
2019-04-03 17:19:21
3971
原创 VSC | vscode 常用快捷键
文章目录查找&替换窗口操作代码格式化保存不定时更新...查找&替换查找文件名 ctrl + p文件内查找代码 ctrl+f文件夹下查找代码 ctrl+shift+f文件内替换代码 ctrl+p文件夹下替换代码 ctrl+shift+p窗口操作切换标签页 ctrl+tab新建窗口 ctrl+shift+n代码格式化ctrl+shift+f 默认格式化...
2019-04-02 17:36:42
2632
原创 ES6+ | let/const 全局变量
文章目录历史回顾let/const历史回顾在ES6之前，我们使用var声明全局变量或隐式声明全局变量，则这些全局变量会自动成为全局对象（浏览器中，为window）的属性。let/const在ES6中，let/const声明的变量遵循块级作用域规则。而let/const声明的全局变量也与传统声明的全局变量有所区别。let/const声明的全局变量会保存在script的作用域内，也不会成为全...
2019-03-21 11:31:23
1661
原创 git | 关联本地仓库到远端
本文将解释Error in render: "TypeError: Cannot read property 'matched' of undefined"的原因及解决方法
2019-03-20 15:39:34
12227
7
原创 ES6+ | 对象属性与方法简写
文章目录对象字面量简写属性简写方法简写注意应用坑点对象字面量在JavaScript中，对象字面量是创建对象是一种简洁方式，形式如下：let a = 3let obj = { a: a, b: 'b', func: function () { console.log(this.a,this.b) }}在ES6之前，对象字面量的属性与方法必...
2019-03-20 14:52:12
5138
原创 ES6+ | let的命名出处
文章目录引言let的由来附引言let 是 ES6引入的变量声明方式，由let声明的变量遵循“块级作用域”。为什么要将这种声明方式命名为let呢？var 对应 variable，const 对应 constant，let对应什么呢？let的由来根据查证，了解到，let是英文公式化推理证明的一种声明习惯，表示当前声明的变量仅在当前逻辑域中有效，类似于中文数学中的“当”/“设”，尽在当前问题中...
2019-03-14 14:38:41
1016
原创 HTML5 | websocket
前言这是一篇关于websocket的随笔，未来会整合成更严谨的文章什么是websocketWebSocket是一种在单个TCP连接上进行全双工通信的协议,它在实现过程中依赖http，但它是一种全新的协议，而不是某种html协议的变形或别称。在HTML5中，websocket在浏览器端被引入。在Node端，我们使用ws库建立websocket。注意两者在api上的区别。websocket ...
2019-03-13 11:44:30
133
原创 网络 | 浏览器跨域允许
前言这里不再赘述同源策略和常规跨域处理。今天讲的是一个工作经验，在没法做正常跨域处理时，直接允许浏览器跨域。方法使用chrome浏览器，为浏览器添加启动属性—— --disable-web-security --user-data-dir=X:\XXX（此处填写存放用户数据的磁盘地址，C:\MyDevDataDir）。然后点击浏览器，即开启跨域允许模式。...
2019-03-08 15:51:15
587
原创 深度学习 | 开篇
本想着一天拧出几份时间，把几件事情齐头并进的完成，但最后因为精力和执行力问题，并没能做得如此高效，还因为压力过大而导致身体有些不健康。 在基本结束对CSS 2.2 vfm的知识扫荡以后，转眼就开春了，一晃眼，留给毕业设计的时间从十分充裕变成了十分紧张。未来一段时间的重心将从前端移动到毕业设计上。 我的毕业设计是使用CNN完成文本情感分析，很泛泛，很入门的课题。但因为我此前对深度学习毫无涉猎，...
2019-02-25 15:07:14
258
原创 CSS | 盒模型的高度计算规则
文章目录height 属性计算height与margin的规则行内非替换元素常规流中的行内替换元素，块级替换元素，替换的inline-block元素和浮动替换元素overflow为visible的常规流中的块级非替换元素绝对定位的非替换元素绝对定位的替换元素复杂情况height 属性在标准盒模型中，height指定了盒的内容高度（content height)属性取值可选...
2019-02-21 16:09:49
1611
原创 CSS | 盒模型的宽度计算规则
文章目录前言width 属性width与margin的计算规则计算值与应用值行内非替换元素行内替换元素常规流中的替换inline-block常规流中的块级非替换元素特殊情况常规流中的块级替换元素浮动的非替换元素常规流中的非替换inline-block浮动的替换元素前言以下内容默认以标准盒模型即content-box为标准。width 属性width 属性：在标准盒模型中，width指定了...
2019-02-19 17:20:20
5191
原创 CSS | margin与padding 百分比
在CSS 盒模型中，依据CSS2.2文档，margin与padding的百分比指定值时，一律参考包含盒的宽度。示例： .father{ height: 100px; width: 200px; border: solid; } .son{ margin...
2019-02-18 14:41:05
287
原创 CSS | 堆叠上下文与z-index
文章目录堆叠上下文与堆叠层级基本定义堆叠层级 z-index堆叠上下文生成上下文与层级的性质堆叠优先级规则堆叠上下文与堆叠层级基本定义堆叠上下文是HTML元素的三维概念，HTML元素在沿垂直于窗口的z轴延伸，HTML元素依据其自身属性按照优先级顺序占用层叠上下文的空间。每个盒都属于一个堆叠上下文。在所属堆叠上下文中，每个定位元素都拥有堆叠层级。堆叠层级决定了元素在z轴上的位置，一般地，堆...
2019-02-15 10:59:54
373
2
原创 CSS | 相对定位下，盒偏移量的计算规则
文章目录left&amp;amp;righttop&amp;amp;bottom相对定位与绝对定位的元素，都是根据盒偏移量（left,right,top,bottom）进行偏移的。盒偏移量的计算规则如下：left&amp;amp;right'left’和’right’水平移动定位元素，不会改变其大小。'left’代表盒相对左方向的偏移量，'right’代表盒相对右方向的偏移量，满足等式 left = -rig...
2019-02-14 11:04:38
1981
原创 CSS | 包含块
“包含块”的定义盒的位置和大小有时是根据一个特定矩形计算的，叫做该元素的包含块（containing block）。元素包含块的定义如下：根元素所在的包含块是一个被称为初始包含块（initial containing block）的矩形。对于其它元素，如果该元素的position是’relative’或者’static’，包含块由其最近的块容器祖先盒的内容边界形成如果元素具有’...
2019-02-13 17:26:43
360
原创 CSS | line-height 与 vertical-align详解
本文将依据W3C官方文档，对IFC下的line-height与vertical-align属性进行详尽的解析。
2019-02-13 16:53:00
450
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人