- 博客(48)
- 收藏
- 关注
RSS订阅
原创 收集的适用插件
Headroom.js是一个轻量级、纯 JavaScript 组件，用来隐藏或展现页面上的元素，为你的页面留下更多展示内容的空间。（用于导航条下滑隐藏上滑显示）Headroom.js下载链接...
2019-09-20 09:42:20
93
原创 vue-小细节以及小知识点
系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、nextTick()？前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。一、nextTick()？Vue.nextTick 与实例上面使用nex
2021-02-20 17:55:11
139
原创 css -移动端简易样式初始化
body { font-family: helvetica; margin: 0 auto; /* max-width: 750px; */}@media screen and (min-width: 750px){ body{ width: 750px; }}body * { -webkit-user-select: none; -webkit-touch-callout: none; -webkit-text-size-adjust: 100%;}a,button,i
2021-01-28 11:25:07
362
原创 js -获取地址栏参数
// 获取地址栏参数 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if (r != null) retu.
2021-01-28 10:43:38
270
原创 ant-design有关palaceholder的问题
在ant design 中下拉组件 如果使用了v-modal 有想第一次进来的时候显示的palaceholder 那就将v-modal设置成undefined <a-select size="small" v-model="valueVip" style="width: 120px; margin-right: 8px" @change="onChangeVip"
2021-01-15 10:26:52
197
原创 vue-组件嵌套-生命周期执行顺序
vue-组件嵌套-生命周期执行顺序提示：文章目录vue-组件嵌套-生命周期执行顺序前言一、生命是vue生命周期？二、生命周期三、周期执行顺序总结前言提示：主要说明vue组件嵌套之间生命周期的执行顺序：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。一、生命是vue生命周期？每个Vue实例在被创建之前都要经过一系列的初始化过程，这个过程就是vue的生命周期。注意：所有的生命周期钩子自动绑定 this 上下文到实
2021-01-06 09:53:17
1147
原创 初入vue
为什么要用vue什么会影响web应用的性能操作dom(dom是一个独立语言的，用与操作xml和html文档的程序接口（api）在浏览器中主要用于html文档打交道，并且使用dom api用来访问文档中的数据dom是个与语言无关的api,他在浏览器中的接口却是用JavaScript来实现的浏览器中通常会吧dom和JavaScript独立实现2.为什么操作dom非常昂贵...
2021-01-04 14:38:41
92
原创 es6-Object-类class（构造函数的语法糖）（3）
目录前言类(class)传统构造函数的问题类的特点二、使用步骤总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，类(class) es6里面的类（class）虽然解决了传统构造函数的一些问题 但是他是一个语法糖，他的底层还是基于构造函数来实现的class {//这是构造器 constructor(){}//这是方法 print(){
2021-01-04 14:35:21
294
原创 el.contains(dom)
Node.contains()返回的是一个 布尔值 ，来表示传入的节点是否为该节点的后代节点。node.contains( otherNode )node 是否包含otherNode节点.otherNode 是否是node的后代节点.如果 otherNode 是 node 的后代节点或是 node 节点本身.则返回true , 否则返回 false.但是有个坑在vue中自定义组件中 如果你循环了这个组件 然后 就只有最后一个才是正确的 （也就是包含关系就会返回true） dire
2020-11-23 18:01:23
986
1
原创 css - 隐藏滚动条
.scroll-div { /*隐藏滚动条，当IE下溢出，仍然可以滚动*/ -ms-overflow-style: none; /*firefox下隐藏滚动条*/ scrollbar-width: none;} /*google*/.scroll-div::-webkit-scrollbar { display: none;
2020-11-09 10:37:16
97
原创 rem适配
(function (doc, win, designWidth) { var html = doc.documentElement; function refreshRem() { var clientWidth = html.clientWidth; if (clientWidth >= designWidth) { html.style.fontSize = '100px'; } else { .
2020-10-19 16:12:58
103
原创 es6-Object-新增的api（2）
目录Object.isObject.is用于判断两个数据是否相等(基本和===是一致的，除了下面这两种情况)Nan和Nan 相等-0和+0不相等 console.log(NaN===NaN) //false console.log(Object.is(NaN,NaN)) //true console.log(+0===-0) //true //在内存里面存储的是不一样的（所以这个是非常怪异的） console.log(Object.is(+0,-0)) //false
2020-09-01 16:43:23
126
原创 es6-对象-对象字面量（1）
目录成员速写方法速写成员速写如果对象字面量初始化时，成员的名称来自一个变量，并且和变量的名称相同就可以简写const obj = { a:a, b:b, c:c } //简写const obj = { a, b, c }方法速写对象字面量初始化，方法可以省略冒号和function关键字...
2020-08-27 16:18:05
295
原创 es6-箭头函数
箭头函数箭头函数是一个函数表达式注意细节欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入前言：回顾this指向谁调用的函数this就指向谁直接调用函数函数相当于window调用，所以th
2020-08-26 13:06:51
167
原创 ES6中字符串API
ES6字符串APIincludes (查看字符中有没有这个字)startsWith (是否以什么开口)endsWith (是否以什么结尾)repeat（重复字符串返回重复后的值）
2020-07-28 11:07:00
166
原创 uniapp实现省市县三级联动
先说下后端返回的数据后端省市县返回数据格式如下：code：编码，为空时返回所有省份type ： 类型 ，1返回市 2 返回区县，不传就返回省例如：（下面是省的数据）如果再传（type:1,code:130000）就会返回河北省的数据<view v-if="visible" class="ad_box"> <view class="title"> <view class="left" @tap
2020-06-19 13:51:10
3350
原创 vuex-getter-mapGetter辅助函数
gettergetter其实就是state的计算属性，就像组件里面属性的计算属性Vuex 允许我们在 store 中定义“getter”（可以认为是 store 的计算属性）。就像计算属性一样，getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。通过属性访问import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state:
2020-05-15 09:28:32
481
原创 vue监听滚动条实现 header显示title addEventListener的坑
问题所在在d2Admin框架中使用addEventListener监听scroll的问题 如下图：从上面图中可以看出，但我刷新浏览器的时候用addEventListener监听的scroll事件是又用的，但我通过路由跳转到这个页面时，是不能实现这个效果的（原因不详）\color{#FF3030}{（原因不详）}（原因不详） 代码如下：mounted () { let boxBody = document.getElementsByClassName('d2-container-full__b
2020-05-09 11:20:26
359
原创 Javascrip函数防抖与节流
节流节流就是在一定时间内事件触发了n次，但函数只执行一次，相当于稀释了执行频率== 例如：== 我在一秒类点击了100下，但是我在这个一秒内只执行一下在这里插入代码片防抖防抖就是触发了事件，在n秒后执行函数，如果在n秒内又触发这个事件，就重新计算n== 例如：== 触发了keyup事件后，在3秒过后执行函数，但是在这个3秒内又触发了keyup事件，则又重新开始计算这个3秒，在执行这个...
2020-04-24 11:21:20
132
原创 ECharts-极坐标实现闭合的面积图
最终效果图如下option = { angleAxis: { type: 'category', // boundaryGap: false, 如果打开这个属性效果如下 data: ["N", "NNE", "NE", "ENE", "E", "ESE", "SE", "SSE", "S", "SSW", "SW", "WSW", "W"...
2020-01-08 10:41:29
902
1
原创 layui -走过的坑
layui文件上传组件1.多文件上传是发起多次请求。2.上传的时候使用的onchange事件所有当你第一次上传的时候如果失败了，，第二次上传相同的文件就不会发请求（h5的多文件上传也是这样）。（h5的决绝方法是在每一次执行完成之后就将value值置空）...
2019-12-23 15:22:21
177
原创 javascript -闭包
闭包的作用先看预编译1、实现公有变量2、可以做缓存function public(){ var cont = 0; function add(){ cont ++; console.log(cont) } function minus(){ con...
2019-09-26 13:40:37
88
原创 javascript 预编译
函数预编译四部曲1.创建 AO 对象 Activation Object(执行期上下文，作用是理解的作用域，函数产生的执行空间库)2.找形参和变量声明，将变量和形参名作为 AO 属性名，值为 undefined相当于 AO{a : undefined,b : undefined}3.将实参值和形参统一（把实参值传到形参里）4.在函数体里面找函数声明，值赋予函数体（先看自己的 A...
2019-09-25 17:09:23
115
转载 javascript获取数组中最大和最小值
Math.max()函数只能传入一组参数来求最大值，所以如果是要用于求一个数组中的最大值时，可以用Math.max.apply(Math,array),把this值指向Math对象，则第二个参数可以传入任意数组。这里的Math.max.apply(Math,array), 传入的Math对象 也可以不传 Math.max.apply(null,array)...
2019-09-25 15:19:40
238
原创 js-基础知识--之--数据类型
js中数据类型分为两种原始值应用值原始值 只有5种（string、number、Boolean、undefined、null）其中null有历史遗留下来的问题 虽然typeof 出来是object 但是他说原始值引用值 （function object arr 正则 …）topeof 返回的类型只有6种 （string、number、Boolean、undefined、object...
2019-09-25 10:42:18
132
原创 那些年ECharts踩过的坑
normal 是正常状态显示emphasis 是高亮状态显示![(https://img-blog.csdnimg.cn/20190918112651460.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjI4MzA4,...
2019-09-18 11:30:16
317
原创 那些年 layui 弹窗踩过的坑
content传dom结构点击关闭，或者提交按钮（调用layer.close(index);） 弹窗消失，，但是弹窗内容显示在页面中了原因：自己引入的jQuery与layui里面的自带的jQuery冲突了解决方法：使用layui自带的jQuery...
2019-09-16 12:03:04
625
原创 rem适配-rem单位在@media采坑
rem单位在@media采坑@media(min-width:64rem){ }在这里使用的rem他不是根据html font-size来计算的，他是根据浏览器字体大小来计算的
2019-08-28 09:19:01
112
原创 javascript数组去重的四种方式
第一种方式利用es6新的数据结构setset类似于数组，最大的区别就是没有重复的值，Set还可以快捷的实现数组间交集，并集和差集的处理Set 还可以接受一个数组作为参数var arr = [1, 2, 3, 4, 2, 3, 2, 1, 4, 6, 10];// var newArr = new Set(arr);// console.log(Array.from(newArr)...
2019-08-13 10:48:04
113
翻译 冒泡排序--两种方法
冒牌排序的原理 // 冒泡 // 随便从数组中拿一位数和后一位比较，如果是想从小到大排序，那么就把小的那一位放到前面， // 大的放在后面，简单来说就是交换它们的位置，如此反复的交换位置就可以得到排序的效果。 // 最慢 最容易实现得排序算法 // 利用添加中间变量实现 var arr2 = [1, 2, 34, ...
2019-07-22 17:36:41
208
原创 手机端自适应正方形
父级设置宽为任意，高设置为0，设置padding-top：width。由于父级使用的padding撑开的内容区域，所以不能操作内容区域，顾子集不设置宽高，使用position：absolute（绝对定位）top、right、bottom、left为零。 <div class="song-img"> //父级 <div class="img-box"> ...
2019-07-16 11:42:54
190
原创 手机端底部fixed定位当手机键盘弹起的时候底部被顶上去的问题
获取一个窗口宽度resize() 当调整浏览器窗口的大小时，发生 resize 事件。var winHeight = $(window).height(); //获取当前页面高度 $(window).resize(function () { var thisHeight = $(this).height(); if (winHeight - thisHeight > 1...
2019-07-10 17:13:54
1858
原创 javascript - 你心目中的对象
**javascript对象**对象的创建方式有两种：1.对象字面量也叫对象直接量 (plainObject) 例如： var obj = {}2.构造函数-* 系统自带的构造函数 Object() 例如： new Object()、new Array()、new Number()、new Boolean()、new Date();-* 自定义 ，必须要new这个操作符才能构造出...
2019-07-04 17:12:39
91
原创 e.offsetX e.offsetY、e.clientX e.clientY 、e.clientX,e.clientY
IE、Safari、Chrome 和 Opera 支持 screenLeft和 screenTop而Chrome、Firefox 和 Safari 支持 screenX 和 screenY
2019-06-26 14:33:21
408
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人