- 博客(41)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 解决vue项目中出现NavigationDulicated，navigating to current location(xxxx) is not allowed的问题
这个就是路由问题， 在路由中添加的相同的路由，我们只需要重写路由就行了可以在router文件或者main.js文件里面引入vue-router，添加以下代码即可import Routers from "vue-router";const routerPush = Routers.prototype.pushRouters.prototype.push = function push(location) { return routerPush.call(this, location).ca
2020-06-15 09:29:36
932
6
原创 使用vsCode的一些常用插件
Chinese(Simplified) Language Pack for Visual Studio Code这个是简体中文的扩展插件，将软件汉化Vetur该插件实现支持vue文件的代码高亮Vue 2 Snippets主要用于加强vue的便捷写法 ，vue一些语法提示Auto Rename Tag自动同步修改对应开头/结尾的标签，修改标签的时候相当有用，当内容很长且相同标签比较多不容易分辨时，它就起作用，不用担心找不到位置了，直接改前面的标签，对应的尾部标签会自动同步修改...
2020-05-13 16:22:55
373
原创 关于vue中引入图片问题
当你的图片文件在assets文件夹下，有以下几种用法：在标签中直接写路径<img src="../../assets/images/hhh.jpg" class="image"></img>背景图也可以直接在样式中写路径.image{ background:url('../../asstes/images/hhh.jpg') no-repeat;...
2020-04-03 14:01:44
508
原创 element-UI中NavMenu导航菜单默认打开问题
最近写一个网站导航栏，需求要每页打开时，默认导航栏的第一项展开，导航栏我用的是element-UI框架中的NavMenu，我看到以下两个参数，我就写上了<el-menu default-active="1" default-openeds='["1-1"]'> ....<el-menu>结果呢，确实每页导航栏的第一项都默认打开了，但是问题又出现...
2020-04-03 09:40:24
12533
2
原创 vue中watch的相关使用
基本用法使用watch监听某一变量，当变量改变时，watch内的方法就会执行下面这个name就是vue data 里面声明的变量，当name值改变时，就会执行里面的代码watch: { name(new,old) { //你要执行的代码 .... console.log(news,old) }},handler()方法如...
2020-04-02 14:05:44
254
原创 vue : 无法加载文件 C:\Program Files\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本
1、命令框安装或者进行某些操作时报错，我的就是安装了Vue，查看Vue的版本报错2、解决方法：在命令框输入set-ExecutionPolicy RemoteSigned在PowerShell中输入会出现如下图，选择y或者a就可以了在cmd中没有任何输出...
2019-12-19 10:57:28
8721
4
原创 ColorUI组件库简易教程之扩展插件
按照惯例，在此奉上官方示例！！！目录扩展插件索引列表微动画全屏抽屉垂直导航扩展插件索引列表索引列表主要由scroll-view标签实现，类名为indexes，具体js逻辑请看源码，有些我没看懂，希望看懂的大佬教教我<template> <view> <view class="cu-bar bg-white...
2019-11-22 14:05:38
9354
3
原创 ColorUI组件库简易教程之交互组件
官方示例在此！！！官方示例在此！！！官方示例在此！！！这主要是基于uni-app开发的，所以，请多看uni-app文档，了解一些标签、属性，可以更好的使用该组件目录交互组件Bar操作条Nav导航栏List列表Card卡片Form表单TimeLine时间轴Chat聊天Swiper轮播图Modal模态框Steps步骤条扩展插件交互组件...
2019-11-15 11:18:25
34018
7
原创 小程序ColorUI使用简易教程
本教程配合官方示例食用更佳！！！目录前言快速上手使用UniApp开发开始使用自定义导航栏使用原生小程序开发从现有项目开始从新项目开始使用自定义导航栏组件基础元素layout布局Background背景Text文字Icon图标Button按钮Tag标签Avatar头像Progress进度条Border&S...
2019-11-11 14:29:52
60603
11
原创 uni-app开发小程序app页面中获取globalData
在使用uni-app框架开发微信小程序过程中，想用globalData设置全局变量，在app.vue页面中，获取globalData，直接用的this.globalData.xxx，但是控制台报错说变量未定义，搜了很多文章都说是这么获取的，我也没搞明白，他们到底是怎么获取的，结果我找了很久的bug，然后发现，在app.vue页面获取globalData不能直接获取，要加一个$options；在其他...
2019-11-05 14:39:19
5159
原创 D3.js核心函数之请求
XHRd3.xhr(url[,mimeType][,callback])，为指定的url创建一个异步请求。参数mimeType可能被指定为第二个参数，例如“text/plain”。如果指定了回调函数，那么请求就会使用get方法立即发出，并且当资源被加载或者请求失败之后回调函数就会被异步调用。如果有错的话，XMLHttpRequest对象代表了回复(response)。如果没有指定回调函数，返回...
2019-10-16 16:44:36
521
原创 D3.js核心函数之数组
排序（Ordering）(这些数组的方法中，都会忽略无效的值，比如undefined，NaN)d3.ascending(a,b)，升序排序。如果a<b返回-1，a>b返回1，a=b返回0d3.descending(a,b)，降序排序。如果a<b返回-1，a>b返回1，a=b返回0注：这两个比较函数都是自然排序(natural)，可以与数组内置的sort方法一...
2019-10-16 15:17:26
1048
原创 D3.js核心函数之过渡
过渡是一种特殊类型的选择器，这种操作符的应用随时间平滑而不是瞬间变换开始过渡d3.transition([selection],[name])，创建动画过渡，等价于d3.select(document).transition()transition.delay([delay])，指定过渡延迟，以毫秒为单位。如果延迟为常量，则所有的元素被赋予相同的延迟，如果延迟是一个函数，则这个函数的返...
2019-10-14 09:29:19
701
原创 D3.js核心函数之选择器
D3使用CSS3中的选择方式来选择元素，比如标签 ("div")、类(“.awesome”)、唯一标识符(“#foo”)、属性(“[color=red]”)、或者包含(“parent child”)等等，不再赘述，不熟悉的自己百度。选择元素d3.select(selector)，返回匹配的第一个元素，没有则返回空d3.selectAll(selector)，返回所有匹配的元素数组，没有...
2019-10-09 17:03:18
404
原创 报错：Uncaught SyntaxError: Unexpected token <
项目中偶尔会出现如下错误根据控制台的提示，点击进入文件发现<!DOCTYPE html>报错，让人很迷惑，其实这是script文件引入的问题，你可以检查一下你引入的script文件路径，修改即可...
2019-10-08 16:39:21
1196
原创 一些不错的教程
这篇博客用来收集我在学习过程中发现的一些不错的教程SVG基础参考教程D3.js的v5版本入门D3.js的API中文手册D3.js力导向图全解ECMAScript 6 入门ES6系列文章 异步神器async-await...
2019-09-23 10:45:19
100
原创 Vue组件的封装与调用
我以一个分页组件来分析首先，新建了一个page.vue的文件，作为子组件，按照需要将标签样式等写好，我的路径是src/components/page.vue子组件中设置props，用来接收父组件传递的值，这里我设置了两个值，一个totalCount用来接收总页数，一个input用来接收当前页码props:['totalCount','input'],父组件传递过来的totalCo...
2019-09-18 10:02:12
979
原创 如何判断一个数据是否为数组
no word , show code//1.instanceof Arrayvar arr = [1,2,3]console.log(arr instanceof Array) //true//2.Object.prototype.toString.call()console.log(Object.prototype.toString.call(arr)) //[object A...
2019-09-17 14:53:31
2162
原创 d3报错：Uncaught TypeError: Cannot read property 'linear' of undefined，已解决
使用d3.js，调用d3.scale.linear()时报错解决：新库中不使用d3.scale.linear()，使用 d3.scaleLinear()
2019-09-11 16:25:26
2289
原创 elementUI中loading组件的完美使用
有时候，网页数据请求太慢，在未得到数据的那一会会，时常会让心急的人怀疑是不是代码哪崩了，所以我需要一个东西来缓冲一下我等待的焦虑，在页面加载时添加一个加载动画首先安装element-ui框架npm i elemnt-ui -S在main.js中引入import ElementUI from 'element-ui'import 'element-ui/lib/theme-cha...
2019-09-11 09:51:12
16480
4
原创 vue中axios的二次封装
首先安装axiosnpm install axios --save新建一个ajax.js文件来封装axios，将封装好的代码函数暴露出去，在其他页面就可以调用了import axios from 'axios'import qs from 'qs'//序列化字符串import {MessageBox} from 'element-ui'//引入elementUI组件import...
2019-09-11 09:26:11
253
原创 JavaScript之对象Object
JavaScript的对象是由{ }括起来的键值对，键值对之间用逗号隔开，最后一个键值对末尾不需要加逗号var person = new Objectperson = {name:'jack',age:23} //两种方法声明一个对象console.log(person) //{name:'jack',age:23}对象的属性名都是字符串，属性值可以是任意数据类型；访问属性是通...
2019-07-18 10:01:01
130
原创 JavaScript之数组Array
JavaScript的数组Array，就是用[ ]括起来的一组数据，数组内可以包含任意类型的数据。创建数组//创建一个空数组var arr1 = new Arrayconsole.log(arr1) //[]//创建并赋值var arr2 = new Array(1,3)console.log(arr2) //[1,3]//创建并赋值var arr3 = [3,2...
2019-07-17 14:53:41
181
原创 JavaScript之字符串
JavaScript的字符串就是用' '或者" "括起来的字符；如果 ' 本身也是一个字符，那就可以用" "括起来，比如" I'm fine"包含的字符是I，'，m，空格，f，i,n,e这8个字符；如果字符串内部既包含'又包含"怎么办？可以用转义字符\来标识；'I\'m \"fine\"!'//字符串内容I'm "fine"!在字符串中嵌入变量需要用+来拼接字符串和...
2019-07-17 11:18:02
120
原创 Object.keys()的用法
Object.keys(obj)，返回一个给定对象的属性名var data = {'name':'zhangsan','age':22,'sex':'man'}console.log(data) //{name: "zhangsan", age: 22, sex: "man"}console.log(Object.keys(data)) //(3)["name", "age", "...
2019-07-11 13:40:55
2018
原创 浅谈es6
学习es6, 强烈推荐阮一峰老师的文章：http://es6.ruanyifeng.com/?search=Iterator&x=3&y=11
2019-07-08 10:20:23
129
原创 vue中利用指令实现点击空白处隐藏div
一个指令定义对象可以提供如下几个钩子函数 (均为可选)：bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。 update：所在组件的 VNode 更新时调用，但是可能发生在其子 VNode 更新之前。指令的值可能发生了改变，也可能没有。但是你可以通过比较更新...
2019-07-01 09:08:32
1259
原创 如何将element-ui中的表格和分页器连接起来
直接看代码吧<el-table :data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)" borderstyle="width:100%" >......</el-table><el-pagination small layout="total,prev,page...
2019-06-25 14:50:40
2412
5
原创 element ui 的table响应式实现列隐藏
本文主要介绍的是element ui框架中的table表格中，响应式的实现列的隐藏效果。列的隐藏可以用v-if来实现，v-show没有效果，我也不知道为什么，搜也没搜到。首先设置变量show，作为v-if的判断条件；变量screenWidth作为屏幕宽度screenWidth:window.innerWidth,//浏览器宽度show:true//判断条件在mounted钩子中挂载...
2019-06-21 15:57:43
4022
1
原创 Git相关命令
本文主要介绍的是Git操作的一些命令，当你安装好Git之后，选择一个合适的地方，用Git bash打开，开始使用Git命令 释义 mkdir <folder> 新建文件夹 cd <folder> 进入文件夹 pwd 显示当前路径 git init 初始化一个Git仓库（将当前文件夹变成Git可以管理的仓库）...
2019-06-21 13:22:57
87
转载 SCSS简易教程
Sass是成熟、稳定、强大的CSS预处理器，而SCSS是Sass3版本当中引入的新语法特性，完全兼容CSS3的同时继承了Sass强大的动态功能。特性概览CSS书写代码规模较大的Web应用时，容易造成选择器、层叠的复杂度过高，因此推荐通过SASS预处理器进行CSS的开发，SASS提供的变量、嵌套、混合、继承等特性，让CSS的书写更加有趣与程式化。变量变量用来存储需要在CSS中复用的信...
2019-06-20 13:10:17
330
转载 关于router.push的使用
vue中组件跳转，看到有router.push这个功能，在代码里我是这么写的export default {...... toDetail (index, row, event) { this.$router.push({name: '/detail', params: { name: row['name']...
2019-06-19 16:36:37
2795
原创 Vue.set的使用
这里主要介绍了Vue.set的相关使用方法，包括设置单个变量，数组以及对象调用方法：Vue.set( target, key, value )target：要更改的数据源(可以是对象或者数组)key：要更改的具体数据value ：重新赋的值//界面显示<button @click="setChange">clickme</button> <...
2019-06-18 11:02:17
189
原创 ES6 set数据类型
set本身是一个构造函数1、创建set集合并添加元素let set = new Set();console.log(typeof set) //objectset.add('a'); //add()方法添加元素set.add('b'); set.add('c'); console.log(set); //{a,b,c}2、Set的size属性可以获取set...
2019-04-03 20:03:26
2587
原创 JavaScript函数默认参数问题
1、带默认参数的函数（若传入实参则以实参为主，若未传入则使用默认值）function fun(a=10){ console.log(a)}fun() //10function fun(a=10){ console.log(a)}fun(12) //122、参数的默认值可以是一个表达式或者函数调用,看下面的代码：function getValu...
2019-04-02 20:33:35
492
1
原创 let变量迭代
let声明的变量每次迭代都会创建一个变量i,所有循环内部创建的函数会获得各自变量i的拷贝,每份拷贝都会在每次迭代开始时被创建并赋值//ES5var funcs = []for (var i = 0; i < 9; i++) { funcs.push(function () { console.log(i) })}funcs.forEach(fu...
2019-04-02 20:17:36
151
原创 let const的区别
1.const声明的是常量(只读不可修改，且必须在声明时则赋值),其他与let一样const name; //报错，声明时必须赋值 console.log(name);const name = '张三';name = '李四'; //报错，只读不可修改console.log(name);2.let和const 不可以声明提前（不存在变...
2019-04-02 17:34:05
133
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人