- 博客(41)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 防抖与节流代码示例（自己随便捣鼓，勿喷）
基础代码： let num = 1; function aaa() { num++; console.log(num); }不加防抖时的代码：window.onmouseover = aaa设置防抖，在onmouseover事件触发1秒后再打印： function debounce(func,wait) { let timeout; return function () { clearTimeout(t
2021-05-14 17:59:46
307
原创 Blob类型数据转换Json数据类型
'FileReader’对象允许Web应用程序异步读取存储在用户计算机上的文件的内容，使用’File’或’Blob’对象指定要读取的文件或数据。// 定义JSON数据let data = { "name": "小明" };// 转换成字符串数组let string = JSON.stringify(data);// 转换成Blob类型数据let blobData = new Blob([string]);console.log(blobData) // 打印Blob结果： Blob { si
2020-12-18 16:27:21
2365
1
原创 利用vue动画渲染实现ul中li标签的定时滚动效果
利用vue动画渲染实现ul中li标签的定时滚动效果近来公司业务新需求需要写一个大屏页面，由于大屏展示的数据量有限，因此很多地方需要用到页面的滚动效果，如图所示，以下两张图实际上都是动态的向上翻滚的效果，代码是以第一张图为例vue官方文档====>vue关于动画的官方文档1.DOM渲染<template lang="pug">.policyoutput .echarts-title span.dot span.echarts-titleL 末端空调状态
2020-11-27 15:25:42
1759
原创 JS中 reduce() 的用法
JS中 reduce() 的用法过去有很长一段时间，我一直很难理解 reduce() 这个方法的具体用法，平时也很少用到它。事实上，如果你能真正了解它的话，其实在很多地方我们都可以用得上，那么今天我们就来简单聊聊JS中 reduce() 的用法。一、语法arr.reduce(function(prev,cur,index,arr){...}, init);其中，arr 表示原数组；prev 表示上一次调用回调时的返回值，或者初始值 init;cur 表示当前正在处理的数组元素；inde
2020-08-28 15:44:58
157
1
原创 列表页进入详情页再返回列表页时，显示默认第一页的bug修复
如图所示，当我点击分页第二页的第一项，进入详情页后，在点击返回按钮，按理说应该返回到列表页第二页，但是却变成了默认的首页究其原因，大概是在返回列表页时，接口传参的当前页码pageNum默认传的是1，如下图，因此解决思路大概是，当点击分页进入第N页的时候，记录当前页码（进缓存），当从该详情页返回的时候，再从缓存中将pageNum提取出来，传入到接口里。但是问题又来了，当从该列表页（用户列表）进入其他列表页的时候，这时的pageNum还是N，则会导致其他页面也是显示的第N页，因此在进入某一页的时候，需要
2020-08-14 11:29:27
1040
2
原创 weex 通用样式以及需要注意的问题
一、说明weex 对于 css 样式的支持是非常有限的，并且使用样式的时候，必须遵循 weex 定义的规则。对于不遵循 weex 样式规则的代码，往往在 web 页面上有效，而在 native 环境没有任何作用。weex 官方文档中，有专门的样式介绍：http://weex.apache.org/cn/wiki/common-styles.html我最早只用 weex 的时候，想当然的觉...
2020-03-30 11:08:09
1362
原创 前端利用javascript生成二维码
什么是 QRCode.js？QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。基本用法<div id="qrcode"></div><script type="text/javascript">new QRCode(document.getEl...
2020-03-10 15:00:27
146
原创 基于Mui中picker选择器实现省市县三级联动效果中setData方法传值的问题解决办法
最近开发项目有个关于省市县联动的小功能，引用mui中的picker选择器，根据文档操作来并不难，关键问题在于setData()中传的json数据的问题，折磨了我好久…一般来说，Mui的picker选择器中传的数据都是一个city.js文件，里面的数据是json格式，百度了好多关于picker选择器的用法，数据都是如出一辙的某个文件—“city.js”，如下图： 那么问题来了，这个文件的数据...
2019-12-27 16:50:11
802
转载 图片验证码——在gVerify.js 的基础之上完善了一下，实现汉字，字母和数字组合的验证码
在gVerify.js 的基础之上完善了一下，实现汉字，字母和数字组合的验证码，效果图如下：index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>图形验证码</title> </head> <body&g...
2019-12-06 13:50:16
2382
原创 前端判断移动端设备or网页浏览器打开不同的页面
前端人员根据不同的移动端设备or网页浏览器打开不同的页面相应代码你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新...
2019-12-05 10:45:30
850
原创 CSS中calc()的用法
平时在制作页面的时候，总会碰到有的元素是100%的宽度。众所周知，如果元素宽度为100%时，其自身不带其他盒模型属性设置还好，要是有别的，那将导致盒子撑破。比如说，有一个边框，或者说有margin和padding，这些都会让你的盒子撑破。我们换句话来说，如果你的元素宽度是100%时，只要你在元素中添加了border,padding,margin任何一值，都将会把元素盒子撑破（标准模式下，除IE怪异...
2019-09-10 19:34:24
890
原创 关于Vue.js中 watch(deep深度监听)
1.watch监听数据的变化（基本数据、数组、对象）<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p></div> new Vue({ el: ...
2019-08-06 20:36:39
10270
原创 Vue.js-02
Vue常用特性表单基本操作获取单选框中的值通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 data 中的 数据 gender 的值就是选中的值，...
2019-07-31 21:19:12
215
转载 为什么vue中的data必须是函数
vue组件中的data必须是函数类比引用数据类型Object是引用数据类型,如果不用function 返回,每个组件的data 都是内存的同一个地址,一个数据改变了其他也改变了;javascipt只有函数构成作用域(注意理解作用域,只有函数的{}构成作用域,对象的{}以及if(){}都不构成作用域)，data是一个函数时，每个组件实例都有自己的作用域，每个实例相互独立,不会相互影...
2019-07-31 20:46:43
259
原创 vue数据更改视图不更新问题----深入响应式原理
Vue响应式原理之官方解释** 当你把一个普通的JavaScript对象传给Vue实例的data选项，Vue将遍历此对象所有的属性，并使用Object.defineProperty把这些属性全部转为getter/setter。Object.defineProperty 是 ES5 中一个无法 shim 的特性，这也就是为什么 Vue 不支持 IE8 以及更低版本浏览器。这些getter...
2019-07-31 19:25:28
214
原创 解析button和input type=button的区别
一、定义和用法 标签定义的是一个按钮。在 button 元素内部，可以放置文本或图像。这是与使用 input 元素创建的按钮的不同之处。二者相比较， 控件提供了更为强大的功能和更丰富的内容。 与 标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。例如，我们可以在按钮中包括一个图像和相关的文本，用它们在按钮中创建一个吸引人的标记图像。唯一禁止使用的元素...
2019-07-30 12:12:29
1110
1
原创 Vue.js-01
使用Vue将helloworld 渲染到页面上指令本质就是自定义属性Vue中指定都是以 v- 开头v-cloak防止页面加载时出现闪烁问题 <style type="text/css"> /* 1、通过属性选择器 选择到 带有属性 v-cloak的标签 让他隐藏 */ [v-cloak]{ /* 元素隐藏 */ dis...
2019-07-29 18:45:43
126
原创 Git入门及常用操作指令
Git什么是Git?Git是一款源代码管理工具(版本控制工具)我们写的代码需要使用Git进行管理。源代码有必要管理起吗？1.02.0 //svn,vss,vcs… git有必要，因为人工的去处理不同的版本，做相应备份会很麻烦。Git是linux之父当年为了维护linux—linus之前也是手动维护合并把文件发给Linuslinus自己写了一个版本管理的工具(Git)...
2019-07-14 19:27:14
94
原创 Permission denied (publickey). fatal: Could not read from remote repository
今天在上传项目到码云的时候，出现了上述描述的错误。这个应该是很多github新手经常出错的问题，其实就是没有在你github上添加一个公钥。报错截图如下：$ git push [email protected]:wupengwei0726/demo2.git [email protected]: Permission denied (publickey).fatal: Could not re...
2019-07-14 14:31:05
3218
1
原创 利用PHP从数据库调取数据并渲染到前台页面
注：个人笔记，写的就比较随便了首先在PHP文件中写下如下代码：<?php $connect = mysqli_connect(DB_HOST,DB_USER,DB_PWD,DB_NAME);$sql = "SELECT * FROM categories where id != 1";$result = mysqli_query($connect,$sql);//把数据集合转化为...
2019-06-26 19:15:44
6645
1
原创 关于利用JSONP进行跨域请求
跨域请求据我所知有两种方案，其一是在服务器端PHP页面设置响应头，称为“CORS跨域”(全称cross-origin resource sharing跨域资源共享)，其方法就是在PHP页面中添加一行代码，代码如下：<?php header('Access-Control-Allow-Origin:*'); //这里的*号也可以改成你所授权的需要请求当前域资源的域的路径地址。 ----...
2019-06-23 19:36:40
177
原创 利用HTML＋PHP将表单数据传递到后台
导读：本文举例后台文件暂用.txt文档代替，前台表单输入的数据最终将传递到‘data.txt文件中1.首先构建前台表单页面，HTML文件代码如下（css文件在这里不再是重点就略过了哈）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta na...
2019-06-15 09:04:12
8721
2
原创 js中构造函数的原型添加属性的两种方式
方式一：对象的动态特效 给原型对象添加成员语法：构造函数.prototype.方法名=function （）{ }方式二：替换原型对象（不是覆盖，而是替换，把原先的同名的直接替换成现在的）语法：构造函数.prototype.方法名={ }tips：方式二不常用，因为这样会修改了原型本身搜索：JS中通过构造函数添加成员方法和通过原型法添加成员方法的区别参考网址 http://blog....
2019-06-03 19:52:37
4790
原创 给vscode添加自定义背景图片
今天突然想给自己电脑编辑器改革背景图，就上网搜了一下大概流程，完事之后就在这里记下来吧：一，先在vscode里面下载扩展插件“background”，默认会有一张很卡哇伊的背景图，也可以自己定义。二，打开左下角设置，搜“background-style”，打开settings.json添加如下代码`//background 的相关配置 "update.enableWindowsBac...
2019-05-29 21:30:39
8483
原创 jQuery-02
1.1. jQuery 属性操作 jQuery 常用属性操作有三种：prop() / attr() / data() ;1.1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性，比如 元素里面的 href ，比如 元素里面的 type。语法 注意：prop() 除了普通属性操作，更适合操作表单属性：disabled / checked / select...
2019-05-28 14:59:26
189
原创 JQuery-01
1.1. jQuery 介绍1.1.1 JavaScript 库 JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。简单理解： 就是一个JS 文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的...
2019-05-27 20:34:28
353
原创 webApi07
1.1. 触屏事件1.1.1 触屏事件概述移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android 和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。常见的触屏事件如...
2019-05-26 19:05:45
337
原创 webApi06
**1.1. **动画函数封装1.1.1 缓动效果原理缓动动画就是让元素运动速度有所变化，最常见的是让速度慢慢停下来思路：让盒子每次移动的距离慢慢变小，速度就会慢慢落下来。核心算法： (目标值 - 现在的位置) / 10 做为每次移动的距离步长停止的条件是： 让当前盒子位置等于目标位置就停止定时器注意步长值需要取整1.1.2 动画函数多个目标值之间移动可以让动画函...
2019-05-26 08:33:17
196
原创 webApi05
**1.1. **元素偏移量 offset 系列1.1.1 offset 概述offset 翻译过来就是偏移量， 我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意：返回的数值都不带单位1.1.2 offset 与 style 区别offsetoffset 可以得到...
2019-05-24 19:02:27
363
转载 转载：目前IT很火，很多人转行，简单培训后进入IT行业，那么这样“速成”的IT从业人员发展前景如何？
15年开始，做了两年多培训了，还是想说点东西，可能会很长，本来我想的问题就多，这个行业里可以说的又特别多，我也很少有草稿，基本上想到哪说到哪，所以我所以回答过的问题，如果你们觉得有需要，最好你们都提前保存，我自己是很少留底稿的，哪天心情不好全删了，很正常。转载随意 ，唯一的要示就是不准删减一个字。还有就是说到前景，必须会提到前景，只是说到前景之前，需要先把背景介绍清楚。我想想怎么说，这个话题有...
2019-05-23 18:52:10
905
原创 获取Url地址中参数的几种方法
方法一：原生js（假设已经获得了Url地址）var url = 'https://gitbook.cn/gitchat/geekbooks?tag=JavaScript&name=pwwu&age=24'; var temp1 = url.split('?'); var pram = temp1[1]; var keyValue =...
2019-05-22 18:14:38
5256
12
原创 webApi04
1.1. 常用的键盘事件1.1.1 键盘事件 <script> // 常用的键盘事件 //1. keyup 按键弹起的时候触发 document.addEventListener('keyup', function() { console.log('我弹起了'); }) ...
2019-05-22 16:36:40
408
原创 addEventListener方法与on事件的区别
on事件Javascript中可以对一些页面的事件设定触发值，例如常用的点击 onclick，鼠标移动 onmousemove，或者移动端屏幕点击 ontouchstart，其它类似的还有 onmousedown, onmouseup, onchange, onfocus, onmouseenter, ontouchmove, ontouchend 等等，可以对其设定值来实现事件触发后执行的操作...
2019-05-21 11:45:07
871
原创 JS中动态创建元素的三种方法总结(推荐)
1、动态创建元素一 document.write()例如向页面中输出一个 li 标签<pre class="html" name="code"><span style="font-size:12px;"><script> document.write("<li>123</li>");</script></spa...
2019-05-20 21:29:18
2122
原创 js中DOM 节点的一些操作方法
js中DOM 节点的一些操作方法什么是DOMDOM：文档对象模型。DOM 为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。DOM就是由节点组成的。解析过程HTML加载完毕，渲染引擎会在内存中把HTML文档，生成一个DOM树，getElementById是获取内中DOM上的元素节点。然后操作的时候修改的是该元素的属性。...
2019-05-20 20:44:08
299
原创 webApi03
Web APIs1.1. 节点操作1.1.1 删除节点node.removeChild() 方法从 node节点中删除一个子节点，返回删除的节点。 <button>删除</button> <ul> <li>熊大</li> <li>熊二</li> ...
2019-05-20 14:28:33
390
原创 webApi02
day02 - Web APIs1.1. 排他操作1.1.1 排他思想如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法：所有元素全部清除样式（干掉其他人）给当前元素设置样式 （留下我自己）注意顺序不能颠倒，首先干掉其他人，再设置自己 <button>按钮1</button> <button&g...
2019-05-19 15:41:28
412
原创 用js实现Tab栏切换
主要用到排他思想，另外给tab每个li标签添加一个index自定义属性（还需要用js获取）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init...
2019-05-19 15:06:41
2942
转载 总结js常用的dom操作（js的dom操作API）
节点查找APIdocument.getElementById ;//根据ID查找元素，大小写敏感，如果有多个结果，只返回第一个；document.getElementsByClassName ;//根据类名查找元素，多个类名用空格分隔，返回一个 HTMLCollection 。//注意兼容性为IE9+（含）。另外，不仅仅是document，其它元素也支持 getElementsByClas...
2019-05-17 21:15:14
397
原创 JS数组(Array)处理函数总结
#1、push() 向数组的末尾添加一个或更多元素，并返回新的长度例如： <script type="text/javascript"> var arr = ["George", "John", "Thomas"]; document.write(arr + "<br/>"); document.write(arr.push("Jam...
2019-05-17 19:37:43
147
云闪付开放平台技术对接文档20200115.docx
2020-02-25
云闪付开放平台技术对接文档1128.docx
2020-02-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人