前端
Seven、琪
能够收获的只有炮火
展开
-
Vue项目配置文件整理
Vue项目常见配置文件解析原创 2022-11-28 14:39:13 · 2891 阅读 · 1 评论 -
JavaScript
一、各司其职1.html/css/js各司其职2.避免不必要的js直接操作样式3.用class来表示状态4.纯展示类交互寻求零js二、组件封装以轮播图为例,封装成class,调用自定义API,实现组件化对操作封装成插件对节点的创建也封装成插件这种思想可以用于设计自己的框架三、编程范式过程抽象,高阶函数:纯函数,幂等...原创 2021-08-15 19:00:57 · 149 阅读 · 0 评论 -
CSS基础
一、CSS是啥层叠样式表可用font直接内联(不建议)也可用style内联style=“…”/< style >…< /style >link href二、基础规则1.选择器元素选择器(标签/类型选择器)ID选择器:ID必须唯一类选择器:更灵活属性选择器伪类选择器2.层叠与继承层叠:后面覆盖前面、选择器有优先级继承:三、CSS怎么学课程+练习w3+菜鸟mdn+css-tricks四、常用规则1.盒子模型块盒子:撑开一行内联盒子:可设内外边距原创 2021-08-15 15:04:59 · 88 阅读 · 0 评论 -
HTML基础
一、HTML历史用于统一信息在互联网传输的规则二、HTML标签1.headmetacharset:字符编码(utf-8)name:(keywords,description)content:(width)http-equiv:(expires)linkhref:(链接/样式表)stylecss样式script会阻塞页面渲染两个关键词defer:并行下载,渲染完最后执行async:并行下载,下载完成后立即执行2.body内联元素块级元素行内块级元素:img input原创 2021-08-15 10:58:34 · 90 阅读 · 0 评论 -
JS中的加法--[] + {}和{} + []
在js中,加法运算的规则很简单,只会触发两种情况:number + numberstring + string[] + {} 中,[]会通过隐式转换规则,调用toString方法转换为 “” ,同理{}转换为[object Object],相加得出字符串拼接结果 [object Object]{} + []中,js解释器会将开头的 {} 看作一个代码块,而不是一个js对象,于是真正参与运算的是+[],就是将[]转换为number,拼接结果 0...原创 2021-05-31 11:35:41 · 214 阅读 · 0 评论 -
JS中的this对象
在JS中调用函数的模式可以分为4种: 方法调用模式、函数调用模式、构造器调用模式、apply调用模式。一、方法调用模式如下:var obj = { name: "123", sayName: function() { console.log(this.name); }};obj.sayName(); //123函数作为对象的一个属性,调用时this指向这个对象。二、函数调用模式如下:function sayName() { con原创 2021-05-31 11:00:34 · 119 阅读 · 0 评论