javascript
云端君
这个作者很懒,什么都没留下…
展开
-
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 · 2712 阅读 · 2 评论 -
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 · 390 阅读 · 0 评论 -
让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 · 873 阅读 · 0 评论 -
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 · 3900 阅读 · 0 评论 -
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 · 3143 阅读 · 0 评论 -
记录常用前端框架及插件(长期更新中...)
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 · 269 阅读 · 0 评论 -
vue移动端支付密码输入框(仿支付宝)
移动端支付密码输入框(仿支付宝)码云:https://gitee.com/roc1024/vue-pwd.git原创 2020-03-09 16:55:00 · 1618 阅读 · 0 评论 -
H5多线程Worker
前言javascript(以下简称js)是单线程语言,之所以是单线程,是因为他的作用是用来跟用户互动的,如果多线程,同时修改页面上的Dom,则会出错,开发起来会很复杂。但是随着js的作用越来越大,终端要求越来越高,我们是不是有些程序可以多线程处理,当然有,那就是H5的worker,那这样的话岂不是跟上面说的矛盾了?请接着往下看!下面我们将用一个列子先来实现worker,worker的API我...原创 2019-10-10 09:51:59 · 472 阅读 · 0 评论 -
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 · 1503 阅读 · 0 评论 -
vue-cli3.0的项目上,配置多个环境
在vue-cli3.0的项目上,配置多个环境一般情况下,我们会需要三个环境(本地开发环境、测试环境、生产环境),而3.0默认只支持两个环境(即测试环境、生产环境),如何配置多个环境,请往下看:第一步在此处建立额外的环境配置文件,一个文件一个环境,如我要配置test(测试环境).evn.test内容NODE_ENV = 'test'第二步在项目根目录添加 config.js文件(此...原创 2019-08-23 11:51:18 · 5036 阅读 · 3 评论 -
微信小程序,用户拒绝授权处理
微信小程序授权状态处理,/** * 判断对应的name是否授权 * name{String} 权限scope字符串 */const authSetting = (name) => { return new Promise((resolve, reject) => { wx.getSetting({ success: res =&...原创 2019-08-07 15:32:04 · 336 阅读 · 0 评论 -
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 · 3836 阅读 · 0 评论 -
zTree js 树形结构图算法
特殊的数据形成树形需求数据分析源码需求有两个数据类,一个是树形最底层的成员数据userList。一个树形中的部门数据depList,利用这两类数据形成树形。数据// 成员数据const userList = [{ id: 1, name: '张三', avatar: 'http://...', depId: 1},{ id: 2, name: '李四', avatar: ...原创 2019-03-22 10:51:25 · 1444 阅读 · 0 评论 -
es6异步函数
异步与同步异步: 所谓异步,简单来说就是 不能连续执行,上一个任务没运行完,下一个任务照样运行,任务之间不能连续,不能首尾相连。同步: 同步则与异步相反,是 连续执行 的,下一个任务紧接着上一个任务之后运行,如果上一个任务没有运行完,下一个任务没法运行。异步的解决方案1、回调函数当我们需要在执行的函数中进行其他的操作,就需要用到回调函数了。如:function fn(args, cal...原创 2019-01-04 14:47:14 · 1438 阅读 · 0 评论 -
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 · 3326 阅读 · 2 评论 -
数组对象的属性与方法
数组对象的属性与方法属性:constructorlengthprototype方法:concat()join()pop()push()reverse()shift()slice()sort()splice()toSurce()toString()toLocaleString()unshift()valueOf()constructor书面说法: 返回对创建此对原创 2017-12-21 14:44:31 · 1618 阅读 · 0 评论 -
前端利用私钥加签
/* 获取加签名后的字符串 * 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 · 2997 阅读 · 0 评论