- 博客(26)
- 收藏
- 关注
RSS订阅原创 create-react-app
npm i -g create-react-appcreate-react-app react-single-1yarn run ejectyarn add react-router-dom --save
2023-10-12 13:58:04
41
原创 vue 项目 优化性能
对于性能瓶颈的代码块，可以通过优化算法、减少不必要的计算、避免频繁的 DOM 操作等方式来提高代码的执行效率。对于长列表的展示，可以采用虚拟列表的方式，只渲染当前可见区域的列表项，减少渲染的元素数量，提高性能。合并网络请求、使用缓存、减少请求数量、使用CDN等方式可以减少网络请求的时间，提高页面加载速度。对于一些静态的组件或者频繁使用的组件，可以使用组件缓存的方式，避免重复的渲染和创建组件实例。对于路由，可以使用路由懒加载的方式，即在需要时再进行加载路由组件，减小初始加载的文件大小，提高页面加载速度。
2023-10-12 13:56:16
37
原创 复习Vue知识点
props 向子组件传递数据，而子组件可以通过事件（emit）向父组件发送消息。这是最常见和简单的组件通信方式。滚动事件的默认行为 (scrolling) 将立即发生而非等待 `onScroll` 完成。父子组件通信：父组件可以通过。
2023-10-12 13:55:10
37
原创 vue react对比学习
React也支持组件化，但它更加注重构建UI组件库。React的组件化更加灵活，可以通过组合多个小的组件来构建更复杂的组件。React则适合那些有一定前端基础、追求更高度自定义和灵活性的开发者。选择Vue还是React取决于你的项目需求和个人偏好。React使用单向数据流，通过props将数据从父组件传递给子组件，并通过回调函数来实现子组件向父组件通信。Vue是基于组件的框架，它提供了一个方便的方式来构建和管理组件，使得代码复用和维护更加容易。Vue使用双向数据绑定，可以轻松实现数据的自动更新。
2023-10-12 13:45:30
47
原创 Vue组件传值
在父组件中，可以通过在子组件标签上使用属性来传递数据，子组件可以在props中声明需要接收的属性，并在渲染时使用这些属性。在父组件中，可以通过子组件标签上的属性绑定来传递数据，子组件可以通过props选项接收数据。子组件在适当的时机调用这些回调函数，并将需要传递的数据作为参数传递给父组件。父组件向子组件传值：通过在子组件标签上使用属性（props）来传递数据。在父组件中，可以在子组件标签上定义回调函数，并将其作为属性传递给子组件。在子组件中，通过调用。子组件向父组件传值：通过在子组件中使用自定义事件（
2023-10-12 13:44:57
31
原创 es6 常用知识点总结
undefined.迭代器和生成器：ES6引入了迭代器和生成器的概念，迭代器可以通过next()方法按需产生序列中的值，生成器是一种特殊的函数，可以暂停和继续执行。8.模块化：ES6中引入了模块化的概念，可以使用export关键字导出模块的内容，使用import关键字导入其他模块的内容。2.箭头函数：箭头函数是ES6中的一种新的函数定义语法，它提供了更简洁的语法和更方便的作用域绑定。3.模板字符串：模板字符串是一种更方便的字符串拼接方式，可以在字符串中使用变量和表达式。以下是ES6中常用的一些知识点总结。
2023-10-12 13:43:44
69
原创 10个手写JS，巩固JS基础
回调函数会被应用到数组的每个元素上，并且接受四个参数：累积值（之前的回调函数的返回值或初始值），当前元素，当前索引和原数组。它接受一个回调函数作为参数，该回调函数会对数组中的每个元素进行调用，并返回一个新的值，用于替换原数组中的对应元素。它接受一个回调函数作为参数，该回调函数会对数组中的每个元素进行调用，但不会返回任何值。它接受一个回调函数作为参数，该回调函数会对数组中的每个元素进行调用，并返回一个布尔值，用于决定是否将该元素包含在新数组中。从数组中添加/删除元素，并返回被删除的元素组成的新数组。
2023-10-12 13:43:05
28
原创 解决vue2响应式缺陷
/ this.arrayList.length = 0 不具有响应式，无法实现。返回对象的所有键值对： Object.entries()返回对象的所有属性： Object.keys()首部添加元素：Array.prototype.unshift(),首部删除元素：Array.prototype.shift()尾部添加元素：Array.prototype.push()尾部删除元素：Array.prototype.pop()置空数组：this.arr = []
2023-10-12 13:42:15
225
原创 Js 如何实现继承
构造函数继承通过在子类内部调用父类的构造函数来实现继承，从而继承了父类的属性。原型链继承是JavaScript中最基本的继承方式，通过将一个对象的原型设置为另一个对象来实现继承。
2023-10-12 13:40:56
29
原创 跨浏览器的透明
.transparent {filter: alpha(opacity=50); /* internet explorer */-khtml-opacity: 0.5; /* khtml, old safari */-moz-opacity: 0.5; /* mozilla, netscape */opacity: 0.5; /* fx, s...
2019-10-08 15:53:36
112
原创 典型的CSS清除浮动
.clearfix:after {content: “.”;display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}.clearfix { display: inline-block; }html[xmlns] .clearfix { display: block; }html .clea...
2019-10-08 15:52:48
117
原创 垂直对齐
.verticalcenter{position: relative;top: 50%;-webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
2019-10-08 15:52:15
88
原创 表格列宽自适用
td {white-space: nowrap;}对于表格，当谈到调整列宽时，是比较痛苦的。然后，这里有一个可以使用的技巧：给td元素添加white-space: nowrap;能让文本正确的换行...
2019-10-08 15:51:45
207
原创 CSS元素水平垂直居中方法
1.不知道自己高度和父容器高度的情况下, 利用绝对定位只需要以下三行：parentElement{position:relative;}childElement{position: absolute;top: 50%;transform: translateY(-50%);}2.若父容器下只有一个元素，且父元素设置了高度，则只需要使用相对定位即可parentElement{h...
2019-10-08 15:50:30
151
原创 CSS动画实现省略号动画
.loading:after {overflow: hidden;display: inline-block;vertical-align: bottom;animation: ellipsis 2s infinite;content: "\2026"; /* ascii code for the ellipsis character */}@keyframes ellip...
2019-10-08 15:48:54
645
1
原创 css reset
/===== 清除默认的margin的属性值 =====/body,blockquote,dd,dl,figure,form,p,pre,h1,h2,h3,h4,h5,h6 {margin:0;}/===== 统一设置列表的margin和padding，以及列表表形式 =====/menu,ul,ol {list-style:none;margin:0;padd...
2019-10-08 15:47:30
248
原创 “正在载入”动画效果
@keyframes loader {0% {width: 10px;height: 10px;opacity: 0.9;-moz-transform: translateY(0);}100% {width: 24px;height: 24px;opacity: 0.1;-moz-transform: translateY(-21px);}}
2019-10-08 15:46:26
802
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人