- 博客(22)
- 收藏
- 关注
RSS订阅原创 CSS样式技巧 --- 下
长度和高度中长的那条边跟容器大小一致，短的那条等比缩放，可能会有留白。scale-down:保持原有尺寸比例,如果容器尺寸大于图片内容尺寸，保持图片的原有尺寸，不会放大失真；当图片比例不固定时，想要让图片自适应，一般都会用background-size:cover/contain，但是这个只适用于背景图。同时需要注意的是line-height的高度基于font-size（即字体的高度），如果文字要转行会出现异常。在使用vertical-align:middle实现垂直居中的时候，经常会发现不生效的情况。
2023-09-03 20:13:07
123
原创 CSS样式技巧 --- 上
目前主流浏览器会检测到页面中某个DOM元素应用了某些CSS规则时就会开启，最显著的特征的元素的3D变换。使用 onerror 异常处理时，若 onerror 的图片也出现问题，则图片显示会陷入死循环，所以要在赋值异常图片之后，将地址置空。nth-child(-n+3) 这个表示选择列表中的标签从 0 到 3，即小于 3 的标签。nth-child(n+3) 这个表示选择列表中的标签从第 3 个开始到最后。nth-last-child(3) 这个表示选择列表中的倒数第 3 个标签。
2023-08-30 23:14:42
93
原创 vue中调接口的方式：this.$api、直接调用、axios
在componet/LeadershipScreen.js。定义在api.js文件中。下面的比较好，推荐使用。在index.js下。
2023-08-28 22:29:25
2972
原创 flex布局
flex是flexible box的缩写，意为“弹性布局”，用来为和盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局。比如一个div里有三个span，第三个span固定的，前面剩余的部分，第一个span占2份，第二个span占1份。当我们为父盒子设置flex布局后，子元素的float，clear，vertical-align属性将失效。，也可以写百分之多少，比如说一共5个盒子，每个占一份，就可以写flex:20%;注意是主轴上的子元素，一定要确定好主轴是哪个，主轴是x就横着排，是y就竖着排。
2023-08-18 20:48:12
96
1
原创 jQuery学习
jQuery学习第一章 jQuery简介1.1、jQuery简介1.2、jQuery官网1.3、jQuery版本介绍1.4、jQuery引入方式1.5、jQuery快速使用1.6、jQuery两把利器第二章 jQuery核心函数2.1、选择器2.1.1、基本选择器2.1.1.1、标签选择器2.1.1.2、id选择器2.1.1.3、class选择器2.1.1.4、通配符选择器2.1.1.5、并集选择器2.1.1.6、交集选择器2.1.2、层级选择器2.1.2.1、子代选择器2.1.2.2、后代选择器2.1.2
2023-08-15 13:55:44
159
1
原创 Vue3新特性
ref用于定义基本数据类型（也可以定义复杂类型）reactive用于定义对象或数组类型这个其实和React类似，也和vue2中的mixin类似，hook本质是一个函数，用use开头，把setup函数中使用的Composition API进行了封装。可以更方便我们去复用处理数据的逻辑处理数据的逻辑......各种Composition API......return sumsetup() {......优势：把setup函数中使用的Composition API进行了封装。
2023-08-14 22:09:11
38
原创 JS进阶总结
一、作用域1. 函数作用域2. 块级作用域3. 全局作用域二、作用域链三、垃圾回收机制3.1 引用计数法3.2 标记清除法（常用）四、闭包五、变量提升六、函数进阶6.1 函数提升6.2 函数参数6.3 拓展：展开运算符...七、箭头函数7.1 基本语法7.2 箭头函数参数7.3 箭头函数 this 指向八、解构赋值8.1 数组解构8.2 对象结构九 、forEach 方法十、构造函数10.1 new 实例化执行的过程10.2 实例成员和静态成员10.3 内置构造函数十一、面向对象10.1 编程思想。
2023-08-13 20:18:50
222
1
原创 手撕instanceof、new、原生ajax、深/浅拷贝、防抖/节流、call / apply / bind
参数是要拷贝的对象。基本思路和浅拷贝一样，不同的是在拷贝时，如果遇到复杂数据类型，就要递归调用（再生成一个新的地址，把简单数据类型捞过来，返回新的地址，给到当前key），这样可以保证只要遇到复杂数据类型，都可以生成新的地址。写法2：获取时间戳，第一次肯定会触发，因为new Date获取的是从1970年到现在的时间，delay总不能大于五十年吧……//其中0-未初始化 1-open调用完毕 2-send调用完毕 3-服务端返回了部分结果 4-服务端返回了所有结果。//4.事件绑定，处理服务端返回的结果。
2023-08-13 12:54:32
83
1
原创 TypeScript：初识ts、ts的数据类型、一些语法细节、函数中的类型、泛型
JavaScript所拥有的特性，TypeScript全部都是支持的，并且它紧随ECMAScript的标准，所以ES6、ES7、ES8等新语法标准，它都是支持的；by the way，其实可选类型本质上可以理解为加上个联合类型undefined，但是不同是可选类型是可以不传参数的，但是下面这个必须要传参，哪怕传的是undefined。这样可以避免一些奇怪的问题，比如下面如果不声明返回值的类型，那么count当函数用不会报错，这样是不准确的，因为count是一个number类型。交叉类型使用 & 符号；
2023-08-12 12:45:01
93
1
原创 Promise：基本操作、常见API、使用方法、手撕Promise、async/await
Promise指定回调函数的方式更加灵活，且支持链式调用，可以解决回调地狱的问题。回调地狱：回调函数嵌套调用，外部回调执行结果是内部函数执行的条件，不便于阅读且不便于异常处理，解决方式就是promise（或async/await）
2023-08-11 23:57:30
62
1
原创 axios：基本使用、请求和响应拦截器、取消请求
一般来说，我们都会省略then的失败回调，所有的错误都在响应拦截器中捕获，做法就是在响应拦截器失败的回调中进行错误提示，并返回一个pending状态的Promise，这样的话我们使用async/await就不用包try-catch了，then也就不用指定失败的回调了。当请求结束后，如果请求成功，就会走第一个回调，然后再走then中成功的回调，所以这里的返回值就是Promise成功的值；是得到响应之后执行的一组回调函数，若请求成功，对成功的数据（成功Promise的结果值）进行处理；一般来说只有一个回调。
2023-08-10 20:52:18
1129
1
原创 数据结构（五）--- 冒泡排序、选择排序、插入排序、希尔排序、快速排序、归并排序
那么第二个为黑色的数据index=5，第3个数据为黑色的数据index = 10（不存在）。对于N个数据项，比较次数为：(N - 1) + (N - 2) + (N - 3) + …如N^3 + 3n +1，大O表示法表示为：O（N³）;上面所讲的对于7个数据项，比较次数为：6 + 5 + 4 + 3 + 2 + 1;希尔排序的效率和增量有直接关系，即使使用原稿中的增量(N/2)效率都高于简单排序。，先选出一个数据，将比其小的数据都放在它的左边，将比它大的数据都放在它的右边。快速排序的核心思想是。
2023-08-08 00:15:00
46
原创 数据结构（四）--- 树、二叉树、二叉搜索树、红黑树
如果树中的每一个节点最多只能由两个子节点，这样的树就称为二叉树；几乎所有的树都可以表示成二叉树形式。二叉树可以为空，也就是没有节点；若二叉树不为空，则它由根节点和称为其左子树TL和右子树TR的两个不相交的二叉树组成。（1） 一个二叉树的第 i 层的最大节点树为：2(i-1)，i >= 1；（2） 深度为k的二叉树的最大节点总数为：2k - 1 ，k >= 1；（3）对任何非空二叉树，若 n0 表示叶子节点的个数，n2表示度为2的非叶子节点个数，那么两者满足关系：n0 = n2 +1；
2023-08-07 10:04:44
85
原创 数据结构（三）--- 哈希表、图
哈希表可以提供非常快速的插入-删除-查找操作；无论多少数据，插入和删除值都只需要非常短的时间，即O(1)的时间级。实际上，只需要几个机器指令即可完成；哈希表的速度比树还要快，基本可以瞬间查找到想要的元素。但是相对于树来说编码要简单得多。哈希表中的数据是没有顺序的，所以不能以一种固定的方式（比如从小到大 ）来遍历其中的元素。通常情况下，哈希表中的key是不允许重复的，不能放置相同的key，用于保存不同的元素。
2023-08-06 15:34:19
43
原创 数据结构（二）---栈、队列、集合、字典
主要思路就是先创建一个新的集合，把集合1元素都放进去，然后遍历集合2，如果集合2中的元素没有在新集合中，就add进去。主要思路是遍历集合1，看每个元素是否在集合2中存在，如果存在就return，不存在就继续查找，如果所有元素都在集合2中存在，那么久返回true。围成一圈数数，比如规定数到5的人淘汰，那么淘汰的人后面的人从1开始数，然后数到5的人再淘汰，以此类推，直到剩下最后一个人，求该人的位置。差集的思路和交集相反，遍历集合1，看看每个元素是否在集合2中存在，如果不存在就add到新集合里，最后返回新集合。
2023-08-05 23:14:01
94
1
原创 数据结构（一）--- 链表
数据结构概述：在计算机中存储和组织数据的方式。算法概述：解决方案的准确而完整的描述，是一系列解决问题的清晰指令，算法代表着用系统的方法描述解决问题的策略机制。算法复杂度O(1) 常数阶O(log(n)) 对数阶O(n) 线性阶O(nlog(n)) 线性和对数乘积O(n2) 平方阶O(2n) 指数阶既可以从头遍历到尾，又可以从尾遍历到头。也就是说链表连接的过程是双向的，它的实现原理是：一个节点既有向前连接的引用，也有一个向后连接的引用。
2023-08-05 18:03:55
2193
1
原创 Vue中引入echarts
注意：如果echarts的版本在5.0以上，只能局部引入，全局引入会出错（好像是这样）配置好ref属性，用于后面初始化容器获取DOM。准备一个函数，并在挂载时调用。
2023-08-05 08:36:25
2572
1
原创 Ajax学习
AJAX 就是异步的JS和XML。通过AJAX 可以在浏览器中向服务器发送异步请求。AJAX 不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。简单地说，在不需要重新刷新页面的情况下，Ajax通过异步请求加载后台数据，并在网页上呈现出来。
2023-08-04 14:48:07
63
1
原创 ECharts大屏数据可视化展示项目 ---下
社区就是一些，活跃的echart使用者，交流和贡献定制好的图表的地方。在这里可以找到一些基于echart的高度定制好的图表，相当于基于jquery开发的插件，这里是基于echarts开发的第三方的图表。
2023-08-04 11:03:21
121
1
原创 ECharts大屏数据可视化展示项目 --- 上
应对现在数据可视化的趋势，越来越多企业需要在很多场景(营销数据，生产数据，用户数据)下使用，可视化图表来展示体现数据，让数据更加直观，数据特点更加突出。D3.js 目前 Web 端评价最高的 Javascript 可视化工具库(入手难)ECharts.js 百度出品的一个开源 Javascript 数据可视化库Highcharts.js 国外的前端数据可视化库，非商用免费，被许多国外大公司所使用AntV 蚂蚁金服全新一代数据可视化解决方案 等等。
2023-08-04 10:46:28
781
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人