- 博客(20)
- 收藏
- 关注
原创 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
原创 如何实现组件props双向绑定
在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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人