- 博客(10)
- 收藏
- 关注
RSS订阅原创 极简的JS代码片段
/将rgb颜色灰度化（基于光感加权平均）//获取某个日期位于当年的第几天。//去掉字符串中的元素标记。//解析url中的参数。//复制文本到剪切板。
2024-06-13 15:17:45
291
原创 前端系列-Css3方面
父级div使用overflow:hidden、overflow:auto、float:left、clear:both、父级div使用position:relative属性，子级div使用position:absolute属性。不同点：display是元素隐藏，隐藏的是元素不占文档流；而visibility隐藏的元素仍然占文档流；使用额外的父级div，并设置父级div为float:left或clear:both属性；相同点：display、visibilty都是隐藏元素的。父级div使用伪元素:after。
2024-05-24 14:26:24
167
原创 前端系列-Vuex方面
如果请求来的数据不是要被其他组件公用，仅仅在请求的组件内使用，就不需要放入vuex的state里；如果被其他地方复用，这个很大几率是需要的，如果需要就将请求放入action里，方便复用；Vuex主要解决了多组件之间状态共享的问题，可以把组件的共享状态抽取出来，以全局单例模式管理，这样任何组件都能用一致的方式获取和修改状态；Vuex中的状态储存在state中，改变状态的唯一途径就是mutation；场景：单页面应用中、组件之间的状态、音乐播放、登录状态、加入购物车。Getters：从基本数据派生出来的数据。
2024-05-08 15:50:41
128
原创 前端系列-ES6方面
Promise有等待状态pending、操作成功fulfilled、操作失败rejected、状态一旦改变就不会在变，创造promise实例后，它会立即执行；箭头函数：this永远指向其上下文的this，任何方法改变不了其指向（call、apply、bind ）；Set是一种新的数据结构，类似于数组，但成员的指都是唯一的，没有重复的值；箭头函数自身没有this的，它的this是谁调用它，this的指向谁；Promise是一个对象，可以获取异步操作的消息；应用场景：去重、属性检查、并集、交集和差集操作。
2024-05-07 20:48:06
297
原创 前端系列-Vue3方面
Vue3中的setup()函数是用来代替Vue2中的data、methods、computed等选项的，它可以用来创建响应式数据和添加需要在模版中使用的方法；作用：实现延迟加载和错误处理，在组件中加入Suspense，可以让异步组件可以渲染出加载状态，并且如果异步组件加载时出现错误，也能够处理这些错误；如：app.directive('focus',{mounted(el){el.focus()}})Vue3中的ref指令可以用来在组件内部获取子组件的实例，也可以用来获取DOM元素或者其他组件的实例；
2024-05-07 18:06:36
391
原创 前端系列-Vue2方面
一般来说还需要懂得如何使用axios、fetch你可以用它发起对远程资源的请求，该方法返回的是一个promise对象，让你能够对请求的返回结果进行检索；key属性可以用来提升v-fir渲染的效率，vue不会去改变原有的元素和数据，而是创建新的元素然后把新的数据渲染进去，在使用v-for的时候，vue里面需要我们给元素添加一个key属性，这个key属性必须是唯一的标识；Vue在更新Dom时是异步执行的，当数据发生变化，Vue将开启一个异步更新队列，视图需要等队列中所有数据变化完成之后，在统一进行更新；
2024-05-07 16:35:20
913
原创 前端系列-Javascript方面
数据类信、运算、对象、Function、继承、闭包、作用域、原型链、Ajax、Dom、Bom、内存泄露、跨域、异步装载、模版引擎、前端MVC、路由、模块化、Canvas、ECMAScript。作用域的作用：是保证执行环境里有权访问的变量和函数是有序的，作用域链的变量只能向上访问，变量访问到window对象即被终止，作用域链向下访问变量是不被允许的，原理：垃圾收集器会定期找出那些不在继续使用的变量，然后释放其内存，但是这个过程不是实时的，因为其开销比较大，所以垃圾回收器会按照固定的时间间隔周期性的执行；
2024-05-07 15:11:55
1453
1
原创 前端系列-Html5方面
块级元素：div、p、ul、li、h1-h6、dl、dt、dd、header、footer。行内元素：a、b、span、img、input、select、strong。使用iframe作为子应用问题（没有路由记录、样式隔离严重）行内元素不可设置宽高，不独占一行，块级元素可以设置宽高，独占一行。解决加载缓慢的第三方内容（图标、广告等的加载问题）语义化有利于SEO搜索引擎。（有利于爬虫爬取跟多的有效信息）语义化使代码具有可读性，便于团队开发和维护。空元素：br、hr、link、meta。语义化有利于用户体验。
2024-05-07 12:21:24
177
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人