kyunsoo的博客

原创 el-table父子展示不同内容；隐藏内层选择器；列添加不同颜色

父子层级；添加标识；隐藏选择器方法

原创 检测是否使用线连，监控屏幕数量

constshell=require('node-powershell');letps=newshell({executionPolicy:'Bypass',noProfile:true});//Togetnumberofscreenattacheduncommentthebelowlineps.addCommand('(Get-CimInstance-Namespaceroot\\wmi-ClassNameWmiMo...

原创 canvas设置width和height尺寸的问题，注意添加样式的书写形式

功能需求：人脸识别中使用canvas绘制图片，并修改图片的显示与上传尺寸大小。

原创 VUE不断请求报错sockjs-slient/info?t=提示加载错误

解决vue不停请求 /sockjs-node/info?t= 问题使用cli3会遇到一直报错get不到/sockjs-node/info?t= 的问题：如果你的项目没有用到 sockjs，那么就找到报错的地方，将其注释掉即可。路径在/node_modules/sockjs-client/dist/sockjs.js，第1606行：然后重新运行。可能会有[WDS] Disconnected!,查找文档解决方案：将localhost改为ip...

原创 mac打开airplay（隔空播放）

两种路径打开方式：1.点击上方右地址栏【电视机图标】，选择隔空播放。2.点击上方左地址栏【苹果图标】-->系统偏好设置-->点击显示器-->显示设置显示器-->点击选择要连接的投屏设备名。...

原创 websocket报错信息：Error parsing handshake response: Error: Expected a handshake response from the server

握手链接后关闭程序，wabsocket无断连导致报错

转载 解决console控制台反复打印“WebSocket connection to ‘ws://192.168.******/sockjs-node/470/djhbq40w/websock

原文链接：https://fullsmilespace.com/?p=304vue.config.js中配置devServer.proxy的ws为falsemodule.exports = { devServer: { proxy: { '/': { ws: false, // proxy websockets target: 'http://192.168.11.172:809...

原创 svn查看当前项目地址

点击项目文件右键-(hover)TortoiseSVN-Repo-browser

原创 全局封装公用变量

1.新建文件夹：单文件组件<script>const imgurl = "/";export default {imgurl //图片前缀路径};</script>2.main.js3.使用：this.global.imgurl

原创 es6解构赋值

参考原文链接：https://www.jianshu.com/p/390a65d7a353;实际运用：更换不一线上图片并且展示无线上数据的默认图片，代码优化：

原创 数组指定位置添加元素+数组去重

AuthIds.splice(0, 0, 1); //想数组指定位置添加首页id:1AuthIds = [...new Set(AuthIds)]; //去重：id为1重复

原创 vue+element:时间日期选择器与手机键盘同弹出

使用日期时间选择器禁止手机键盘弹出：加:editable="false"<el-date-picker :editable="false"></el-date-picker>

原创 vue打包文件过大

H5:dist打包有8M左右.原因：1）项目功能繁杂；2）选择任一地址等插件的下载；#尝试解决方法：局部引用element-日期时间选择器。 1,（.babelrc）添加 "es2015", {"modules": false}"plugins": [["component",{"libraryName"...

原创 页面中添加视频

<iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=d0540qzi1tb" allowFullScreen="true"></iframe>

原创 input输入时提示旧输入记录

input框需要输入时,之前的数据回显示出来,在input框里加入这个autocomplete="off"

原创 修改select样式

原创 限制input输入值类型只能为正整数

<input class="layui-input" onkeyup="value=zhzs(this.value)" lay-verify="required|number" id="" name="" value="" maxlength="7">//转化正整数function zhzs(value){ value = value.replace(/[^\...

原创 layui 新添加数据不重叠

知识点1：注释内容添加新一行内容会导致：添加数据一样（新增的数据会被后添加的数据被同化）。解决：push({id:'' "})。知识点2：获取选中下拉选项的id和name值。$('selece option[value='+data.field.user_auth_id+']')...

原创 vue+elementUI+vee-validate@2.0.0-rc.25中的validate插件报错

1.2.报错原因：vee-validate和elementUI的field属性冲突.validate.js文件：修改fieldsBagName: 'fields'-->fieldsBagName: 'fieldss', (此处多加了s)const config = {locale: 'zh_CN',errorBagName: 'errors', // change i...

原创 使用jOrgChart实现层级树图

代码来源：https://github.com/wesnolte/jOrgChart效果图：树图分为横竖两方向+ 分支带有点击收缩功能1）横向树图：2）竖向树图：出现点击文字收缩功能体验不好...

原创 vue中使用数据导出功能

1.下载依赖包： npm install -S file-saver xlsx npm install -D script-loader2.webpack.base.conf.js中添加配置 'scss_vars': '@/styles/vars.scss', 'excel': path.resolve(__dirname, '../src/e...

原创 配置并查看码云用户信息

1.配置用户姓名和邮箱： git config --global user.name '' git config --global user.email ''2.查看配置信息 查看系统config：git config --system --list 查看当前用户（global）配置：git config --global --li...

原创 vue中使用时间戳

1.新建js文件（文件位置自定义）export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); } let o =...

原创 动态添加排行前三不一背景图片

原创 小米，华为手机上显示移动端上线项目部分样式不全，已解决！！！

线上移动端样式无故失效：白框内的字体颜色显示不出来，线上和本地效果在电脑上是好的 没问题。因xsmax手机洋气效果实现无出现差错，尝试小米和华为手机无效，长按白框发现内部框内有显示内容。考虑为手机兼容性问题？样式覆盖的问题？尝试方法1：白框内的文字颜色值提高权值加important;尝试方法2：把父级元素的字体颜色值去掉，内部块样式分开另设置；以上方法无解决bug...

原创 搭建vue项目出现 bash:vue: command not found

问题所在：解：电脑全局搜索cmd右键以管理员身份运行。1.npm install -g cnpm --registry=https://registry.npm.taobao.org2.cnpm install -g vue-cli实现效果：

原创 vuex基础

1、npm install vuex --save报错：vuex is not defind；配置时注意vuex的大小统一。2、新建store.js：import Vue from 'vue' //引入vueimport Vuex from 'vuex' // 引入vuexVue.use(Vuex) // 注册vuexexport default...

原创 码云配置公钥

生成公钥：git bash输入下图命令行(ssh-keygen -t rsa -C '邮箱')，后在带电脑用户中查找.ssh文件并复制key值

原创 将本地项目上传至码云仓库

1，首先在码云上新建一个项目 -->复制码云新建项目的地址路径（https或ssh）。2，本地新建一个文件夹 -->点击新建文件夹， 鼠标右键选择使用git bash打开3，git bash操作： git init(初始化文件生成.git文件) -->回车-->git re...

原创 input下方显示输入记录

input框需要输入时,之前输入的数据会在下方显示出来,解：在input框里加入autocomplete="off"

原创 select切换箭头样式换成图片导致点击图片无法触发select下拉功能

移动端select实现效果图在select标签上定位三角图片结果导致点击三角形图片无下拉效果。备用解决方案 ：直接浏览器查看原生类名改变原生三角的颜色！...

原创 50%+50%的网页特效

效果图：利用hover时图片移动特效实现网页50%+50%的双页面。&lt;style&gt; .percent { width: 100%; } .percent .left{ width: 50%; float:left; overflow: hidden...

转载 阿里巴巴iconfont字体图标使用方法

iconfont字体图标的使用方法--超简单!这里讲解的默认是元素使用类名;step 1:百度iconfont,找到阿里巴巴矢量图标库官网,然后注册登录,或者用github登录也行,此步骤跳过;step 2:找到图标管理-&gt;我的项目-&gt;然后新建项目:右边点击新建项目,用于保存自己常用的图标;step 3:项目新建完成后,往项目里添加我们要想使用的图标,找到图标库,搜索一个想要的图标,然...

转载 滚动穿透：屏幕上滑动能够滑动背景下面的内容

移动端滚动穿透问题完美解决方案2016年6月1日目录问题css 之 overflow: hiddenjs 之 touchmove + preventDefault解决方案 position: fixeddocument.scrollingElement参考问题众所周知，移动端当有 fixed 遮罩背景和弹出层时，在屏幕上滑动能够滑动背景下面的内容，这就是臭名昭著的滚动穿透问题之前搜索了一圈，找到下...

转载 animate.css动画的使用

1、首先引入animate css文件123&lt;head&gt;  &lt;link rel="stylesheet" href="animate.min.css"&gt;&lt;/head&gt;2、给指定的元素加上指定的动画样式名1&lt;div class="animated bounceOutLeft"&gt;&lt;/div&gt;这里包括两个class名

原创 原生 列表页跳转到详情页的渠道

&lt;body&gt; &lt;a href='www.baidu.com' id='id1' onclick='dian(this)'&gt;请点击我&lt;/a&gt; &lt;script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script&gt;

转载 JS获取复选框被选中的值

&lt;head&gt; &lt;script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;&lt;/head&gt;&lt;body&gt; &lt;div id="chkDiv"&gt; &lt;input type=radio v

转载 JavaScript之三元运算符

三元条件运算符格式： 表达式1?表达式2:表达式3说明：如果表达式1为true ，则整个表达式的结果就是表达式2的值，如果表达式false，则整个表达式的结果就是表达式3的值.例子：1、使用三元运算符计算2个数的最大值&lt;script type="text/javascript"&gt;var a,b,c;a=window.prompt("第1个数");//从页面中接受的是字符串b=windo...

原创 Vue点击切换功能

原创 不能直接在 <a> 中添加......

&lt;a class="button" href="http://www.org/dist/345636853978d8.js&gt;&lt;text class="text"&gt;exo&lt;/text&gt;&lt;/a&gt;。请不要为 &lt;a&gt; 添加 click 事件。不能确保 click 事件和 href 跳转的执行顺序...