- 博客(23)
- 收藏
- 关注
RSS订阅原创 节流防抖案例
节流防抖什么是截流防抖这一概念最早出现在工业设计中，对电子元器件的控制和对水流等流体的限制，可以起到保护器件，减少损耗的作用防抖 debounce字面意思就是防止抖动，比如人们在操作手抖多次误触主要应用场景输入框中频繁的输入内容，搜索或者提交信息；频繁的点击按钮，触发某个事件；监听浏览器滚动事件，完成某些特定操作；用户缩放浏览器的resize事件；节流 throttle限制流量，很直接的理解主要应用场景监听页面的滚动事件；鼠标移动事件；用户频繁点击按钮操作；游戏中的一些
2021-07-19 18:31:34
138
1
原创 纯css实现多行文本展开收起
纯CSS实现多很文本展开收起常见方案基础的css实现多行文本省略显示在工作中非常常见p{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}但是很多时候会要求实现展开收起模块就像这样：如图那种只要控制overflow状态就可实现标准的固定高度的展开收起很好做，但是很多时候是按照文本行数来判断，同时要适应不同宽度的弹性布局，这时候常见的方
2021-07-13 14:38:10
579
原创 前端全景图方案
全景图前端方案 最近有新的需求需要做个全景图，第一想法是three.js来做这一应用场景，但时间紧就，同时业务需求也蛮多的故选择了第三方组件库。 这里找到了这几个方案tpanorama和photo-sphere-viewer及第三方提供的付费服务，前者相对简单，适合简单需求，后者功能较多主页务推荐尝试；这是宁海县下一处效果图 使用的是photo-sphere-viewer大家可以先看下效果再考虑相关内容图片源 首先需要一张__球面图__，这种图片通常可通过多
2021-06-28 17:06:18
1037
原创 前端表格分页预处理
在前端表格分页预处理需求背景 需要前端对表格数据进行预分页处理后进行新增，组件选用 elementUI 中的表格和分页，使用vue 常规的数据分页多由后端处理，通过不同的 pageSize 和 pageNum 进行控制分页， 前端对此数据处理其实也大同小异 实现原理如下需要的数据 通常对一数组内的数据进行分页处理，我们需要根据原数组获得以下信息总条数 total ，既数组长...
2020-04-17 14:15:27
583
原创 table自适应及常用相关配置
table自适应及常用相关配置这是一个常用的表格样式，故进行了整理归纳，后续遇到好的表格会进行分享；代码贴在最后实现效果，表头th标签定宽，后面内容实现宽度自适应，平均分配；当内容超出时用省略号隐藏超出部分；鼠标hover于内容上时换行显示内容（但应当注意行高和横向滚动条）table-layout: fixed;table-layout: fixed;/*该项配置是表格内容的宽度...
2020-03-16 18:51:14
753
原创 Async/await,javascript异步编程
Async/awaitAsync/await 在学习他之前应当补充一定的 promise 知识它是一种与 promise 相配合的特殊语法，目前被认为是异步编程的终级解决方案值得我们每一个人学习0Async它的字面意思本身就是异步的简写，在代码中他被放置在函数前面，可以使得函数的返回值 value 转化为一个 promise async function fun(){ retu...
2019-11-08 13:49:56
113
原创 CSS多余文本省略号显示
CSS多余文本省略号显示本次案例代码是在 elementui 当中的 table 组件中实际需求当然使用的是纯 CSS3 代码，所以原生支持度高，兼容性高，所以可多场景应用对于过长文本进行单行省略显示，当鼠标移动到对应文本行时，展示全部，当鼠标离开后又恢复单行，多余内容收缩出现省略号/deep/.el-table__row { .cell { //对超出内容隐藏 ...
2019-11-02 22:51:47
326
原创 深拷贝浅拷贝
javascript中的深拷贝与浅拷贝基础概念在了解深拷贝与浅拷贝的时候需要先了解一些基础知识核心知识点之 堆与栈栈（stack）为自动分配的内存空间，它由系统自动释放；堆（heap）则是动态分配的内存，大小不定也不会自动释放。基本数据类型存放在栈中，基本数据类型主要是：undefined，boolean，number，string，null。在 js 中我们对基础数据类型的操作主要...
2019-10-21 17:42:42
100
原创 js中的函数重载
函数重载与js什么是函数重载重载函数是函数的一种特殊情况，为方便使用，C++允许在同一范围中声明几个功能类似的同名函数，但是这些同名函数的形式参数（指参数的个数、类型或者顺序）必须不同，也就是说用同一个函数完成不同的功能。这就是重载函数。重载函数常用来实现功能类似而所处理的数据类型不同的问题。不能只有函数返回值类型不同。与之相似的函数重写函数重写，也被称为覆盖，是指子类重新定义父类中有相同...
2019-10-21 14:03:27
248
原创 Diff算法
Diff算法—前端篇当提起算法我们最熟悉的可能是在Linux中，如果需要比较两个文件就可以使用比较的命令 Diff 通常在 Git 提交代码的时候会使用这一算法原理提交代码而在前端当中的 Diff 算法，是指虚拟 DOM 变话的对比传统的 DOM 操作非常昂贵，数据的改变往往需要更新 DOM 树上的多个节点，可谓牵一发动全身，而虚拟 DOM 和 Diff 算法的诞生解决了这一问题Web 界...
2019-09-26 14:50:29
327
原创 Less 语法快速入门
Less 语法快速入门Less 是一门 CSS 预处理语言其可以运行在 Node 或浏览器端。它将传统的 css 样式结构单一的排版顺序进行了优化，让我们可以通过层级嵌套的方式将 css 类名与HTML结构一一对应起来。这样的好处不仅仅使得 css 样式排版更清楚，也可以让我们在后期的修改中快速查询，同时减少了代码量，一定程度上降低了代码的重复性，最关键的是使得 css 样式相互不干扰它的...
2019-09-25 17:02:10
145
原创 Echarts图表构建
Echarts学习流程相信有很多的前端开发人员在开发Echarts图表的过程中都遇到对图表结构过无从下手，面对一大堆的专业词汇一脸懵逼的样子，在经过了一段时间的踩坑后，终于摸索出了...
2019-09-18 17:04:31
159
原创 伪数组
伪数组##在javascript中什么是伪数组，如何将伪数组转化为标准数组这里把符合以下条件的对象称为伪数组：1，具有length属性2，按索引方式存储数据3，不具有数组的push,pop等方法伪数组（类数组）：无法直接调用数组方法或期望length属性有什么特殊的行为，不具有数组的push,pop等方法，但仍可以对真正数组遍历方法来遍历它们。典型的是函数的argument参数，还有像...
2019-08-13 14:22:58
152
原创 MVC、MVP、MVVM基本原理
#MVC，MVP，MVVM基本原理模式与框架，其诞生就是为了解决日益复杂的事务处理当同一问题不断出现，人们就会总结细分出相应的问题解决办法当需求变得庞大的时候，就会出现细分，在细分的过程中就会出现不同的解决办法在界面、数据、事件、业务这些元素的细分下，出现了最早的模式MVCMVC 即 Model-View-ControllerModel-View-Controller 模型 视图 控...
2019-08-08 21:37:33
177
原创 vue常见指令
VUE常见指令通常指令（Directives）是指带有v-属性的特殊属性。在Vue给HTML元素增加了自定义属性你，它们都是以"v-"开头了指令v-text： 更新元素的textContent，如果要更新部分的textContent，需要使用{{}}插值v-html：更新元素的innerHTMLv-show：根据表达式的真假切换元素的display css属性v-if：根据表达式的真...
2019-08-07 13:48:12
122
原创 时间复杂度与空间复杂度
如果一个算法的执行次数是 T(n)，那么只保留最高次项，同时忽略最高项的系数后得到函数 f(n)，此时算法的时间复杂度就是 O(f(n))void aFunc(int n) { for (int i = 0; i < n; i++) { for (int j = i; j < n; j++) { printf("Hello World\...
2019-08-01 15:55:43
498
原创 Git联合项目开发使用流程
#联合项目开发GitHub使用分支在没有使用分支之前，git会默认有一个分支，就是主分支（master分支，还记得 git push –u origin master这个命令吗？）这里的master就是主分支git分支的操作（远端项目保存在我的git hub上面的一个仓库中)(1)下载远端项目至本地(1) 自己定义项目的路径 右键打开Git Bash Here(2) 输...
2019-07-17 16:26:32
394
原创 原型和闭包
原型和闭包一切皆对象一切皆对象（类型值除外）undefined, number, string, boolean属于简单的值类型函数、数组、对象、new Number(10)都是对象。他们都是引用类型Null是基本数据类型，不是引用数据类型基本数据类型的值就是它本身的值，引用数据类型是存放的对这个对象引用的指针，Null本身的值就是Null，所以不是引用类型不同的对象在底层都表...
2019-07-12 13:46:23
150
原创 VUE框架思想
#VUE框架思想学习VUE的第一步就是先了解这个框架的的核心思想Vue.js的核心思想就是，它是一套__渐进式的自底层向上增量开发__的__MVVM__结构的框架什么是框架？简单的讲，框架就是将与业务无关的重复代码进行封装，形成框架##框架的优势使用框架可以极大的提升开发效率，但是使用框架需要遵循所使用框架 的语法，不过使用框架可以大大的提高对于业务逻辑的操作##什么是自底层向上开发...
2019-07-11 20:54:03
155
原创 正则表达式&正则匹配&转义字符&特殊字符
正则正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。由于正则表达式主要应用对象是文本，因此它在各种文本编辑器场合都有应用，小到著名编辑器EditPlus，大到Microsoft Word、Visual Studio等大型编辑器，都可以使用正则表达式来处理文本内容。###构造...
2019-07-10 21:33:31
3111
原创 javascript原型和闭包理解
原型和闭包一切皆对象一切皆对象（类型值除外）undefined, number, string, boolean属于简单的值类型函数、数组、对象、new Number(10)都是对象。他们都是引用类型Null是基本数据类型，不是引用数据类型基本数据类型的值就是它本身的值，引用数据类型是存放的对这个对象引用的指针，Null本身的值就是Null，所以不是引用类型不同的对象在底层都表...
2019-05-18 14:30:39
143
原创 Cookie的小小总结及封装
对js中一些内容的通俗理解和总结cookie 在服务器的环境下，对数据的本地存储下面为一个小小的案例展示let d= new Date;d.setDate(d.getDate()+7);document.cookie="userName=jzm;expires="+d.toGMTString();cookie本身就是一串字符串，格式为键值对，常用在本地身份验证，作免登陆cook...
2019-05-09 16:03:11
92
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人