web前端
爱凑热闹828
这个作者很懒,什么都没留下…
展开
-
vue的常见指令
v-if :根据表达式的值的truthiness 来有条件地渲染元素。v-pre : 跳过这个元素和它的子元素的编译过程。v-show : 根据表达式之真假值 来切换元素的 display CSS property. 当条件变化是该指令触发过渡效果。v-else: 前提条件必须有 v-if 或 v-else-if v-if为false执行。v-else-if :前提条件必须有 v-if 或 v-else-if 多有条件使用。v-html : 更新元素的 innerHTML (可解析标签)原创 2023-01-04 15:08:19 · 358 阅读 · 0 评论 -
数组转对象 对象转数组
index.vue文件中我们可以看到应用了三个模板组件。分别是头部,侧边栏和main主体部分。。2.就是首页使用的组件。原创 2022-12-21 22:32:58 · 114 阅读 · 0 评论 -
HTTP常见状态码
100:客户端在发送 POST 数据给服务器前,征询服务器情况,看服务器是否处理 POST 的数据,如果不处理,客户端则不上传 POST 数据,如果处理,则 POST 上传数据。301:永久重定向会缓存。307 (临时重定向): 服务器目前从不同位置的网页响应请求,但请求者应继续使用原有位置来进行以后的请求。302(临时移动): 服务器目前从不同位置的网页响应请求,但请求者应继续使用原有位置来进行以后的请求。304:协商缓存,告诉客户端有缓存,直接使用缓存中的数据,返回页面的只有头部信息,是没有内容部分。原创 2022-11-13 10:23:16 · 64 阅读 · 0 评论 -
js数组的解构,对象的解构, forEach,filter, reduce函数,构造函数 ,Object
new的过程叫 实例化, 所以p1也可以叫 实例化的对象。构造函数 用于批量创建解构类似的对象。构造函数上面的属性叫 静态成员。对象上面的属性叫 实例成员。new的底层原理(简)原创 2022-11-08 21:21:36 · 237 阅读 · 0 评论 -
作用域、垃圾回收机制,闭包
占用的内存没有被及时释放,内存泄漏积累多了就导致内存溢出。内存泄漏一般是指变量的内存没有及时的回收,导致内存资源浪费。一般有四种情况出现内存泄露比较多。1. 常见的声明了一个全局变量,但是又没有用上,那么就有点浪费内存了。2. 定时器没清除3. 循环引用:A 对象里面有一个属性指向 B 对象,B 对象有一个属性指向 A 对象。互相引用4. 闭包:匿名函数可以访问父级作用域的变量。那在使用完之后,也要及时释放掉。原创 2022-11-08 20:58:03 · 164 阅读 · 0 评论 -
回调函数,json方法,exec方法,replace
【代码】回调函数,json方法,exec方法,replace。原创 2022-11-03 20:55:08 · 128 阅读 · 0 评论 -
浏览器的回流与重绘,延时函数,回调函数,本地存储localStorage,存储复杂类型,JSON
进行布局 Layout(回流/重排):根据生成的渲染树,得到节点的几何信息(位置,大小)进行绘制 Painting(重绘): 根据计算和获取的信息进行整个页面的绘制。同时解析(Parser) CSS,生成样式规则 (Style Rules)解析(Parser)HTML,生成DOM树(DOM Tree)根据DOM树和样式规则,生成渲染树(Render Tree)display: 展示在页面上。原创 2022-11-03 20:46:25 · 456 阅读 · 0 评论 -
Web APIs,日期对象,节点,map方法,join方法
语法:document.createElement('标签名') 掌握。- 语法:父对象.appendChild(需要追加的节点) 掌握。- 作用:将 节点 追加到 某个父元素 内部的最后面。父对象.removeChild(要删除的子对象)子对象.remove() √。原创 2022-10-29 21:32:12 · 50 阅读 · 0 评论 -
Web APIs,DOM,事件类型,事件处理程序,事件类型,鼠标事件,键盘事件,焦点事件,环境对象,回调函数
学会通过为DOM注册事件来实现可交互的网页特效。能够判断函数运行的环境并确字 this 所指代的对象理解事件的作用,知道应用事件的 3 个步骤。原创 2022-10-24 22:28:57 · 59 阅读 · 0 评论 -
webapis事件的使用,事件监听方法,间歇函数,按钮全选案例,焦点事件,搜索框 下拉框案例
【代码】webapis事件的使用,事件监听方法,间歇函数,按钮全选案例,焦点事件,搜索框 下拉框案例。原创 2022-10-24 22:25:37 · 146 阅读 · 0 评论 -
webapis灯泡案例 onmouseover鼠标移入onmouseout鼠标移除
【代码】webapis灯泡案例。onmouseover鼠标移入onmouseout鼠标移除原创 2022-10-24 22:00:33 · 109 阅读 · 0 评论 -
Web APIs,BOM树,声明dom对象,年会抽奖案例,随机图片,表单,用户注册倒计时,innerHTNL,classList的使用
严格意义上讲,我们在 JavaScript 阶段学习的知识绝大部分属于 ECMAScript 的知识体系,ECMAScript 简称 ES 它提供了一套语言标准规范,如变量、数据类型、表达式、语句、函数等语法规则都是由 ECMAScript 规定的。浏览器将 ECMAScript 大部分的规范加以实现,并且在此基础上又扩展一些实用的功能,这些被扩展出来的内容我们称为 Web APIs。原创 2022-10-24 21:52:54 · 117 阅读 · 0 评论 -
对象的使用
对象是 JavaScript 数据类型的一种,之前已经学习了数值类型、字符串类型、布尔类型、undefined。对象数据类型可以被理解成是一种数据集合。它由属性和方法两部分构成。原创 2022-10-20 21:36:26 · 186 阅读 · 0 评论 -
函数的声明和调用
声明(定义)一个完整函数包括关键字、函数名、形式参数、函数体、返回值5个部分调用声明(定义)的函数必须调用才会真正被执行,使用。原创 2022-10-18 21:34:30 · 1943 阅读 · 0 评论 -
循环与数组
共同点都能实现多分支选择, 多选1大部分情况下可以互换区别:switch…case语句通常处理case为比较的情况,而if…else…语句更加灵活,通常用于(大于,等于某个范围)。当分支比较少时,if…else语句执行效率高。当分支比较多时,switch语句执行效率高,而且结构更清晰。原创 2022-10-17 21:17:01 · 93 阅读 · 0 评论 -
显示转换,隐式转换,if语句,while和for循环
数字类型转数字类型String(数据)转换为字符串转布尔类型Boolean(数据)' ',0,undefined,null,false,NaN这几个值转布尔类型为false,其他的值转布尔全部为true隐式转换 由浏览器进行转换。原创 2022-10-16 14:11:39 · 113 阅读 · 0 评论 -
js基础入门
js数据类型,let和var的区别原创 2022-10-14 21:40:31 · 38 阅读 · 0 评论 -
vm媒体适配
响应式原理:就是通过媒体查询检测屏幕宽度,让子盒子的宽度发生变化,改变子盒子排列方式原创 2022-10-11 19:53:23 · 181 阅读 · 0 评论 -
less与移动媒体适配
less: less让我们的css具有了计算能力原创 2022-10-10 20:48:39 · 114 阅读 · 0 评论 -
移动端,弹性布局常见错误
移动端一般用的是二倍图1:2的比例 会让图片很清晰原创 2022-10-07 20:23:32 · 136 阅读 · 0 评论 -
2d位移的常见问题
用伪元素给盒子加渐变色显示和隐藏,渐变盒子看不到,要注意盒子的层级问题。原创 2022-10-06 10:50:22 · 75 阅读 · 0 评论 -
空间转换与动画
实现逐帧动画,一般配合精灵图使用,将动画过程等分成n份原创 2022-10-05 22:00:53 · 100 阅读 · 0 评论 -
字体图标的引入方式
字体图标是前端工程师必须具备的知识点。原创 2022-10-04 22:17:58 · 263 阅读 · 0 评论