- 博客(40)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 vue 循环动态设置ref并获取$refs
vue 循环动态设置ref并获取$refs关于ref的使用和场景请看官网文档下面是我对循环设置ref并获取使用的一些办法，简单记录一下一. 使用理解步骤（个人理解、大白话概况）单循或双循环标签使用,无论那种都要**保证ref唯一**例如：可以在ref值后面附带id或不会重复的索引针对上述唯一的ref进行获取获取：单循环可以直接用$refs获取非单循环可以通过eval(）获取二. 单循环和无循环动态设置ref设置 【ref=“xxx”】【ref="‘xxx’+index"】就.
2020-12-24 11:43:04
12650
3
原创 vue 生命周期及watch、计算属性等等的理解
以下属于个人理解，如果不足请各位大佬多多提点记忆单词 有d无d 有ed等等细节、彻底理解弄懂Tips:components、watch、computed、methods是以:{}的方式引入，其他是已(){}的方法引入<template> <div>{{b}}</div></template><script> export default{ //data 下面要加return是局部定义变量 //d.
2020-08-21 12:10:22
1486
原创 vue filters的使用
filters 过滤器：「Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：」先说说我个人使用过后的总结filters的使用常用的有两种 局部和全局美的很、感觉就是用的舒服，简单且功能强大使用场景处理显示的数据，比如：有后缀 有前缀 5¥ 10¥ 时间戳转化正常时间等等…方法一：局部使用.
2020-08-12 15:55:57
1061
原创 vue组件,父传子、子传父、父调子、子调父简单理解总结
总结目录方法总结子组件获取父组件变量(也可用父组件调用子组件中的方法传值)父组件获取子组件变量(介绍两种方法)父组件调用子组件中的方法子组件调用父组件中方法(介绍两种方法)方法总结vue父子组件数据/方法传递调用变量传递： 父组件变量传送到子组件、子组件变量传送到父组件方法调用： 父组件调用子组件中方法、子组件调用父组件中方法子组件获取父组件变量(也可用父组件调用子组件中的方法传值)方法关键字：props步骤(2步)：在父组件引用子组件标签中定义接受变量名并传值 。公式：:子组件接
2020-05-29 19:09:06
1357
原创 js银行卡、手机号等校验汇总
前端JS银行卡等校验方法总结银行卡输入添加空格和长度限制/** * 银行卡格式化 * 如何：6217 0044 0000 2047555 */ formatBankNo:function (BankNo){ if (BankNo.value == "") return; var account = new String (BankNo.value); account = account.substring(0,22).
2020-05-21 10:42:51
1924
1
原创 报错:属性或方法“xxxx”对应的数据没有找到
报错：Property or method "xxxx" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.直白翻译：属性或方法“xxxx”不是在实例上定义的，而是在呈现过程.
2020-05-20 12:03:54
3311
原创 vue项目全局定义 loading
vue项目通过vuex全局定义loading，简单记录一下涉及的方面：elementUI(其中loading) 、vuex引入vuex//main.jsimport store from './vuex/index';new Vue({ router, store, render: h => h(App)}).$mount('#app');在能正常使用elementUi和vuex前提下,直接记录全局loading的步骤1. App.vue只保留有关lo.
2020-05-14 11:19:23
806
原创 input输入密码的时候调用纯数字键盘和加密，js弹出键盘
input输入密码的时候调用纯数字键盘,而且还是密文显示输入条件1. 显示密文2. 只能输入数字3. 调用数字键盘解决方法1.密文：type = "password" / type="tel"2.限制数字：用正则3.调用数字键盘：type="tel" style="-webkit-text-security:disc"<input type="tel" patter...
2019-11-26 10:23:08
1757
原创 elemnt-ui本地引用无网使用
element ui 下载本地css/js/woff ，无网也能使用下载地址： https://download.csdn.net/download/tjj3027/10796008全部下载下载替换，要js css woff都是同一个版本的。否侧icon会成为小方块修改路径 ，我懒得格式化了，路径修改方式和平时的方式一样...
2019-11-25 17:36:25
514
原创 Mac安装和使用Nginx
Mac电脑Nginx的安装和使用当前系统环境安装步骤：1.安装 hombrew (已安装可跳过)2.安装 nginx3.配置 nginx1.安装过程hombrewbrew(homebrew),Mac OSX上的软件包管理工具，类似linux中yum，能在Mac中方便安装软件或者卸载软件，brew 的官方网站： http://brew.sh/ 在官方网站对brew的用法进行了...
2019-11-13 18:34:39
334
原创 js调用vue方法，vue.js引入封装组件
今天在vue和js共存的html中开发，首次碰倒这种，虽然简单但自己还是不会。在这里简单记录一下VUE和JS方法的互相调用<script> new Vue({ el: '#app', data: function() { return { } }, created: function (){ window.creatA...
2019-10-14 21:59:31
8789
原创 Echarts图表tooltip添加点击按钮
Echarts图表tooltip添加点击按钮并获取具体时刻数据效果图功能：1. tooltip中添加一个查看按钮，2. 并且点击获得触发点的数据进行操作具体过程：ehcarts显示正常，并且在toopltip中添加formatter(params)函数对toopltip进行html设置显示按钮。css设置按钮style，按钮设置pointer-events简单两部分设置...
2019-08-15 17:48:06
20128
17
原创 jq版仿照elementUI日期选择器插件
jq版的仿照elementUI日期选择器插件样式效果代码案例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal...
2019-08-14 12:18:38
1236
1
原创 关于element-ui 中 table 鼠标悬停时高亮背景颜色的修改，添加fixed后颜色又出现问题
table 鼠标悬停时高亮背景颜色的修改.el-table tbody tr:hover>td { background-color: #颜色 } 或 .el-table__body-wrapper tbody tr:hover>td{ background-color: #颜色 } 就可以了如果添加了fixed 上面设置的鼠标悬浮颜色可能就一部分出现了原因是：...
2019-08-07 16:42:42
4942
10
原创 jq图片查看器
先看效果图修改内容修改：1.gallery.html 路径2.gallery iframe显示大小3.下载图片代码//下载 $download.on("click", function(){ var imgUrl = $image.attr("src"); if(!imgUrl){ alert("下载图片错误!"); return ...
2019-08-05 16:40:01
5690
3
原创 vue-fullcalendar 点击上月不跳转
本人所用版本和情况版本：vue-fullcalendar v1.0.9问题： 昨天刚好是7月31日，点击上月无效果，再次点击能正常跳转其他点击操作一切正常解决过程：经过查找问题根源，发现方法在vue-fullcalendar > dist > vue-fullcalendar.js文件1253行的changeMonth方法好像不对劲。通过打印输出观察，现在7月31...
2019-08-01 19:22:31
953
原创 如何用git上传代码到github详细步骤
注册账户 想使用github，第一步肯定是要注册github账号，有了账号就是直接登录啦可以直接打开http://github.com页面注册 创建仓库注册、登录完成之后，在登录页面最上方用户菜单上选择 “+”->New repository 创建一个新的仓库 进入创建仓库页面取名字、点击创建仓库，将会生成你的第一个仓库...
2019-07-12 15:22:02
46604
18
原创 video-js rtmp直播、this .el_vjs_getproperty问题、多个rtmp播放、可用rtmp地址
1.开始之前我们先看一下三种协议，RTMP、RTSP、HTTP协议。1、RTMP协议（1）RTMP(Real Time Messaging Protocol)实时消息传送协议是Adobe Systems公司为Flash播放器和服务器之间音频、视频和数据传输 开发的开放协议。（2）是流媒体协议。（3）RTMP协议是 Adobe 的私有协议，未完全公开。（4）RTMP协议一般传输的是 f...
2019-07-08 21:08:19
4373
12
原创 解决 Cannot read property 'beforeRouteEnter' of undefined
1. vue报错情况2.解决方法npm i [email protected] 将现在的版本降到2.4.0版本以下2.造成原因默认调用 BeforeRouteEntry 钩子导致。3. 解决后package-lock.json改变请路过的大佬指点原因！...
2019-06-28 11:26:25
2228
1
原创 window系统Nginx的使用经历和访问本地文件跨域问题
本人是在jquery项目上使用Nginx像我不可解Nginx、tomcat、Apache三个区别和用法。个人分享：https://www.zhihu.com/question/32212996/answer/87524617第一步：下载nginx、搭建、配置下载nginx: http://nginx.org/en/download.html解压到（D:\myProject\）下；将下...
2019-06-27 11:22:47
10570
2
原创 CSDN排名前10强（最新！）
No. 1stpeace原创：2165 粉丝：7659 喜欢：3969 评论：3401 访问：1786万+ 积分：18万+https://blog.csdn.net/stpeace/article/details/50811595No. 2yuanmeng001原创：5291 粉丝：1万+ 喜欢：1107 评论：2万+ 访问： 918万+ 积分...
2019-06-24 12:55:21
1279
2
原创 element-ui的table表中数据可编辑
先看效果html结构代码<el-table :data="tableData" highlight-current-row border :height='tableHeight'> <el-table-column prop="info.url" label="通道名称" align="center" class="compileNameFather" wid...
2019-06-10 17:05:01
17152
8
原创 js实现中英文切换（jquery.i18n.js）
jquery.i18n.js 实现中英文切换方法由于在公司官网所用到中英文切换功能，代码时js、jq写的。个人简单记录一下过程：用的方法是 jquery.i18n.js。jquery.i18n不多介绍，网上有很多相关的东东。用法用法是在html页面中引入jquery.i18n.js文件。在jquery.i18n.js中配置一下json语言包路径。在对应文件夹下引入编写语言...
2019-06-05 21:40:26
15249
17
原创 jquery 横向导航栏 免费
导航栏效果图：就不多啰嗦，这东西不难就是大多人不想写样式直接上代码：index.html<!doctype html><html><head><meta charset="utf-8"><title>jquery下拉导航例子</title><link media="screen" rel...
2019-05-07 18:44:17
990
2
原创 Git冲突：commit your changes or stash them before you can merge（在合并之前提交或保存更改）
我们先看下出现这种情况后的返回：红框中：冲突的文件原因：别人修改了文件并提交，你修改的文件也涉及到别人修改的文件。git pull 时就会现以上情况。解决方法：1. 放弃修改，可以先代码做备份再回退 ，继续git pull2. 利用stash 数据储存我个人不是很清楚stash ,所以要充一下电官网名称：git-stash - Stash the changes i...
2019-04-24 11:30:26
5405
1
原创 使用Chrome来调试你的Android App
1.调试需要的工具：USB线、安卓手机、电脑（有chrome浏览器）2.需要调试的app（后续补充说明）3.安卓手机打开USB调试；如图4.安卓手机 ； 使用 android 4.2 或以上的手机可能没有调试模式选项，可以找到 “设置 > 关于手机 > 版本号(Build Number)”, 点 7 次，然后返回开发者选项就可以了。5.电脑打开chrome，输入ch...
2019-01-25 16:06:34
7958
4
原创 移动端滑动穿透事件，支持ios、Android
直奔主题，这两天我负责开发的app内容遇到了一个问题：弹框底层页面还是能滑动问题（在Android和ios12系统一下是正常的，ios高版本可滑动）也就是我们所说的滑动穿透事件 我遇到的两种情况：第一种：如图（当弹框中内容不需要滑动）遇到这种情况网上一顿找，看看是什么原因造成的。说简单点就是滑动穿透事件造成滑动穿透事件：有一层遮罩蒙层覆盖在body上时，当我们...
2019-01-23 16:07:12
3591
1
原创 div中放入一个img元素导致div高度会多出3px问题
我的结构如下图，<div class="main-box"> <div class="container"> <img src="./images/icon-content.jpg" alt=""> </div>css部分为：.main-box,.container,.mai
2019-01-23 10:01:53
435
原创 perfect-scrollbar在vue中的使用
1.下载perfect-scrollbar依赖包1）直接下载依赖包及包含css样式和js2. 然后去查看package.json中是否有此目录，有=》OK ，没有需要添加 ，方便管理依赖避免丢失。3.perfect-scrollbar的使用1）引入 2)html中包裹所滑动的元素3）设置img-scrollbox的样式 =》出现传统滚动条说明：样式按...
2018-12-03 19:55:24
4046
原创 冒泡排序的优化和js跳出循环的方法
1.冒泡排序1）.今天下班时间看了《美团面试，我竟然输给了冒泡排序……》这篇博客，博主写的很666~~。先说说冒泡排序，相信每个程序员都烂熟于心，所以直接放上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="v...
2018-11-28 21:00:17
443
原创 template.js小白入门篇
1.刚接触template.js记录一下，首先放大招art-template.js官网：https://aui.github.io/art-template/ 可参考：http://www.jq22.com/jquery-info10972.接下来我们看一下这个到底是怎么用？首先template引入的包有两种，刚开始看到网上介绍的都是{{ }}以...
2018-11-22 19:57:43
2996
5
原创 前端概要设计模板
首先说明：概要设计不是对代码的条条翻译，先写概要设计再敲代码。 刚到这家公司因为熟悉业务逻辑，让我写概要设计来熟悉逻辑和业务。 今天花了一天时间去写这个概要设计，因为以前没有写过这种的概要设计，所以写了让有经验的同事看，再进行修改。 而我经过一天的练习，对本公司要求写的概要设计格式的理解 分两条主线：用户和系统 用户：事件、页面展示用户看的什么信息。 系统：代码从无到有 ...
2018-11-21 19:50:00
8606
1
原创 SVN拉取项目代码（checkout）和远程强制关闭一个现有链接
一、checkout代码创建文件夹，在哪个盘都可以 在文件夹中鼠标右击选择SVN Check out 弹出：写入svn URL ==》 ok， 小技巧：拉取项目代码时先不忙拉取代码可以将svn地址复制到浏览器可以打开查看目录。 紧接着弹出输入用户名和密码 之后弹出： 拉取代码界面： 二、远程强制关闭一个现有链接如下图：解决方式：右键 TortoiseS...
2018-11-10 21:18:32
18597
1
原创 element-ui的table动态生成表头和数据，且表中数据可编辑
如果只是实现element的table表格数据可编辑请到：https://blog.csdn.net/zeng092210/article/details/913856731.实现表头的动态渲染2.表头label和prop字段都要定义3.去判断显示那个数据表4.实现双击的时候在可编辑// 双击修改 弹出input tableDbEdit(...
2018-11-10 20:58:22
9482
2
原创 前端面试题
1.css内容溢出元素出现省略号text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;如果不行添加：display:block; overflow:hidden;2.css制作出一个三角形，鼠标悬浮时转动<!DOCTYPE ...
2018-10-25 21:48:41
249
原创 元素居中方法
方法一：margin方法利用margin-left和margin-top；公式 （大 - 小） / 2 = 异动距离。前提：父元素有边框，不然会出现将父元素也推着跑了<!DOCTYPE html><html><head> <title>center is div</title></head><s...
2018-10-23 22:33:59
161
1
原创 sublime 代码自动提示插件安装
前提：sublime、外网方法：一、导入文件夹方式： 菜单栏找到preferencse ==》 Browse packagesk 选择文件 （不过多介绍此方法） 二、网络安装按下 Ctrl + shift + p 输入install package 回车 紧接着输入SublimeCodeIntel，选择下面需要的这项 回车 等几秒钟，看到左下角...
2018-10-23 21:07:39
16183
原创 #include的使用方法
include的作用：#include叫做“文件包含” / include 语句包含并运行指定文件。功能：它的功能是用来指定文件的全部内容替换程序中的命令行，从而使指定的文件与当前源文件连成一个源文件书写格式：#include <文件名> //表示编译系统根据系统头文件存放的目录路径去搜索系统头文件，而不是在源文件目录去查找#include "文件名" //表示编译...
2018-10-23 09:57:46
24901
原创 VS code快捷键和chrome快捷键
编辑器名称：Visual Studio Code像我一样的小白可以参考一下：一、 vc 快捷键：全篇搜索：Ctrl+F (可选全匹配/不全匹配) 跳转到指定行：Ctrl+G 跳转到打开的指定页面：Ctrl+G再删除：上下键选择即可 打开编辑器内调试：Ctrl+shift+D(有点vscode编辑器是复制一行到下一行) 查找文件窗口，Ctrl+P 搜索变量，Ctrl+Shi...
2018-09-10 14:48:53
647
canvas鼠标箭头跟随漂亮动画特效.zip
2019-06-19
Canvas鼠标箭头跟随漂亮动画特效
2019-06-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人