![](https://img-blog.csdnimg.cn/20190918140213434.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
VUE.JS
VUE.JS
量子物理学
量子物理学是未来的发展方向,尤其是计算机方向的应用。现在的知识能力、学习能力、知识分享能力。人生能走多远,看与谁同行;有多大成就,看有谁指点。技术方向:广度-》深度-》精度。
展开
-
el-date-picker设置默认后无法回显
vue :js methods: { changeTime(e){ console.log(e) this.$forceUpdate() // 输入名称时手动更新视图 this.formData.yearMonth = e }, // 设置默认当前月 defultTime(){ var myDate = new Date(); var tYear = myDate.getFullYear(); var tMonth = myDate.getM原创 2021-06-01 10:41:46 · 563 阅读 · 0 评论 -
前端时间处理(格式化、时间加减法)
Momentjs关于moment.js处理时间一、安装使用下载使用二、日期格式化二、一些日期计算三、Durations关于moment.js处理时间前端开发的小伙伴应该都经常会遇到要处理时间格式的情况,力推moment.js,个人觉得很便捷。一、安装使用官方链接: moment.js.下载官网直接下载或者npm使用1.直接下载,引用moment.js2.npmconst moment = require(‘moment’)1二、日期格式化官网给出的几种情况(都是当前日转载 2021-05-31 19:36:16 · 2757 阅读 · 0 评论 -
es6 console 控制台
每个JavaScript开发人员都曾用到过console.log("message")这个方法。它提供了一个简单的调试控制台,类似于web浏览器提供的JavaScript控制台机制。在本文中,我们将讨论一些常用的JS控制台方法。以下所有方法在全局实例控制台中可用 ,因此不需要控制台模块。默认值:console.log()|info()|debug()|warn()|error()这些控制台方法将根据提供的事件类型直接以适当的颜色打印原始字符串。console.log...原创 2021-05-28 08:50:41 · 731 阅读 · 1 评论 -
Vue中,动态input获取value的值
子组件模板:<input type="text" class="num" :value='item.num' v-on:blur='changeNum(item.id, $event)'/>子组件方法:changeNum: function(id, event){console.log(id, event.target.value);}原创 2021-05-18 11:06:00 · 4615 阅读 · 0 评论 -
vue 图片下载到本地,图片保存到本地
必须同源(访问的网站域名与服务器域名一致)才能下载downs() { var alink = document.createElement("a"); alink.href = this.shop.shoppic_url; alink.download = "pic"; //图片名 alink.click();},解决图片不同源下载问题:downloadIamge(imgsrc, name) {//下载图片地址和图片名 var image = new Image();原创 2021-03-09 10:56:44 · 1535 阅读 · 0 评论 -
vuejs如何调试代码
https://www.cnblogs.com/ricolee/p/vue-debugging.htmlhttps://cn.vuejs.org/v2/cookbook/debugging-in-vscode.htmlhttps://www.cnblogs.com/xifengxiaoma/p/9530737.html基于webpack的配置调试#使用Vue-cli命令行工具初始化基于wabpack模板的项目的命令语法:Copynpm install -g @vue/..原创 2020-09-21 15:31:14 · 456 阅读 · 0 评论 -
[Vue warn]: Invalid prop: type check failed for prop “multipleLimit“. Expected Number with value 1,
原本是这样写的,控制台就会报标题的错误<el-select class="select" v-model="ruleForm.defaultlanguageid" multiple multiple-limit=1 placeholder=""> <el-option v-for="item in deflanguageoptions" :key="item.id" :label="item.lang原创 2020-09-16 16:35:20 · 2504 阅读 · 0 评论 -
VUE。JavaScript学习笔记:数组的concat()、slice()和splice()
JavaScript为操作已经包含在数组中的项提供了很多方法。比如push()、pop()、shift()和unshift()实现数组的增删操作、sort()和reverse()对数组项进行排序操作。今天学习操作数组的其他方法:concat()、slice()和splice()。concat()方法concat()方法可以简单的将其理解为合并数组。基于当前数组中的所有项创建一个新数组。简单的说,concat()先给当前数组创建一个副本,然后将接收到的参数添加到这个副本(数组)的末尾,最后返回一个新的转载 2020-09-10 08:57:02 · 1451 阅读 · 0 评论 -
Element UI在el-button上绑定mouseover和 mouseout事件
@mouseover.native = ""@mouseout.native = ""原创 2020-08-21 13:59:44 · 5259 阅读 · 0 评论 -
VUE.JS 使用axios数据请求时数据绑定时 报错 TypeError: Cannot set property of undefined 的解决办法
VUE.JS 使用axios数据请求时数据绑定时 报错 TypeError: Cannot set property 'xxxx' of undefined 的解决办法正常情况下在data里面都有做了定义在函数里面进行赋值这时候你运行时会发现,数据可以请求到,但是会报错 TypeError: Cannot set property 'listgroup' of undefined主要原因是:在then的内部不能使用Vue的实例化的this, 因为在内部this没有被绑定。...转载 2020-06-24 15:35:59 · 2173 阅读 · 0 评论 -
element ui 中el-table中单选按钮radio标签 lable标签后面的序列号的 删除问题
如果你按照网上的方法,做出了单选效果里面死活都有个序号去不掉的时候。请把 改成{{ }}!<el-table-column label="选择" width="55" > <template slot-scope="scope" > <el-radio :label="scope.$index" v-model="templa...转载 2020-06-24 14:11:52 · 677 阅读 · 0 评论 -
chrome插件开发入门
一、主要内容:开发(示例、manifest介绍) 几种js 调试 api 打包二、基础篇--如何开发1、一个简单的二维码插件目录,核心文件manifest.json,以下简称清单文件,这个文件是必须有的,其余的html、js、css、img等就根据需要来创建就可以了。chrome插件文件夹2、manifest.json介绍必须配置的字段、以及常用的配置字段manifest.jsondefalut_popup 必须指定html文件,另外html内不允许内联js(i原创 2020-06-10 09:41:44 · 475 阅读 · 0 评论 -
vue开发之不同浏览器的类型判断
一、通过navigator.userAgent来进行浏览器类型判断1. 定义和用法userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。一般来讲,它是在 navigator.appCodeName 的值之后加上斜线和 navigator.appVersion 的值构成的。例如:Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.2; SV1; .NET CLR ...原创 2020-05-30 09:52:32 · 3039 阅读 · 0 评论 -
【vue】使用el-date-picker遇到的坑:回显后无法更新数据
写前端日期选择的时候遇到一个很奇怪的问题,回显赋值后再次修改无法更新数据,然后根据这个问题在网上找答案,一直苦苦没有找到解决方案。碰巧,遇到以下一个问答:https://segmentfault.com/q/1010000016127303/问题几乎一样,然后按照其中的一位解答者提供的解决方案,成功解决。1. 问题还原:我将我的时间数组赋值给了日期选择器的v-model用的这种方式,this.form.value2 = arrayObj;回显正常,选择有问题2. 解决方案:使用$转载 2020-05-29 18:03:44 · 5706 阅读 · 0 评论 -
webpack/lib/RequestShortener
最近在学习webpack打包,遇到了一个小问题,在此记录一下。据说最新版的webpack版本里面已经默认集成了uglifyjs,因此可以直接引用,并在webpack.dev.js中进行配置:const uglify = require('uglifyjs-webpack-plugin');......plugins:[ new uglify() ],然而我这里一直报错:Error: Cannot find module 'uglifyjs-webpack-p.原创 2020-05-23 16:21:44 · 1712 阅读 · 0 评论 -
vue.js 生命周期-事件
beforeCreate(){ console.log('创建之前,beforeCreate....'); }, created(){ console.log('创建完成了,created...'); }, beforeMount...原创 2020-05-04 10:55:06 · 266 阅读 · 0 评论 -
前端需要了解的9种设计模式
前言小伙伴们,大家好。其实讲到设计模块,不知小伙们有没有察觉到,前端框架中其实运用比较的多的地方,大佬们一点就明白了,但初学者来说,不就是几行代码,几个方法体或者模块引用传参调用,没事关系,其实里面牵涉到很多很多设计理念在里面,而且考虑到后期维护,后期扩展等一系列的问题,比如最近国内流行的Vue框架,国内外流行的React,甚至老前辈框架Angular 和Jquery 库,底层设计都离不开设计...转载 2020-04-24 08:38:56 · 2191 阅读 · 1 评论 -
手把手教你用Canvas WebSocket Redis 实现一个视频弹幕
作者:Panda Shen转发链接:https://www.overtaking.top/2018/06/21/20180621113025/页面布局首先,我们需要实现页面布局,在根目录创建 index.html 布局中我们需要有一个 video 多媒体标签引入我们的本地视频,添加输入弹幕的输入框、确认发送的按钮、颜色选择器、字体大小滑动条,创建一个 style.cs...转载 2020-04-23 09:11:22 · 402 阅读 · 0 评论 -
ES6 Promise 用法
ES6 Promise 先拉出来遛遛复杂的概念先不讲,我们先简单粗暴地把Promise用一下,有个直观感受。那么第一个问题来了,Promise是什么玩意呢?是一个类?对象?数组?函数? 别猜了,直接打印出来看看吧,console.dir(Promise),就这么简单粗暴。这么一看就明白了,Promise是一个构造函数,自己身上有all、reject、resolve这几个眼熟的...转载 2020-04-14 10:23:54 · 158 阅读 · 0 评论 -
使用ES6新特性async await进行异步处理
我们往往在项目中会遇到这样的业务需求,就是首先先进行一个ajax请求,然后再进行下一个ajax请求,而下一个请求需要使用上一个请求得到的数据,请求少了还好说,如果多了,就要一层一层的嵌套,就好像有点callback的写法了,那是相当恶心的,下面我就来讲一下如何使用ES6的新特性async await进行异步处理,使上述情况就好像写同步代码一样,首先我们先举个例子:先写上json文件:code....转载 2020-04-14 10:02:26 · 185 阅读 · 0 评论 -
如何同步使用localForage
localForage具有双重API,允许您使用Node样式回调或承诺。如果您不确定哪一个适合您,建议使用Promises。因此,您可以根据需要使用其中的任何一个。如果使用诺言,您可以使用async/await等待结果localforage.setItem('testKey', 'testValue', async function() { var value = await g...原创 2020-04-14 10:00:06 · 2548 阅读 · 0 评论 -
npm install localforage
先安装npminstalllocalforageAPI:http://localforage.docschina.org/#原创 2020-04-13 17:32:42 · 769 阅读 · 0 评论 -
localForage——轻松实现 Web 离线存储
Web 应用程序有离线功能,如保存大量数据集和二进制文件。你甚至可以做缓存 MP3 文件这样的事情。浏览器技术可以保存离线数据和大量的储存。但问题是,如何选择合适技术,如何方便灵活的实现。 如果你需要开发一个支持离线存储的Web应用程序,不知道从哪里开始,那么这篇文章正是你需要的。您可能感兴趣的相关文章九个令人不可思议的 WebGL 应用试验 让你忘记 Flash 的15款 ...转载 2020-04-13 14:55:19 · 255 阅读 · 0 评论 -
vue-localforage
A simple Vue plugin wrapped from localForage.Installnpminstallvue-localforageimportVueLocalForagefrom'vue-localforage'Vue.use(VueLocalForage)Get item in localStoragethi...转载 2020-04-13 14:54:25 · 1581 阅读 · 0 评论 -
HTML5本地存储 localStorage 、sessionStorage、WebSQL、indexedDB
随着移动网络的兴起,WebApp也不在是新的话题了,以前Web与App原生系统最大3个差别在于:用户体验,主要涉及到操作的平滑性,软件整体的性能。 本地存储能力,原生App能很好的发挥本地存储的能力,将不常更新的数据长期存储在本地。 操作系统资源,原生App能很好操作其他的app,最为常见的功能是共享到微信朋友圈。这几年WebApp一直在想办法攻克这些难关,上述两个问题在随着技术的不断升...转载 2020-04-13 14:44:58 · 841 阅读 · 0 评论 -
轻松愉快的搞定ES6中的Map和Set
ES6出来也有一段时间了,现在最新的标准都已经到ES10了,所以说如果还对ES6不了解的同学真的要加把劲了。很多人抱怨前端发展太快,框架、知识点更新太频繁,我想说的是,如果你没法改变前端的发展方向,那就只有一个字干。今天小编整理了有关Map和Set这两个新的数据结构的相关知识,下面我们一起看下。MapMap对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。构造...转载 2020-04-11 09:20:21 · 151 阅读 · 0 评论 -
浏览器的底层是如何完成一次网络请求的?
对于面试的大部分前端开发者来说,对浏览器的了解也算是一知半解,因为我们一开始前端觉得,我们开发中通常使用浏览器来显示和调试页面用的,不会涉入到太过的相关浏览器工作原理知识。这你就大错特错了,虽然浏览器默默的为我们工作,但是有关浏览器的工作原理不但在你就业前端面试中属于重中之重,也是在前端优化中占有很大比重。作为一个前端开发如果不了解浏览器的工作原理,只能永远停留在前端“切图仔”水平。PS...转载 2020-04-11 09:19:50 · 625 阅读 · 0 评论 -
Vue这些修饰符帮我节省20%的开发时间
为了方便大家写代码,vue.js给大家提供了很多方便的修饰符,比如我们经常用到的取消冒泡,阻止默认事件等等~目录表单修饰符 事件修饰符 鼠标按键修饰符 键值修饰符 v-bind修饰符(实在不知道叫啥名字)表单修饰符填写表单,最常用的是什么?input!v-model~而我们的修饰符正是为了简化这些东西而存在的.lazy<div><input...转载 2020-04-11 09:19:07 · 90 阅读 · 0 评论 -
JS获取url参数(超简单)
用JS获取地址栏参数的方法(超级简单)function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg);//search,查询?后面的参数...转载 2020-04-08 15:22:15 · 243 阅读 · 0 评论 -
vue项目获取url参数
假设我们的url是http://www.demo.com/#/?channel=123&user=user#前的内容不影响1、首先先下载:npm i qs2、然后引入:import qs from 'qs'hash模式import Qs from 'qs'const query = Qs.parse(location.hash.substring(...原创 2020-04-08 15:09:23 · 875 阅读 · 1 评论 -
码云推荐:TypeScript + Node.js——微信系开发脚手架TNWX
介绍TNWX是笔者在码云上发现的一个微信系列的开发脚手架项目,看了一下不少人的评论就是两个字——专业,下面简单介绍;TNWX:TypeScript + Node.js + WeiXin 微信系开发脚手架,支持微信公众号、微信支付、微信小游戏、微信小程序、企业微信/企业号、企业微信开放平台。最最最重要的是能快速的集成至任何 Node.js 框架(Express、Nest、Egg、Koa 等)...转载 2020-04-06 17:33:05 · 615 阅读 · 0 评论 -
谷歌:我们将为Go、Angular、Dart、Flutter等开放代码搜索功能
Google已经为其几个热门的开源项目推出了Code Search,为广大软件社区提供了一个直到现在为止一直是Google最受欢迎的内部工具之一的开发者。Code Search或 "CS "目前支持Angular、Bazel、Dart、ExoPlayer、Firebase SDK、Flutter、Go、gVisor、Kythe、Nomulus、Outline和Tensorflo...原创 2020-04-06 17:09:04 · 513 阅读 · 0 评论 -
Vue真是太好了 壹万多字的Vue知识点 超详细!
1⃣️、Vue和其他两大框架的区别Angular 学习成本太高 React 代码可读性差 Vue 学习成本较低 很容易上手 VUE官方: https://cn.vuejs.org/v2/guide/comparison.html️2⃣️、Vue是什么Vue是一套用于构建用户界面的渐进式框架 "前端框架" 让程序员脱离自己操作DOM 专注于写逻辑和操作数据 Vue的核心库只关注视...转载 2020-04-03 08:50:18 · 475 阅读 · 0 评论 -
ES6 数组转换及查找
JSON是一种轻量级的数据交换格式,也是我们前端工程师们常用的数据类型,通过接口访问到的json数组,我们可以很快的渲染到页面中.Array.from 转换成数组let beline = { 0 : 'beline', 1 : 92, 2 : 'beline.com', length: 3}let arr = Array.from(beline)console.l...转载 2020-04-01 15:04:14 · 1096 阅读 · 0 评论 -
! [rejected] master -> master (fetch first)
就在我觉得大功告成在push的时候竟然出错了!!!,错误如下通过查看提示信息,我发现,是因为本地仓库和远程仓库的文件不一致所致,也就是说,github允许你本地仓库有的东西,远程仓库里没有,但不允许远程仓库有的东西,你本地仓库没有。问题找到了,解决办法就很简单了,那就是在push之前先同步一下本地仓库与远程仓库的文件。使用以下命令git pull --rebase origin mas...转载 2020-03-31 17:48:57 · 196 阅读 · 0 评论 -
vscode使用git提交项目到coding
目的:vscode使用git提交项目到coding第一步:把本地项目初始化前提已经安装好了 git 不会的,可以去看这篇文章https://blog.csdn.net/Tomwildboar/article/details/823126461-1右键项目 用 Git Bash 打开,然后输入命令 git init成功后,你的 vscode 这个地方会有显示1-2:再把...转载 2020-03-31 17:48:12 · 4149 阅读 · 0 评论 -
VUE学习笔记——es6对象合并 数组转对象
const arr = [{date: "2018-11-18", name: "demo1"}, {date: "2018-11-19", name: "demo2"}]; const target = {}; arr.forEach(a => { const source = JSON.parse(`{"${a.date}":"${a.na...原创 2020-03-26 10:04:14 · 3736 阅读 · 0 评论 -
vue中watch监听对象的变化
vue提供了watch方法,用于监听实例内data数据的变化。通常写法是:new Vue({ data: { count: 10, blog:{ title:'my-blog', categories:[] } }, watch: { count: function (newval, oldVal) { console.log(`new: %s, ...原创 2020-03-21 10:11:15 · 2280 阅读 · 0 评论 -
VUE页面刷新404
1、配置nginx(nginx和项目要在一台机器上)当访问vue页面时,直接访问url会被http server直接解析到该文件路径,但是spa的路由是虚拟的,并不能直接找到这个file,所以会404;需要把所有的请求全部指向(不知道这么说是不是准确)index,然后让js的router解析url, nginx 需要配置 try_files $url /index.html(出现该问题...原创 2020-03-19 17:09:26 · 1142 阅读 · 0 评论 -
VUE中数据排序sort() / 数据反转 reverse() 的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue中的变异方法:排序:sort()方法 和反转:reverse() 方法</title> <script type="text/javascript" ...原创 2020-03-16 13:49:23 · 7664 阅读 · 0 评论