qq_38783257的博客

文章目录前言vue ui前端代码分层api层assets层component层config层router层store层utils层view层前言最近在看前端工程化的内容，在思考如何快速从0开始搭建一个前端项目以及前端项目如何进行代码分层。有一些收获，随手记一下。最近也在写一些demo工程，欢迎大佬来star一下：基于vue ui研发的飞雪测试平台前端源码：https://github.com/tdx1997tdx/my_tapd_frontendvue ui偶然间发现了vue ui工具，是真的香。

文章目录数据与内容的绑定插值表达式v-once属性v-html属性v-pre属性v-cloak属性绑定函数返回值计算属性简介计算属性缓存数据与属性的绑定v-bind控件与事件的绑定v-on控件数据的双向绑定v-model数据与内容的绑定插值表达式插值表达式数据与视图双向绑定，视图会随数据的变化而变化，4种插值表达式如下：<p>{{ msg }}</p><p>{{ msg.length }}</p><p>{{msg + '拼接的字符串'}

文章目录webpack作用前端模块化作用域模块化优点webpcak打包过程npm与包管理器npm install的过程webpack核心特性创建一个初级工程css文件引入webpack作用将所有前端资源进行整合实现翻译功能，比如浏览器不识别typescript，webpack就实现了翻译可插拔的插件前端模块化将特定功能的代码封装成模块，比如请求模块，功能模块等等作用域全局作用域，挂载在浏览器的全局变量函数等运行时-变量，函数，对象的可访问性作用域决定代码中变量和其他资源的可见性模

文章目录原型与原型链闭包闭包概念闭包条件闭包作用js的单线程模型为什么js引擎需要单线程js代码分类js代码执行流程事件循环模型异步原型与原型链每一个构造函数都有一个属性叫做原型。这个属性非常有用：为一个特定类声明通用的变量或者函数。例子：function Fish(name, color){ this.name=name; this.color=color;}Fish.p...

文章目录DOM简介节点简介节点属性节点的获取获取元素子节点获取元素兄弟节点使用css选择器定位节点节点的操作获取节点文本获取节点属性节点的增删改创建节点增加节点修改节点删除节点DOM修改css样式修改内联样式获取元素样式事件对象DOM简介DOM(Document Object Model)，全名文档对象模型，通过DOM对html文档进行操作。每个html的标签就是一个对象，通过操控对象来改...

文章目录js的三大引入方式链接式嵌入式行内式js与用户的交互方式弹窗控制台页面js代码的执行过程js的基本语法变量常量数据类型简单数据类型NumberBooleanStringundefinedNull引用数据类型(Object)数据类型的转换转字符串转数字parseInt()/parseFloat()转boolean数组函数函数的声明arguements匿名函数面向对象js对象的分类创建对象的方...

文章目录css简介css引入方式行内式(控制整个html页面)嵌入式(控制一个标签)链接式(控制所有界面)选择器基础选择器标签选择器类选择器id选择器通配符选择器复合选择器后代选择器子选择器并集选择器伪类选择器样式设置字体设置颜色文本对齐装饰文本文本缩进行间距css简介html用于界面布局，css用于美化界面。css最大的价值是结构与样式相分离。选择器{样式}css引入方式行内样式表(...

文章目录浮动浮动的必要性浮动概念浮动的特性清除浮动额外标签法给父亲添加overflowafter伪元素双伪元素浮动网页布局的3种方式：标准流浮动定位浮动的必要性如何让块级div水平排列成一行？虽然可以将div转化成行内块元素，但是块与块之间会留下空隙，很难控制。如何实现盒子的左右对齐？使用标准流是很难完成的。总结：多个块级元素纵向排列找标准流，多个块级元素横向排列...

文章目录网页布局本质css盒子模型盒子组成边框内边距外边距嵌套块元素垂直外边距的塌陷清除内外边距代码圆角边框盒子阴影网页布局本质网页布局就是由一个又一个的盒子组成的，盒子包括标准流，浮动和定位。下面有个口诀：列找标准流行找浮动飘动找定位css盒子模型网页布局的核心就是盒子。盒子组成边框是由粗细，样式，颜色组成。border:border-width | border-st...

文章目录css元素显示模式块元素行内元素行内块元素元素显示模式的转换css元素显示模式就是元素以什么方式显示，比如div可以自己放一行，可以放多个span，一般分为块元素与行内元素。块元素块元素的特点：独占一行。高度，宽度，外边距和内边距都可以控制。宽度默认是容器的100%是一个容器以及盒子，里面可以放行内或者块级元素。常见的块元素有h1-h6，p，div，ul，ol，li...

文章目录样式文本类样式设置字体设置颜色文本对齐水平垂直居中装饰文本文本缩进行间距背景类背景颜色背景图片背景平铺背景位置背景附着背景半透明混合写法精灵图垂直水平居中鼠标类样式使用选择器定位好了标签后，就需要修改样式。文本类样式设置字体font-family：设置字体font-size：设置字号大小，font-size:18pxfont-weight：设置字体粗细，font-weigh...

文章目录选择器基础选择器标签选择器类选择器id选择器通配符选择器属性选择器复合选择器后代选择器子选择器并集选择器伪类选择器链接伪类选择器focus伪类选择器选择器在网页中需要选择相应的标签进行样式的修改，就需要对标签进行定位，而选择器就是为了定位标签元素而生的。基础选择器基础选择器是最简单的选择器。标签选择器使用html名称作为选择器，按照标签名称分类，为页面中某一类标签统一css样式...

文章目录css简介css引入方式行内式(控制整个html页面)嵌入式(控制一个标签)链接式(控制所有界面)css三大特性层叠性继承性优先级css简介html用于界面布局，css用于美化界面。css最大的价值是结构与样式相分离。选择器{样式}css引入方式行内样式表(行内式)内部样式表(嵌入式)外部样式表(链接式)行内式(控制整个html页面)将css写到html内部，将css...

文章目录vscode开发插件html骨架!DOCTYPE：lang特殊字符html常用标签标题标签段落和换行标签文本格式化标签盒子标签图像标签src相对路径src绝对路径超链接标签内部链接空链接下载文件链接锚点链接表格标签表格属性合并单元格列表标签无序列表有序列表自定义列表表单标签表单控件input表单元素label标签select下拉表单元素textarea文本域元素vscode开发插件o...