- 博客(20)
- 收藏
- 关注
RSS订阅翻译 vue 子页面怎么调用父页面的方法
父级<template> <div id="app"> <router-view/> </div></template><script>export default { name: 'App', provide(){ return{ say:this.say } }, methods:{ say(){ alert("这是
2020-06-04 14:14:40
2619
翻译 vsCode格式化Eslint的巨坑
首先需要找到setting.json设置文件然后把这段代码放进setting.json中重启vscode即可之前做的项目其实都没有设置eslint,然后现在的项目需要eslint规范代码,然后就有问题了,一直在警告规范不过关啊,尤其用echarts的数据粘贴过来的简直巨坑,只能使用单引号,不需要分号,方法的括号前后都要有一个空格,可气的是vscode的自动格式快捷键跟eslint是相悖的,自己...
2020-01-13 16:30:11
1898
1
原创 页面互相调用方法
在项目中实现：1.首先同一个vue实例来调用两个方法。所以可以建立一个中转站。建立 util.js 中转站文件（任意位置,我是在/assets/js/util.js）import Vue from ‘vue’export default new Vue2.分别在两个页面引入该文件（注意路径）import Utils from ‘…/…/assets/js/util.js’;3.调用方...
2020-01-08 14:54:16
373
原创 vue移动端添加加载更多
mounted () { //引入滚动方法 window.addEventListener('scroll', this.touchmove) }, methods: { touchmove(e){ //变量scrollTop是滚动条滚动时，距离顶部的距离 var scrollTop = document.documentElement....
2019-12-17 10:21:09
434
原创 前端缓存之一cookie
cookie用法储存账号和密码可以用来网页自动登陆。cookie是浏览器储存的浏览器中“Cookies"是指服务器暂存放在你的电脑里的txt格式的文本文件资料，主要用于网络服务器辨别电脑使用。比如浏览网站时，Cookies 记录下来你输入的一些资料和信息。再访问同一个网站，就会依据Cookie里的内容来判断使用者，送出特定的信息内容给你。现在介绍怎么用：//缓存cookie的方法//cna...
2019-11-15 16:55:50
199
原创 github新手使用指南
github代码提交团队管理废话不多说教新手怎么用创建项目和提交：第一生成新的SSH Key命令：ssh-keygen -t rsa -C “1641767484@qq.com”ssh-keygen -t rsa -C “填写你 的账号一般是邮箱号”这样说明你已获取SSH Key文件路径在获取SSH Key有写路径第二步找到一下文件：打开id_rea里面有密钥第三步去登录加...
2019-11-13 17:11:58
292
原创 HBuilder X工具开发 小程序https封装
封装方法和axios封装一样的方法推荐用HBuilder X工具开发小程序真的好用毕竟是中国开发的全是中文废话不说举个栗子：新建一下文件名字个人爱好：在url.js:这里统计接口方便管理const baseUrl ='https://**********/'//这里写自己的服务器export const longUrl = baseUrl+'/sys/anx/flyer/getCu...
2019-11-13 15:25:47
1712
1
原创 md5加密
vue下载md5yarn add js-md5开始调用import md5 from 'js-md5'data () { return { pass:'123456' } }, mounted () { this.qrcode(); console.log(md5(this.pass)) },展示图：...
2019-11-06 17:40:38
324
原创 qrcodejs2二维码生成
在vue下载qrcodejs2yarn add qrcodejs2可以开始引用：<template> <div> <div id="qrcode"></div> <!-- 创建一个div，并设置id为qrcode --> </div></template> <script&...
2019-11-06 16:12:44
1304
原创 axios详细封装
我们采取封装分类管理举个栗子：新建文件夹utils里面新建url.js全站http的配置/** * 全站http配置 * * axios参数说明 * isSerialize是否开启form表单提交 * isToken是否需要token */import axios from 'axios'axios.defaults.baseURL = 'http://localhost:...
2019-11-06 11:33:01
407
原创 小程序上线后更新解决代码
onShow: function () {let that = this;const updateManager = wx.getUpdateManager()updateManager.onCheckForUpdate(function (res) {// 请求完新版本信息的回调if (res.hasUpdate) {updateManager.onUpdateReady(funct...
2019-11-05 17:38:53
534
翻译 小程序生命周期的理解
入小程序某页面onLoad---------onShow-------onReady各执行1次小程序切后台时（譬如1.虽然还在小程序界面上，但手机锁屏了 2.退回微信界面）onHide执行一次小程序切换前台（譬如1.手机解锁 2.从微信进入小程序）onShow执行一次当页面被销毁时onUnload执行一次...
2019-11-05 17:32:40
223
原创 抖动效果
鼠标移上去触发抖动 <div class="shape shake">鼠标移上去抖动</div> <style scoped> .shape { width: 200px; height: 50px; line-height: 50px; text-align:...
2019-11-04 13:58:21
228
原创 画三角形
如何画三角形<div class="sanjia"></div><style scoped> .sanjia{ height:5rem; width: 5rem; border:100px solid; border-color:blue red yellow green;}</style>ps：border-col...
2019-11-04 11:22:25
234
原创 vue全局过滤器的使用filters的使用
最简单的一步当数据1显示男，2显示女html：<div>{{ tlist | sectext}}</div>js：data(){return { tlist:'1', }}filters: { sectext: function(value) { if (value == 1) { return "男";...
2019-11-01 11:10:55
520
原创 个人基层笔记
时间毫秒转换成Y+M+D+h+m+sfunction timestampToTime(timestamp) { var date = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; var M = (date.getMonth()+1 < 1...
2019-10-31 16:36:44
809
原创 前端经常用的网站
微信小程序官网：https://mp.weixin.qq.com/wxamp/index/index?lang=zh_CN&token=161736114Ant Design of Vue 组件官网：https://www.antdv.com/docs/vue/introduce-cn/ps：Ant Design of Vue主要是用pc端的组件框架vant 组件官网：https:/...
2019-10-31 11:34:08
312
原创 vuex的使用
小程序使用vuex通过vuex管理小程序项目数据。我们已经成功引进vuex不懂怎么引入看vuex的官网我就不一一介绍了官网链接:https://vuex.vuejs.org/zh/第一步新建文件夹vuex在vuex里面1新建actions.js代码:const actions = {}export default actions;2新建getters.js代码：co...
2019-10-29 15:35:22
197
原创 HBuilder x建小程序同时引用vant weapp组件的使用
van官方文档可参考废话不多说今天在公司用HBuilder x建小程序同时引用vant组建创建小程序成功后运行运行-〉小程序模拟器-〉微信开发者工具你是第一次启动要先去配置1 复制微信开发者工具的路径2工具-〉设置-〉运行配置可以成功启动了现在引入vant weapp组建右键使用命令行打开输入 npm安装npm i vant-weapp -S --productio...
2019-10-29 10:41:40
4536
2
原创 axios请求数据使用
axios的使用小白第一次成功引用axios输入命令安装axios：yarn add axios || npm install axios成功后在package.json文件可看到 “axios”: “^0.19.0”,版本说明你已成功安装。在新建文件夹utils里面新建request.js文件代码：import axios from ‘axios’//自己的服务器axios.de...
2019-10-28 18:11:58
392
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人