typico-CSDN博客

原创 nodejs 基本模块

一1、Node.js环境中唯一的全局变量 - global2、process也是Node.js提供的一个对象，它代表当前Node.js进程；3、process.nextTick()将在下一轮事件循环中调用:4、exit事件，就可以在程序即将退出时执行某个回调函数// 程序即将退出时的回调函数:process.on('exit', function (code) { consol...

2020-03-07 22:09:32 203

转载 element-ui 中英文切换

import VueI18n from 'vue-i18n'import ElementUI from 'element-ui'import ElementLocale from 'element-ui/lib/locale'import enLocale from 'element-ui/lib/locale/lang/en'import zhLocale from 'element-...

2019-05-28 16:40:38 7219

原创小程序 tabBar

首先准备两个页面在app.json的pages里直接添加路径，会自动生成文件，然后添加tabBar，准备好底部切换的图片，window中可进行顶部的设置{ "pages":[ "pages/index/index", "pages/logs/logs", "pages/one/one", "pages/two/two" ], "window":{ ...

2019-04-08 16:54:48 214

转载 vue项目实现国际化

https://blog.csdn.net/u012302552/article/details/79767288在我实际写的过程中，发现第一次点击的时候并不会切换成英文，第二次点击才行故代码更改如下changeLangEvent () { this.$confirm('确定切换语言吗?', '提示', { confirmButtonText: '确定', ...

2019-04-03 16:59:37 302

原创 vue bus传值

创建bus.jsimport Vue from 'vue'export default new Vue()在两个组件中引入busimport Bus from '@/assets/bus.js'组件一(test函数是绑定到页面上的一个点击事件)test () { console.log(88) Bus.$emit('busMsg') },组件二...

2019-04-03 14:55:44 1315

原创如何动态接收props传过来的值

1、如果是是要渲染在子组件的teamplate里面，用computed监听一下就可以2、如果是要用在methods的方法里面，需要用watch监听，然后在watch里调用这个函数即可，不用再在mounted调用watch: { crEventScene: { handler(newValue, oldValue) { if (newValue.length ...

2019-04-02 16:45:30 3004

转载 js格式化 Thu Mar 07 2019 12:00:00 GMT+0800 (中国标准时间) 及相互转化

1 Thu Mar 07 2019 12:00:00 GMT+0800 (中国标准时间) 转换为 2019-03-07 12:00:00代码如下 const d = new Date(Thu Mar 07 2019 12:00:00 GMT+0800 (中国标准时间)) const resDate = d.getFullYear() + '-' + this....

2019-03-29 10:12:16 46131 2

转载 vue中使用vue-quill-editor富文本编辑器

基于webpack和vue一、npm 安装 vue-quill-editor二、在main.js中引入import VueQuillEditor from 'vue-quill-editor'// require styles 引入样式import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import...

2019-03-26 14:01:19 265

转载 echarts 3D地球带攻击路线

效果图如下（谷歌不行，火狐可以）代码如下<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body><div id="earth" style="width: 100%; he...

2019-03-25 11:29:33 2779 2

转载 echarts 3D地球

效果图需要的文件：代码中的三个js文件官网可下、两张图片和pisa.hdr文件（实在找不到可去官网扒）需要注意的一点是如果你是在本地运行，无服务器的环境下，谷歌可能会报错，效果出不来，好像是因为跨域的问题，火狐可以代码如下<!DOCTYPE html><html><head> <meta charset="UTF-8"> &l...

2019-03-25 09:17:17 6231 3

转载 axios数据拦截和mockjs

网址：https://www.cnblogs.com/kingsnowcan/p/mock_axios.html

2019-03-19 11:25:13 1039

原创如何在项目中使用eslint

1、进入项目，命令行状态下输入 cnpm install eslint -g 全局安装eslint2、输入eslint 查看是否安装成功3、cnpm install eslint-plugin-vue -g4、cnpm install babel-eslint -g5、eslint --ext .js,.vue src 到此就能看到项目中有多少问题了eslint --ext .js,....

2019-03-18 11:12:32 1932

原创 vue动态组件

用于在不同组件之间进行动态切换是非常有用的，可以通过 Vue 的元素加一个特殊的 is 特性来实现效果图代码如下<template> <div class="person2"> <button @click="change()">点击切换</button> <component :is="isShow&q

2019-02-28 14:45:41 125

转载 vue v-for出来的列表，点击某个li使得当前被点击的li字体变红

这里使用的是给被点击的li添加类名的方式<template> <div class="person1"> <div v-for="(item,index) in lists" @click="clickAdd(index)" :key="index" :class="{red:i === index}">

2018-12-15 16:12:53 7473 2

在vue2中props只能单向传递数据，及从父组件传递给子组件，但是子组件不能改变父组件传递过来的值，一开始不知道有这个问题的存在，效果能出来，但是项目报错，如下Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, ...

2018-12-06 19:28:58 504

原创 jquery动态创建表格

效果图如下（输入姓名和密码在下方表格中显示）代码如下<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt

2018-11-29 15:31:46 2408

转载原生js实现全选、反选

太久没写原生js了，过程中遇到了个问题就是通过document.getElementsByClassName获取到的是所有为此类名的元素，所以不能直接给他注册点击事件，要通过数组的方式，通过下标来确定元素代码参考网址我给关了。。。就不贴了效果图代码如下<!doctype html><html lang="en"><head> <...

2018-11-24 14:56:10 798

原创在vue-cli的项目中使用font-awesome

百度到的有两种方法：1 使用npm install font-awesome在main.js里添加import ‘font-awesome/css/font-awesome.css’2 直接将font-awesome-4.7文件夹放到项目中，然后在index.html中加上&lt;link rel="stylesheet" href="/static/font-awesome-4.7/cs...

2018-11-20 15:09:03 589

原创 vue实现简单购物车

效果图如下比较丑哈哈。。代码如下<template><div class="user"> <div><input type="checkbox" v-model="checkAll" @click="check(checkAll)">全选</div> <ul

2018-11-05 11:54:26 658

原创 vue实现全选反选功能

vue脚手架搭建的项目里做的<template><div class="user"> <div><input type="checkbox" v-model="checkAll" @click="check(checkAll)">全选</div> <ul v-for

2018-11-03 14:24:58 1199

wxz340825的博客