云端君
码龄8年
关注
提问 私信
  • 博客:91,783
    问答:745
    92,528
    总访问量
  • 23
    原创
  • 1,765,898
    排名
  • 15
    粉丝
  • 0
    铁粉
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:湖南省
  • 加入CSDN时间: 2017-02-16
博客简介:

一入前端满是坑

博客描述:
在前端的路上越走越远!
查看详细资料
个人成就
  • 获得34次点赞
  • 内容获得14次评论
  • 获得149次收藏
  • 代码片获得216次分享
创作历程
  • 4篇
    2021年
  • 5篇
    2020年
  • 7篇
    2019年
  • 6篇
    2018年
  • 2篇
    2017年
成就勋章
TA的专栏
  • 数据库
    1篇
  • git教程
  • javascript
    17篇
  • 数组
    3篇
  • css
    2篇
  • html
    2篇
  • vue
    7篇
  • webpack
    1篇
  • es6
    4篇
  • 小程序
    2篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jses6webpack前端框架
  • 后端
    node.js
  • 微软技术
    typescript
创作活动更多

如何做好一份技术文档?

无论你是技术大神还是初涉此领域的新手,都欢迎分享你的宝贵经验、独到见解与创新方法,为技术传播之路点亮明灯!

342人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

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 ·
2997 阅读 ·
2 点赞 ·
2 评论 ·
10 收藏

小程序开发注意事项(长期更新...)

一、调试1、本地调试时注意打开(不校验合法域名等)说明:2、用体验版或开发版调试时,记得打开调试模式说明:二、过审注意1、要过审的小程序一定记得,不能不登录看不到东西,必须先进去小程序主页,再引导登录。三、开发注意1、用wx.request发送请求时,如想获得请求头里的cookie,部分手机首字段S为大写。说明:当无法获取cookie时,可以检查一下。res.header["Set-Cookie"] // S为大写res.header["set-cookie"] // s为小写注:
原创
发布博客 2021.07.19 ·
375 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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 ·
438 阅读 ·
0 点赞 ·
0 评论 ·
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 ·
939 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

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 ·
3998 阅读 ·
1 点赞 ·
0 评论 ·
7 收藏

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 ·
3245 阅读 ·
0 点赞 ·
0 评论 ·
6 收藏

记录MongoDB的一些坑

一、当作win10服务启动时错误net start mongodb(启动服务命令)1、提示“拒绝访问”,(解决方案:以管理员身份运行CMD即可)2、提示“服务没有响应控制功能 1053”(解决方案:需添加环境变量)添加环境变量方案:...
原创
发布博客 2020.03.18 ·
328 阅读 ·
0 点赞 ·
0 评论 ·
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 ·
334 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

vue移动端支付密码输入框(仿支付宝)

移动端支付密码输入框(仿支付宝)码云:https://gitee.com/roc1024/vue-pwd.git
原创
发布博客 2020.03.09 ·
1669 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

H5多线程Worker

前言javascript(以下简称js)是单线程语言,之所以是单线程,是因为他的作用是用来跟用户互动的,如果多线程,同时修改页面上的Dom,则会出错,开发起来会很复杂。但是随着js的作用越来越大,终端要求越来越高,我们是不是有些程序可以多线程处理,当然有,那就是H5的worker,那这样的话岂不是跟上面说的矛盾了?请接着往下看!下面我们将用一个列子先来实现worker,worker的API我...
原创
发布博客 2019.10.10 ·
513 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

JavaScript常见错误提示释义

{ "Missing semicolon.": "缺少分号.", "Use the function form of \"use strict\".": "使用标准化定义function.", "Unexpected space after '-'.": "在'-'后面不应出现空格.", "Expected a JSON value.": "请传入一个json的值....
转载
发布博客 2019.09.24 ·
1617 阅读 ·
0 点赞 ·
0 评论 ·
8 收藏

vue-cli3.0的项目上,配置多个环境

在vue-cli3.0的项目上,配置多个环境一般情况下,我们会需要三个环境(本地开发环境、测试环境、生产环境),而3.0默认只支持两个环境(即测试环境、生产环境),如何配置多个环境,请往下看:第一步在此处建立额外的环境配置文件,一个文件一个环境,如我要配置test(测试环境).evn.test内容NODE_ENV = 'test'第二步在项目根目录添加 config.js文件(此...
原创
发布博客 2019.08.23 ·
5148 阅读 ·
2 点赞 ·
3 评论 ·
18 收藏

微信小程序,用户拒绝授权处理

微信小程序授权状态处理,/** * 判断对应的name是否授权 * name{String} 权限scope字符串 */const authSetting = (name) => { return new Promise((resolve, reject) => { wx.getSetting({ success: res =&...
原创
发布博客 2019.08.07 ·
370 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

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 ·
3886 阅读 ·
3 点赞 ·
0 评论 ·
11 收藏

zTree js 树形结构图算法

特殊的数据形成树形需求数据分析源码需求有两个数据类,一个是树形最底层的成员数据userList。一个树形中的部门数据depList,利用这两类数据形成树形。数据// 成员数据const userList = [{ id: 1, name: '张三', avatar: 'http://...', depId: 1},{ id: 2, name: '李四', avatar: ...
原创
发布博客 2019.03.22 ·
1501 阅读 ·
3 点赞 ·
0 评论 ·
0 收藏

es6异步函数

异步与同步异步: 所谓异步,简单来说就是 不能连续执行,上一个任务没运行完,下一个任务照样运行,任务之间不能连续,不能首尾相连。同步: 同步则与异步相反,是 连续执行 的,下一个任务紧接着上一个任务之后运行,如果上一个任务没有运行完,下一个任务没法运行。异步的解决方案1、回调函数当我们需要在执行的函数中进行其他的操作,就需要用到回调函数了。如:function fn(args, cal...
原创
发布博客 2019.01.04 ·
1514 阅读 ·
2 点赞 ·
0 评论 ·
3 收藏

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 ·
3375 阅读 ·
2 点赞 ·
2 评论 ·
3 收藏

webpack4配置,构建多页面应用(收藏)

webpack4配置,构建多页面应用package.jsonwebpack.base.config.jswebpack.dev.config.jswebpack.prod.config.js目录说明package.json { &quot;name&quot;: &quot;dl-otc-es6&quot;, &quot;version&quot;: &quot;1.0.0&quot;,
原创
发布博客 2018.11.09 ·
1696 阅读 ·
1 点赞 ·
0 评论 ·
6 收藏

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 ·
21404 阅读 ·
5 点赞 ·
3 评论 ·
50 收藏

vue中axios的配置文件

import axios from 'axios' // 导入axiosimport qs from 'qs' // 导入qsimport Vue from 'vue' // 导入vueimpo...
原创
发布博客 2018.05.23 ·
2961 阅读 ·
1 点赞 ·
0 评论 ·
5 收藏
加载更多