![](https://img-blog.csdnimg.cn/5e31b01e28d84d7e8be4b34d3ce20226.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端Vscode
文章平均质量分 54
学习一些前端的知识
慕慕和小绵羊
这个作者很懒,什么都没留下…
展开
-
2023前端面试题总结--回答比较口语化,可能不是特别准确
2023前端面试题原创 2023-07-22 15:13:40 · 561 阅读 · 0 评论 -
element-ui组件库
使用npm方式安装,可以更好的和webpack打包工具配合使用。在pc端基于vue的组件库。原创 2023-07-20 17:19:40 · 294 阅读 · 0 评论 -
vue中的路由
1.路由就是一组key-value的对应关系2.多个路由,需要经过路由器的管理路由是为了实现SPA(single page web application)应用,即单页面应用编程中的路由是为了实现导航区和展示区来来回回的切换1.单页Web应用(single page web application,SPA)2.整个应用只有一个完整的页面3.点击页面中的导航链接不会刷新页面,只会做页面的局部更新4.数据需要通过ajax请求获取。原创 2023-07-20 16:46:19 · 117 阅读 · 0 评论 -
Vuex详解
我们之前学过,兄弟组件之间的通信可以使用全局事件总线来实现,但是当组件数目过多时,采用全局事件总线的办法过于繁琐,因此我们引出了vuex来专门解决共享数据这个问题的。Vue项目中的store下面的index.js,该文件用于创建Vuex中最为核心的store`vuex的开发者工具和vue的开发者工具是同一个,选择第二个按钮可以切换到vuex的开发者工具。绿色虚线区为vuex的重要组成部分:actions,mutations,state。(因为我们现在使用的是vue2,所有与它配套使用的vuex的版本是3)原创 2023-07-20 10:49:43 · 85 阅读 · 0 评论 -
cookies,localStorage和sessionStorage的区别
1.localStorage和sessionStorage统称为webStorage,存储内容大小一般支持5MB左右(不同浏览器可能不太一样)3.WebStorage提供了两种API:localStorage(本地存储)和sessionStorage(会话存储)5.sessionStorage 存储的数据只在当前会话中有效,当页面关闭或浏览器退出后,数据会自动清除。4.localStorage 存储的数据是永久性的,除非手动删除,否则数据不会过期。1.cookie是服务器端发给客户端的文本文件;原创 2023-07-17 13:50:03 · 75 阅读 · 0 评论 -
js中的封装好的动画函数
该方法重复调用一个函数,每隔一段时间就去调用一次回调函数,并且这个定时器一旦开启,永不停歇。window.setInterval(回调函数,间隔的毫秒数);原创 2023-06-06 21:03:03 · 127 阅读 · 0 评论 -
vscode中的vue环境配置
2个版本都要下载,学习的时候使用开发版本,它包含一些报错提示和警告。原创 2023-06-06 14:38:28 · 1246 阅读 · 0 评论 -
元素偏移量offset
offset就是偏移量,我们使用offset系列相关属性可以动态的得到该属性的位置(偏移)、大小等。返回作为该元素带有定位的父级元素,如果父级都没有定位则返回body。需要注意的是,parentNode返回的是最近一级的父亲,不管父亲有没有定位。而offsetParent返回的是带有定位的父亲。返回元素相对带有定位父元素上方的偏移返回元素相对带有定位父元素左边框的偏移返回自身包括padding,边框,内容区的宽度,返回数值不带单位返回自身包括padding,边框,内容区的高度,原创 2023-06-02 15:17:30 · 662 阅读 · 0 评论 -
JavaScript中的tab栏切换制作(排他思想)
tab_list部分只有点击才会有红色背景样式,如果点击了规格与包装,那么商品介绍的样式会被清空。同时,tab_con部分的显示内容跟随tab_list部分的点击发生改变。5.当我们点击tab_list里面的某个li,让tab_con里面的对应序号内容显示,其余隐藏(排他思想)整个页面分为2个部分,tab_list部分(上半部分)和tab_con部分(下半部分)tab_list部分包含5个li,它们分别与tab_con部分的5个div盒子一一对应。3.规律:下面的模块显示内容和上面的选项卡一一对应相匹配。原创 2023-05-22 15:43:10 · 1274 阅读 · 1 评论 -
品优购项目06课后作业--产品详情页,text-align:justify属性无效,
【代码】品优购项目06课后作业--产品详情页,text-align:justify属性无效,原创 2023-05-22 13:31:30 · 453 阅读 · 0 评论 -
品优购项目学习记录05--注册页制作
注意:注册页面比较隐私,为了保护用户信息,我们不需要对当前页面做SEO优化。注册页面:register.html。上半部分HTML部分。原创 2023-05-18 21:19:15 · 122 阅读 · 0 评论 -
品优购项目学习记录04--列表页
以下是一个li盒子的制作。原创 2023-05-18 16:15:07 · 508 阅读 · 0 评论 -
品优购项目学习记录03-家用电器模块搭建,tab栏选项卡原理布局
在实际开发中,我们把网页侧边的导航栏成为电梯导航,网页主体叫做楼层区。按不同的按钮可以去往不同的楼层。注意这个floor,高度不要写死,内容有多少,算多少。原创 2023-05-16 18:49:27 · 61 阅读 · 0 评论 -
品优购项目学习记录02-main主体盒子搭建,推荐模块
品优购项目学习笔记原创 2023-05-15 20:30:05 · 418 阅读 · 0 评论 -
品优购项目学习记录--01公共模块制作
前端项目练习原创 2023-05-11 15:31:47 · 501 阅读 · 2 评论 -
前端实例-小米商城案例
【代码】前端实例-小米商城案例。原创 2023-03-02 14:55:34 · 350 阅读 · 0 评论 -
css案例-产品模块布局-图片比盒子大怎么办?
需要注意的是,在这个案例中,为了统一格式,我们给每个盒子都设置了内外边距,而内边距padding属性的使用有可能导致盒子被撑破。解决方法是,如果我们要设置一个盒子的左右内边距,那么我们就不能够给它设置宽度。原创 2023-02-26 15:57:29 · 740 阅读 · 0 评论 -
css综合案例-五彩导航栏:块元素如何设置长宽
五彩导航栏原创 2023-02-24 14:49:15 · 282 阅读 · 0 评论 -
css案例简洁版小米侧边栏案例
【代码】css案例简洁版小米侧边栏案例。原创 2023-02-23 16:42:40 · 374 阅读 · 0 评论 -
css实例--新闻页面
【代码】css实例--新闻页面。原创 2023-02-19 20:55:30 · 268 阅读 · 0 评论 -
表单实例--注册页面
html表单实例原创 2023-02-19 13:51:24 · 305 阅读 · 0 评论 -
前端表格案例--小说排行榜
前端表格案例原创 2023-02-18 14:51:00 · 124 阅读 · 0 评论 -
盒子模型-css
个人学习笔记HTML文档中的每个元素都被描绘成矩形盒子,这些矩形盒子通过一个模型来描述其占用的空间,这个模型称为盒子模型。盒子模型用四个边界描述:margin(外边距),border(边框),padding(内边距),context(内容区域)。内容所占高度由height属性决定,内容所占宽度由width决定。元素的外边距指盒子模型的边框与其他盒子之间的距离,使用margin属性定义。也可以使用margin-top,margin-right,margin-bottom和margin-left四个属性对上原创 2022-12-05 15:54:51 · 260 阅读 · 0 评论 -
CSS3背景渐变效果实现
学习记录原创 2022-11-16 14:23:50 · 425 阅读 · 0 评论 -
CSS选择器总结
css选择器原创 2022-11-15 19:59:06 · 121 阅读 · 0 评论