- 博客(24)
- 收藏
- 关注
RSS订阅原创 webSocket客户端用法与实例
一、客户端API1、WebSocket构造函数初始化实例后，客户端就会与服务器进行连接！实例对象的相关属性，查看官方APIconst ws = new WebSocket('ws://localhost:8080');2、readyState属性readyState属性返回实例对象的连接状态。CONNECTING：值为0，表示正在连接。OPEN：值为1，表示连接成功，可以通信了。CLOSING：值为2，表示连接正在关闭。CLOSED：值为3，表示连接已经关闭，或者打开连接失败。3、
2021-07-22 17:21:10
2650
2
原创 小程序开发注意事项（长期更新...）
一、调试1、本地调试时注意打开（不校验合法域名等）说明：2、用体验版或开发版调试时，记得打开调试模式说明：二、过审注意1、要过审的小程序一定记得，不能不登录看不到东西，必须先进去小程序主页，再引导登录。三、开发注意1、用wx.request发送请求时，如想获得请求头里的cookie，部分手机首字段S为大写。说明：当无法获取cookie时，可以检查一下。res.header["Set-Cookie"] // S为大写res.header["set-cookie"] // s为小写注：
2021-07-19 11:15:14
341
原创 Element UI select 获取对象
文档说明代码块<el-select v-model="buildNumItem" filterable allow-create default-first-option @change="selectBuildNum" placeholder="请选择楼栋" value-key="biId"> <el-option v-for="item in binumData" :key="item.biId" :label="item.biNum" :value="item"><
2021-07-19 10:51:04
372
原创 让Element UI 的 弹窗Dialog动起来
一、新增一个dialog.js文件import Vue from 'vue'// v-dialogDrag: 弹窗拖拽Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header') const dragDom = el.querySelector('.el-dialog
2021-07-19 10:42:59
835
原创 html2canvas的问题及应用
1.安装方式1.1 npm 安装npm install --save html2canvas1.2 Yarn 安装yarn add html2canvas1.3 传统引入 <script type="text/javascript" src="http://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>2.使用方式2.1 HTML<div id="capture" style="pad
2020-06-04 15:24:02
3846
原创 vue项目——px自动转换rem——自动设置根节点font-size
postcss-pxtorem说明：自动把px单位转化为rem单位用法：postcss.config.js里配置内容module.exports = { plugins: { "autoprefixer": { overrideBrowserslist: ['Android >= 4.0', 'iOS >= 7'] ...
2020-04-03 10:08:36
3091
原创 记录MongoDB的一些坑
一、当作win10服务启动时错误net start mongodb（启动服务命令）1、提示“拒绝访问”，（解决方案：以管理员身份运行CMD即可）2、提示“服务没有响应控制功能 1053”（解决方案：需添加环境变量）添加环境变量方案：...
2020-03-18 15:16:01
269
原创 记录常用前端框架及插件（长期更新中...）
PC端Element-UI官方文档：https://element.eleme.cn/#/zh-CN说明：vue后台管理系统开发首先框架，可自定义主题。Layer-UI官方文档：http://layer.layui.com/说明：官方包含单独的弹窗组件，包含移动端UIlayer-ui是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛...
2020-03-16 14:26:16
262
原创 vue移动端支付密码输入框（仿支付宝）
移动端支付密码输入框（仿支付宝）码云：https://gitee.com/roc1024/vue-pwd.git
2020-03-09 16:55:00
1599
原创 H5多线程Worker
前言javascript（以下简称js）是单线程语言，之所以是单线程，是因为他的作用是用来跟用户互动的，如果多线程，同时修改页面上的Dom，则会出错，开发起来会很复杂。但是随着js的作用越来越大，终端要求越来越高，我们是不是有些程序可以多线程处理，当然有，那就是H5的worker，那这样的话岂不是跟上面说的矛盾了？请接着往下看！下面我们将用一个列子先来实现worker，worker的API我...
2019-10-10 09:51:59
462
转载 JavaScript常见错误提示释义
{ "Missing semicolon.": "缺少分号.", "Use the function form of \"use strict\".": "使用标准化定义function.", "Unexpected space after '-'.": "在'-'后面不应出现空格.", "Expected a JSON value.": "请传入一个json的值....
2019-09-24 10:30:15
1392
原创 vue-cli3.0的项目上，配置多个环境
在vue-cli3.0的项目上，配置多个环境一般情况下，我们会需要三个环境（本地开发环境、测试环境、生产环境），而3.0默认只支持两个环境（即测试环境、生产环境），如何配置多个环境，请往下看：第一步在此处建立额外的环境配置文件，一个文件一个环境，如我要配置test（测试环境）.evn.test内容NODE_ENV = 'test'第二步在项目根目录添加 config.js文件（此...
2019-08-23 11:51:18
5016
3
原创 微信小程序，用户拒绝授权处理
微信小程序授权状态处理，/** * 判断对应的name是否授权 * name{String} 权限scope字符串 */const authSetting = (name) => { return new Promise((resolve, reject) => { wx.getSetting({ success: res =&...
2019-08-07 15:32:04
322
原创 es6数组遍历（map、filter、find、findIndex）
数组遍历arr.map(callback [, thisArg])map方法我们用得最最最多了吧，超级好用，当你需要批量改变数组中的值的时候就要想到它了注：map方法不会改变原始值，它会返回一个新的数组例：let arr = [1, 2, 3, 4, 5, 6]// 把上面的arr中数据统一加2arr = arr.map(val => val + 2)console.log(...
2019-07-04 16:48:20
3815
原创 zTree js 树形结构图算法
特殊的数据形成树形需求数据分析源码需求有两个数据类，一个是树形最底层的成员数据userList。一个树形中的部门数据depList，利用这两类数据形成树形。数据// 成员数据const userList = [{ id: 1, name: '张三', avatar: 'http://...', depId: 1},{ id: 2, name: '李四', avatar: ...
2019-03-22 10:51:25
1435
原创 es6异步函数
异步与同步异步： 所谓异步，简单来说就是 不能连续执行，上一个任务没运行完，下一个任务照样运行，任务之间不能连续，不能首尾相连。同步： 同步则与异步相反，是 连续执行 的，下一个任务紧接着上一个任务之后运行，如果上一个任务没有运行完，下一个任务没法运行。异步的解决方案1、回调函数当我们需要在执行的函数中进行其他的操作，就需要用到回调函数了。如：function fn(args, cal...
2019-01-04 14:47:14
1425
原创 es6处理字符串（indexOf、startsWith、endsWith、includes）
字符串查找str.indexOf(searchValue[, fromIndex])以前用indexOf来查找字符串是否存在，并返回索引位置，当不存在时返回-1。例：let str = 'How are you';console.log(str.indexOf('no')) // -1此时我们就根据这个返回值是否为-1来判断字符串是否存在，当然为了简便，我们也会用二进制取反的方式来...
2018-12-29 14:23:59
3297
2
原创 webpack4配置，构建多页面应用（收藏）
webpack4配置，构建多页面应用package.jsonwebpack.base.config.jswebpack.dev.config.jswebpack.prod.config.js目录说明package.json { "name": "dl-otc-es6", "version": "1.0.0",
2018-11-09 17:07:10
1554
原创 vue-cli3.0之vue.config.js的配置项（注解）
module.exports = { // 部署应用时的基本 URL baseUrl: process.env.NODE_ENV === 'production' ? '192.168.60.110:8080' : '192.168.60.110:8080', // build时构建文件的目录 构建时传入 --no-clean 可关闭该行为 outputDir: ...
2018-09-13 17:19:02
21278
3
原创 vue中axios的配置文件
import axios from 'axios' // 导入axiosimport qs from 'qs' // 导入qsimport Vue from 'vue' // 导入vueimpo...
2018-05-23 10:25:40
2880
原创 前端利用私钥加签
/* 获取加签名后的字符串 * str: [string、number、obj] 要加签的数据 * 返回值：加签名后的字符串 */function getSign(str) { var sig = new KJUR.crypto.Signature({"alg": "SHA1withRSA"}); sig.init(USERINFO.SLJ_PRIVATE_KEY);
2018-01-19 11:07:13
2979
原创 改变input在disabled状态下的样式
input在disabled状态下，系统默认为变灰文字，以及透明度，所以光改文字颜色是不够的input[disabled],input:disabled,input.disabled{ color: #333; -webkit-text-fill-color:#333; -webkit-opacity:1; opacity: 1; }
2018-01-10 16:34:09
10830
4
原创 数组对象的属性与方法
数组对象的属性与方法属性：constructorlengthprototype方法：concat()join()pop()push()reverse()shift()slice()sort()splice()toSurce()toString()toLocaleString()unshift()valueOf()constructor书面说法： 返回对创建此对
2017-12-21 14:44:31
1597
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人