前端学习
js的基础能力
妙团团
人生只有一次,就该全力以赴。
展开
-
javaScript的序列化与反序列化
总的来说,javaScript对的序列化过程是对象的解析,以字符串形式存储对象结构。反序列化是解析字符串,还原成对象。理解这个过程,有助于我们解决复杂问题。原创 2024-02-02 01:31:32 · 1863 阅读 · 0 评论 -
render函数的基本实现
tag和children是必要属性,tag表示标签名,children表示该标签的子属性。通过两年半的学习发现是需要创建dom的,然后将创建的dom挂在根dom上就完成渲染了。在学习vue入门时3,一直有一个疑惑如何把虚拟dom转换成真实dom的。现在猜想,假设虚拟dom长这样,表示要渲染的内容。使用时将需要渲染的对象和根dom传进去就能完成渲染。原创 2024-01-28 15:01:58 · 404 阅读 · 0 评论 -
微信小程序吸顶布局
css3的 position属性有一个 sticky值。粘布局,相对于父元素布局。设置的top值只在粘性布局生效的时候生效。官方有个sticky插件,装依赖后,发现引用组件报错,相对当路径也不可以。小程序对css3的支持是比较全面的可以放心使用。原创 2022-12-30 10:43:05 · 959 阅读 · 1 评论 -
选项卡进阶
选项卡进阶前言一、思路分析前言上篇说到:如何实现选项卡。那么实现选项卡的目的是为了在展示更多内容·的同时,减少翻页成本。大部分文档都是以选项卡形式呈现,它就像一本书我们可以看到它的目录。常见的二级列表三级列表是它复杂的延伸。如何将其封装成一个功能,通过数据渲染就可以实现昵,那么今天就来实现。一、思路分析1,我需要的是一个类似字典结构的文档展示页面2,它不需要数据回流只做展示3,我只需要将数据模型放进去就可以自动生成页面4,我需要实现一个两级的选项页,顶部是专栏,左侧是细分,中间是内容.原创 2021-09-25 15:57:57 · 125 阅读 · 0 评论 -
css单行文本超出盒子宽度限制长度
css单行文本超出盒子宽度限制长度主要使用了超出部分隐藏和最大宽度属性.app .app-text{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100px; height: 20px; font-size:20px; }<div class="app"> <span class="app-t原创 2021-09-12 16:37:16 · 273 阅读 · 0 评论 -
下载vue脚手架
npm install vue-cli -g原创 2021-06-11 19:42:03 · 241 阅读 · 4 评论 -
让一个元素居中显示
让一个元素居中显示,分为两种情况,一种是知道父元素以及自身大小,另外一种是都不知道大小;知道元素尺寸 好办,让偏移量等于 父元素大小减去子元素大小除以2,具体为.show_4{ position: absolute; top:calc((200px - 100px) / 2); left:calc((200px - 100px) /2); }calc css3的运算函数,可执行四则运算,用空格将运算符和变量隔开;不知道元素尺寸 一般这种时候使用百分比运用到css原创 2021-06-02 12:18:08 · 176 阅读 · 0 评论 -
js原生实现放大镜
放大镜的特点1,放大镜是一个可拖动div,2,只能在父元素中拖动,不能越界;3,显示器根据放大镜的移动显示相应区域的内容,实现的思路1,脱离文档流的元素才能拖动,子元素要相对父元素设置绝对定位;2,显示器里面其实已经有一张图片了,这张图片和和需要查看的图片一模一样,不过设置的大小不同,这里设置的比例是6.25倍;放大镜的大小对应显示器的大小,放大镜里的内容和显示器里的内容是一样;等比放大;3,当移动放大镜的时候,重新设置显示器里面图片的位置,方向是负的,代码 <style>原创 2021-05-28 22:18:33 · 162 阅读 · 0 评论 -
前端面试题三
文章目录1.说一下对cookie和Storage(localStorage和sessionStorage) 的认识和区别?2.用什么会导致内存泄漏?1.说一下对cookie和Storage(localStorage和sessionStorage) 的认识和区别?1、cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递,而sessionStorage和localStorage不会自动把数据发送给服务器,仅在本地保存。cookie数据还有路径(path)的概原创 2021-04-27 20:54:53 · 171 阅读 · 0 评论 -
node和java的区别。
node和java的区别作者:极客时间链接:https://www.zhihu.com/question/271592393/answer/674241478来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。Java 获胜之处:坚如磐石的基础看到这个小标题,可能有些开发者会有质疑。当然,我们不否认 Java 还存在一些小 Bug,但是相对而言,Java 已经算是很“坚固”的了,Node.js 想要让我拥有这样的信心,还需要许多年。事实上,要写出与 Sun/Oracle转载 2021-04-19 10:19:07 · 1575 阅读 · 0 评论 -
实现简易网易云音乐播放器
实现简易网易云音乐播放器文章目录实现简易网易云音乐播放器前言该功能实现了单机版,可以在浏览器上运行,满足了音乐播放器应有核心功能一、需要材料二、html部分三、css部分四、js代码前言该功能实现了单机版,可以在浏览器上运行,满足了音乐播放器应有核心功能一、需要材料HBuilder编辑器jQuery库图标素材,音乐素材二、html部分<!DOCTYPE html><html> <head> <meta charset="utf原创 2021-04-08 19:28:56 · 2032 阅读 · 3 评论