- 博客(58)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 web前端实现微信签名 调用wx提供的API
web前端实现微信签名 调用wx提供的API（2）获取access_token、通过access_token获取jsapi_ticket，拿到签名所需要的数据进行ASCII排序后SHA1加密。（4）获取当前页面对应的url。（3）按ascii码从小到大排序。（3）拿到签名后进行微信配置。（2）生成时间戳或时间。
2023-07-14 10:45:13
915
转载 HTML的特殊字符
平时写代码很少用到HTML的特殊字符，最常用的可能是 了，但有时在移动端为了节省时间，可能会用这些字符实现某种特殊效果，现整理如下：使用方法：这些字符属于unicode字符集，所以，你的文档需要声明为UTF-8； 编号用在HTML中时，需要在前面加上&#符号； 用于CSS文件中，但是需要用反斜杠\转义； 用于JavaScript，和CSS用法一样，不过要用\u来转义。需要注意：有的字符在不同的浏览器下表现不太一样；比如小雪人 ☃ 在Firefox和Chrome下
2022-02-25 14:46:16
614
转载 微信小程序this.setData修改对象、数组中的值
在微信小程序的前端开发中，使用this.setData方法修改data中的值，其格式为：this.setData({'参数名1':值1,'参数名2':值2)} 需要注意的是，如果是简单变量，这里的参数名可以不加引号。 经过测试，可以使用3种方式对data中的对象、数组中的数据进行修改。假设原数据为：data:{ user_info:{ name: 'li', age: 10},cars:['nio...
2022-01-26 09:59:51
14092
原创 m3u8, flv, mp4格式视频demo源码分享
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>m3u8, flv, mp4格式视频demo源码分享</title> <link rel="stylesheet" type="text/css" href="http://qqxqs.com/resource/wetpl/default/web/css/.
2021-07-16 11:44:36
2247
原创 ES6知识点
1、js数据类型 值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。 引用数据类型：对象(Object)、数组(Array)、函数(Function)。2、let / const / var var 定义的变量，没有块的概念，可以跨块访问, 不能跨函数访问。 let 定义的变量，只能在块作用域里访问，不能跨块访问，也不能跨函数访问。 const 用来定义常量，使用...
2020-12-25 17:48:20
148
原创 javascript 数组
var arr = [ 1, 2, 3, 4, 5, 0, 4, 32, 1, 7, 78, 34, 234, 67, 5, 4, 1, 0 ];var arr1 = [ null, 'a', 999, undefined ];var obj = { name: 'zhangsan', age: 99 };1、 ES6去重Array.from(new Set(arr)).filter(x => x); // [1, 5, 3, 2, 4, 9]Array.from(new Set(ar.
2020-12-24 12:51:57
179
4
原创 Cesium -- Entity方式
1、viewer.entities属性实际上是一个EntityCollecton对象，是entity的一个集合，提供了add、remove、removeAll等等接口来管理场景中的entity。Cesium.EntityCollection.collectionChangedEventCallback(collection, added, removed, changed)add(entity) → EntitycomputeAvailability() → TimeIntervalcontai
2020-12-22 15:25:42
1898
原创 vue-devtools下载，安装，使用
如果想在所有浏览器总是用vue-devtools,那么操作如下步骤下载，安装，使用：百度云盘下载链接: https://pan.baidu.com/s/1BUQEeCmz3PDTvOGDy-dtMQ 提取码: e9fd安装工具// 全局安装，也可本地安装npm install -g @vue/devtools运行vue-devtools // 适用于全局安...
2020-01-16 20:16:47
566
原创 常用封装函数
1、数组去重并过滤数组中的所有假值1) unique: o => Array.from(new Set(o)).filter(x=>x)2) unique: o => [...new Set(o)].filter(x=>x)2、判断返回值是否为数组\对象1) isArray: o => Object.prototype.toString.call(o...
2019-11-21 14:46:50
1228
2
原创 css 横向、纵向滚动条
注意：(滚动条设置的width、height，分别是对应纵向滚动条 宽度、横向滚动条 高度，无法修改纵向滚动条高度、横向滚动条宽度数值只介绍Google浏览器滚动条样式，常用属性如下）::-webkit-scrollbar 滚动条整体样式 ::-webkit-scrollbar-button 一设置滚动条样式，滚动条两端的按钮图标就消失，但可以重新设置图片、新样式 ::-w...
2019-11-13 11:36:40
11538
7
原创 vue-cli3 history及config配置
vue.config.js文件配置注意点：1.在router.js中base字段配置url的路由地址，这个需要与后端域名根目录前的路径保持一致。 mode: 'history', base: '/project/'2.在vue.config.js中将publicPath的目录更改与base一致。 publicPath: "/project/", // 构建好的...
2019-09-07 17:53:45
4069
原创 git常用的命令
git init：创建gitgit add <file>：添加提交文件git commit -m “添加说明文字”git checkout -- <file>：git回退本地修改git branch -r: 查看远端所有分支git checkout -t origin/new_branch： 切换到远端的分支git push branch：提交本地...
2019-09-02 11:42:08
166
原创 原生js轮播图
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>原生js轮播</title> <style type="text/css"> * { margin: 0; pad...
2019-06-01 20:02:49
128
原创 滚动条样式
样式一：HTML部分：<table style="height: 410px" id="bridge_forecast_table"> <tr><th> id </th><th> sensor_code </th><th> value </th&a
2019-03-11 17:40:47
257
原创 vue通信及组件之间传值
原文链接：（https://github.com/Xweihaifeng/vue-props）借鉴链接：（https://blog.csdn.net/lander_xiong/article/details/79018737）常用vue通信大概有这几种方式进行：组件间的父子之间的传值 组件间的子父之间的传值 非组件间的组件间的传值（简称：EventBus） sessionStora...
2019-03-08 10:07:44
11120
6
原创 sublime text 3 安装 Install Package 时报错：There are no packages available for installation
问题描述： 解决方案： 下载Package Control.sublime-package插件： 方式一：（百度云盘下载链接：https://pan.baidu.com/s/1rvc3uBfqaZLlnzbCpzRKjQ 提取码：su15） 方式二：（打开网址：https://packagecontrol.io/installation，下载如下图所示） 下载完成后...
2019-02-27 11:31:23
691
原创 字符串去重的（6）种方法
1、ES6去重var string = 'aaaadfsdgsdd';function uniqString(str) { return Array.from(new Set(str.split(''))).join('');}uniqString(string); // adfsg2、正则去重var string = 'aaaadfsdgsdd';function...
2019-02-21 09:18:24
10195
原创 rgba和hex之间转换
分享颜色插件【1:spectrum：https://www.bootcdn.cn/spectrum/ 2:官网：http://bgrins.github.io/spectrum/】1、hex转rgba 参考网站：https://blog.csdn.net/jyao_in/article/details/80615474var reg = /^#([0-9a-fA-f...
2019-02-19 17:27:21
5181
原创 input开关按钮
1、html部分<input class="switch-btn switch-btn-animbg" type="checkbox" checked><label><input class="switch-btn switch-btn-animbg" type="checkbox" checked> 默认选中</lab
2019-01-31 09:28:53
753
原创 babel ES6转码，及压缩生成min包
babel ES6转码，及压缩生成min包一、ES6转码准备： 1、node安装: 32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi 64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi ...
2018-12-11 18:41:53
3586
原创 js 获取标签索引值
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>
2018-11-28 16:36:47
1221
原创 ES6,ES5 判断数组维数
<!DOCTYPE html><html> <head> <title> ES6,ES5 判断数组维数 </title> </head> <body> <script type="text/javascript"&
2018-11-20 17:28:44
997
2
原创 两经纬度点之间的距离计算方法
方法一 /* 计算经纬度之间的距离公式 */function getRad(d) { var PI = Math.PI; return d * PI / 180.0;}/** * 获取两个经纬度之间的距离：A[lng1,lat1],B[lng2,lat2] * @param lng1 A点的经度 * @param lat1 A点的纬度 * @param lng2 B点的...
2018-10-25 10:02:44
3373
原创 导入、导出 json
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>导入本地json、导出数据json文件并显示内容</title> </head> <body&g
2018-10-19 10:26:30
1244
转载 es6数组操作
ES6 新特性之数组扩展Array.from()from 方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括ES6新增的数据结构Set和Map）。语法Array.from(arrayLike[, mapFn[, thisArg]])参数arrayLike 想要转换成数组的伪数组对象或可迭代对象...
2018-07-23 12:01:06
726
转载 HTML5 标签列表
HTML5 标签列表跳转到： 根元素文档元数据脚本章节组织内容文字形式编辑嵌入内容表格表单交互元素另请参阅这里列出了所有标准化的 HTML5 元素，使用起始标签描述，按照功能分组。与列出所有标准化的、非标准化的、有效的、废弃的标签的 HTML 元素索引 不同的是，该页只列出有效的 HTML5 元素。新网站应当只使用这里列出的元素。符号 代表该元素是在 HTML5 中新增的。另外注意，这里列出的其...
2018-05-03 15:11:49
244
转载 Vue2.0生命周期和钩子函数
前言在使用vue一个多礼拜后，感觉现在还停留在初级阶段，虽然知道怎么和后端做数据交互，但是对于mounted这个挂载还不是很清楚的。放大之，对vue的生命周期不甚了解。只知道简单的使用，而不知道为什么，这对后面的踩坑是相当不利的。因为我们有时候会在几个钩子函数里做一些事情，什么时候做，在哪个函数里做，我们不清楚。于是我开始先去搜索，发现vue2.0的生命周期没啥文章。大多是1.0的版本介绍。最后还...
2018-04-26 09:24:04
645
转载 vuejs vue实例的生命周期
每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如，实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ，然后在数据变化时更新 DOM 。下图展示的就是一个vue实例对象的生命周期。 从图上我们可以看到vue在生命周期中有这些状态，beforeCreate,created,beforeMount,mounted,beforeUpdat...
2018-04-04 11:12:02
185
转载 JQuery 对 Select option 的操作
下拉框：select id="selectID" > option value="1">1option> option value="2">2option> option value="3">3option> option value="4">4option> option value="5">5option> optio
2017-11-15 11:21:38
257
原创 css3+jsvascript 制作图片跑马灯
css3+jsvascript 制作图片跑马灯 * { transition: .1s; list-style: none; } .list { position: relative; width: 800px; height: 100px; background-color: #FEFEF2; border: 1px sol
2017-11-03 17:59:24
1117
原创 css3 动画的播放、暂停和重新开始
播放先在@keyframes中创建动画，之后把它捆绑到某个选择器，就可以产生动画效果。html<div id="box" class="box"></div> css@keyframes mymove { 0% { margin-left: 0px; } 50% { margin-left: 400px;...
2017-11-03 17:33:31
5134
2
原创 原生 js 计算时间差
// 开始时间 var date1 = new Date(2017-10-14 10:35:39); // 结束时间 var date2 = new Date(2017-10-14 10:37:32); // 时间差（毫秒计算） var date3 = date2.getTime() - date1.getTime(); // 毫秒化天
2017-10-14 13:23:10
370
原创 弹出提示消息层
1、html部分2、css部分.prompt-info { min-width: 10rem; padding: 0.5rem 1.5rem; min-height: 3.5rem; position: fixed; transform: translate(-50%, -50%); left: 50%; top: -5%;
2017-09-02 11:50:25
333
原创 正则判断是手机号码
var regExp = "^((13[0-9])|(15[^4])|(18[0,2,3,5-9])|(17[0-8])|(147))\\d{8}$" // 正则表达式var objExp=new RegExp(regExp) // 正则初始化对象var tel = "18310121542" // 输入手机号码objExp.test(tel) // 正则验证号码
2017-09-01 13:09:55
690
空空如也
Ajax data和form有什么区别
2017-03-03
TA创建的收藏夹 TA关注的收藏夹
TA关注的人