- 博客(39)
- 收藏
- 关注
RSS订阅原创 Vue 监听刷新 切屏
Vue监听刷新 切屏mounted() {//监听页面离开前window.addEventListener(“beforeunload”, (e) => {this.beforeunloadHandler(e);});//切屏document.addEventListener(“visibilitychange”, this.monitor);},destroyed() {alert(“232”);window.removeEventListener(“beforeunlo
2022-04-01 10:41:08
1483
原创 10个常用的JS工具库
10个常用的JS工具库，80%的项目都在用！Avue Cloud 2022-01-26 09:46图片高手区别于普通人的重要一点是，他们善于利用工具，把更多的时间留给了规划和思考。写代码也是同样的道理，工具用好了，你就有更多的时间来规划架构和攻克难点。今天就给大家分享一下当前最流行的 js 工具库，如果觉得有用，就把大拇指点亮一下吧！Day.js一个极简的处理时间和日期的 JavaScript 库，和 Moment.js 的 API 设计保持一样, 但体积仅有2KB。npm install da
2022-02-22 13:38:12
806
转载 如何通过git提交代码到远程仓库
**如何通过git提交代码到远程仓库（github）**进入项目文件夹，右击鼠标键->Git Basd Here1.初始化本地仓库git init2.将所有文件添加到本地仓库（也可添加你所需的文件）git add .3.将项目提交到本地git仓库 （“first commit” 是备注信息）git commit -m “first commit”4.本地git仓库与远程仓库关联（两种方式：1.https方式；2.SSL方式）git remote add origin https:
2021-10-14 11:25:29
9163
原创 Vue 左侧分类 右侧多选框 含有全选
Vue 左侧分类 右侧多选框 含有全选在这里插入代码片```<el-dialog :title="title" append-to-body :visible.sync="dialogFormVisible"> <el-row> <el-col :span="10"> <el-card> <!-- 设备类型 --> <el-tree :data="datas" @node-click=
2021-09-02 16:27:57
498
原创 uniapp自定义导航栏
来了，小编来了，今天小编给大家带来的uniapp自定义导航栏 美化界面封装了一个自定义组件 来完成 导航栏的 按钮 文字 搜素框上图 需要源码的私信小编就好<header-bar :isBack="true" :search="true" :searchRadius="true" :bgColor="{'background-image': 'linear-gradient(45deg, #96e1e1 10%, #fd906f )'}"><text sl...
2021-01-27 16:22:00
656
5
原创 2020-12-08
js比较时间早晚functioncompareTime(beginTime,endTime){varbeginTimes=beginTime.replace(/-/g,"/");varendTimes=endTime.replace(/-/g,"/");console.log("beginTimes="+beginTimes);console.log("endTimes="+endTimes);...
2020-12-08 17:12:27
61
原创 git提交流程
Git的代码管理区有工作区、暂存区、本地仓库和远端仓库；常用的代码处理过程有git add、git commit、git push 和 git pull、 git reset、git checkout等。1|02|0提交代码流程2|1情景一：基于远端库最新版本，在工作区修改了代码，并将此修改入库 git add . 将代码提交至暂存区 git commit -m "对修改功能的说明" 将代码从暂存区提交至本地仓库 git push ori...
2020-11-26 14:43:19
163
原创 vue cli脚手架项目利用webpack给生产环境和发布环境配置不同的接口地址或者不同的变量值。
vue cli脚手架项目利用webpack给生产环境和发布环境配置不同的接口地址或者不同的变量值。废话不多说，直接进入正题，此文以配置不同的接口域名地址为例子项目根目录下有一个config文件夹，基础项目的话里面至少包括三个文件，1.dev.env.js2.index.js3.prod.env.js我们需要做配置的就是第一个和第三个。其实这两个文件内容就是针对生产环境和发布环境设置不同的参数的文件，那么打开dev.en.js，开发环境。原本代码如下： 1 ...
2020-11-24 16:16:25
290
原创 js中的break,continue,return
js中的break,continue,return(转)面向对象编程语法中我们会碰到break ,continue, return这三个常用的关键字，那么关于这三个关键字的使用具体的操作是什么呢？我们在使用这三关键字的时候需要注意和需要理解的规则是什么呢？让我们开始介绍吧：js编程语法之break语句：break语句会使运行的程序立刻退出包含在最内层的循环或者退出一个switch语句。由于它是用来退出循环或者switch语句，所以只有当它出现在这些语句时，这种形式的break...
2020-11-06 11:32:37
2234
转载 深度解析vuex
1、什么是vuex? vuex是一个专为 Vue.js 应用程序开发的状态管理模式（通俗一点的说Vuex就是存储数据的工具，类似于cookie、sessionStorage、localStorage）。2、vuex和cookie、sessionStorage、localStorage的区别： cookie、sessionStorage、localStorage是浏览器存储，每当页面刷新时数据依然存在（在过期时间内），而vuex在页面刷新时存储的数据会丢失。3、vu...
2020-11-06 10:23:16
195
原创 input选择输入历史后样式改变
muzidigbig2019-12-03 14:53:551293收藏1分类专栏：css问题锦囊文章标签：input选择输入历史后样式改变input选择历史默认样式修改input框默认黄色背景版权一、修改选择背景色 **chrome表单自动填充后，input文本框的背景会变成偏黄色的，这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性，然后对其赋予以下样式：方式一 inp...
2020-11-06 09:13:57
1179
转载 uniapp动态生成底部菜单
UNIAPP 自带的原生导航尽管流畅度非常好，但是在具体项目中有的时候需要动态设置以及特殊样式的 底部菜单 这个时候就需要自己去写一个自定义的底部tabbar项目地址 fr_uni_app1、比如需要特殊的图标 多出来一部分的多出一部分的图标2、根据登陆帐号的身份加载不同的tabbar根据登陆帐号的身份加载不同的tabbar动图预览预览解决方案将整个首屏4个页面作为组件加载进来 如 入口 index.vue 将 自定义tabbar 写到 in...
2020-11-05 09:38:53
2884
1
转载 (html+css)_移动端适配方案一（流式布局）
一、前言 小案例地址：https://github.com/xiexumei/web-demo二、主要内容 1、移动端面对的问题：因为手机屏幕和尺寸不一样，当我们用不同手机设备浏览的...
2020-11-04 11:09:19
865
转载 uni-app 开发vue和nvue时，注意事项
时间:2019-03-16阅读:19255标签:uni分享相比Web平台，vue.js在 uni-app 中使用差异主要集中在两个方面：新增：uni-app除了支持vue实例的生命周期，还支持应用启动、页面显示等生命周期受限：相比web平台，部分功能受限，比如 v-html指令，具体见下。（受限部分仅在App和小程序端受限，H5版不受限）注意：不要在选项属性或回调上使用箭头函数，比如 created: () => console.l...
2020-11-02 17:20:55
2529
原创 VUE组件间子传父事件的方法，就是让父组件捕捉到子组件的事件～
在慢慢学习vue的过程中发现，这个东西是真的有意思，今天就遇到这个难题，是组件间子传父事件的方法；先上图点击批量会出现一个弹窗我要完成的功能是什么，在我点击确定后，弹窗关闭，但是不刷新页面，列表数据发生改变；先说思路，要在子组建里，写一个锚～！然后再父页面调用子组件的时候v-on:“这个是你起的名字（batchTransfer）”=“screen（这个是你的列表数据）”;这个是组件间子传父事件的方法，就是让父组件捕捉到子组件的事件～！...
2020-10-29 17:57:10
383
原创 vue-devtools的安装使用AAAAAA
一.在github上下载压缩包，github下载地址：https://github.com/vuejs/vue-devtools/tree/master二.解压到本地的某盘三.用你的npm中进入该文件夹下四.依次输:1:npm install （如果在这部报错的话，就改用cnpm install。 cnpm需要安装安装地址）2:npm run build (这一步一定不要忘了，没有执行这一步的话，项目文件夹shells>chrome文件夹里会少一个src...
2020-10-23 11:13:42
83
转载 2020 - 2021 年 Web 前端最新导航 - 前端学习资源分享&前端面试资源汇总
前端javascriptvue.jses6typescript发布于 10月9日国庆这几天，我收集了大量可以显著提升开发效率的前端导航链接。这些导航链接对我很有帮助，希望对你也是如此。这些好用的导航链接都已经部署到下面的网站上了，在那里食用更美味哦。Web 前端最新导航https://www.kwgg2020.com/笔者博客地址：https://github.com/biaochenxu...JavaScriptJavaScript 教程 ES6 入...
2020-10-16 10:17:43
1778
1
原创 vue项目中如何在外部js文件中直接调用vue实例——比如说this
一般我们都是在main.js中引入vue，然后在vue文件中直接使用this（this指向的是vue实例），但是在实际开发中，我们往往会引入外部的js文件使用this，这个this就会指向window，并不是我们期待的vue实例，那么就需要重新引入vue文件（import Vue from 'vue'）,这样很麻烦。在目前项目中我使用的方法是mian.js导出vue实例，然后在需要使用的js中引入。步骤一：main.js导出vue实例var vue = new Vue({ el: '#app',
2020-10-15 16:38:02
3151
转载 vue项目中使用echarts
本文包含在vue项目中如何使用echarts，以及项目中经常会遇到的图表样式的写法https://echarts.baidu.com/echarts2/doc/example.html（echart实例，包含饼状图、柱状图等等图表例子，你可以找到你所需要的图表类型）https://echarts.baidu.com/echarts2/doc/doc.html（echarts 使用文档，里面有很多属性和方法可供参考哦）1.安装echarts包cnpm install echarts...
2020-10-15 15:42:18
1861
原创 vue-cli中 如何引入全局的js
你需要这样 this.test.test_log 这样来调用同时在VUE中 添加的全局方法最好是加上$标识符 这样好区分完整过程在 main.js中import test from './assets/js/test.js'Vue.prototype.$test = test在组件中methods:{test:function(){ this.$test.test_log()}}test.js然后export 的时候 改成这样export default {func
2020-10-14 09:21:26
1244
原创 vue-cli注册全局组件 自定义组件
vue-cli注册全局组件在main.js开头引入组件，然后注册组件，例如：import Vue from 'vue'import VueRouter from 'vue-router'import VueResource from 'vue-resource'import SixiButton from 'components/common/SixiButton'Vue.use(VueRouter)Vue.use(VueResource)Vue.component('s.
2020-10-14 09:09:05
491
原创 vue-cli2使用store存储全局变量
1.引入store安装引入vuex，在main.js里面：import store from ‘./store‘ //+++new Vue({ el: ‘#app‘, router, store, //+++ components: { App }, template: ‘<App/>‘})在store文件夹下创建index.js入口文件,添加下面内容：import Vue from ‘vue‘;import Vuex from ‘v...
2020-10-14 09:04:31
708
原创 js数组过滤用法
每五个组成一个数组 var spArray = function(N,Q) { var R = [],F; for (F = 0;F < Q.length;) { R.push(Q.slice(F,F += N)) } return R...
2020-09-24 15:36:20
5848
原创 jquery环形进度条
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jquery环形进度条</title> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script> <style> ...
2020-09-15 09:35:45
274
原创 教育的八大教学原则
1.直观性教学原则：根bai据教学活动的需要，让du学生直接感知学习对zhi象。这一原则是针对教学dao中词、概念、原理等理论知识与其所代表的事物之间相互脱离的矛盾而提出的。一般地说，直观的具体手段有以下三种：实物直观;模像直观;语言直观。直观性教学原则的分类以及运用的注意注意事项在讲解时要突出。2.启发性教学原则：指在教学中要充分调动学生学习的自觉积极性，使得学生能够主动地学习，以达到对所学知识的理解和掌握。3.巩固性教学原则：指在教学中要不断地安排和进行专门的复习，使学生对所学的知识牢固
2020-09-14 16:36:48
1376
原创 for循环及break和continue的区别
1.For循环格式：for( 初始语句 ; 执行条件 ; 增量 ){ 循环体}执行顺序：1、初始语句 2、执行条件是否符合 3、循环体 4、增加增量初始化语句只在循环开始前执行一次，每次执行循环体时要先判断是否符合条件，如果循环条件为true，则执行循环体，再执行迭代语句。所以对于for循环，循环条件总比循环体多执行一次。注意：for循环的循环体和迭代语句不在一起（while和do-while是在一起的）所以如果使用continue来结束本次循环，迭代语句...
2020-09-10 11:48:07
1331
原创 判断当前设备情况
判断是否pc端 IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var flag = true; for (var v = 0; v <...
2020-09-10 11:42:00
224
原创 JavaScript数组去重（12种方法，史上最全） javascript
数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。在真实的项目中碰到的数组去重，一般都是后台去处理，很少让前端处理数组去重。虽然日常项目用到的概率比较低，但还是需要了解一下，以防面试的时候可能回被问到。注：写的匆忙，加上这几天有点忙，还没有非常认真核对过，不过思路是没有问题，可能一些小细节出错而已。数组去重的方法一、利用ES6 Set去重（ES6中最常用）functi...
2020-09-10 11:26:07
348
原创 倒计时自定义组件
<template> <view> <view class="countDownBox"> <view><span class="timeSpan" v-if="d!=0">{{d}}天</span><span class="timeSpan">{{h}}</span>:<span class="timeSpan">{{m}}</span>:...
2020-09-09 17:28:56
214
原创 下载文件 h5 小程序
//下载文件 downloadFile(filepath){ // #ifdef H5 let link = document.createElement('a'); link.style.display = 'none'; link.href = filepath; document.body.appendChild(link); link.click()...
2020-08-24 17:53:24
412
1
原创 h5语音识别
参考链接https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#23
2020-08-24 17:48:30
237
转载 小程序语音
项目中要用到语音识别文字这个功能，找遍微信小程序的整个开发文档，发现并没有开发该功能的相关API，想实现这一功能，只能通过第三方，大概的原理就是先录音，然后将录音传给服务器进行识别转化文字，再传回，这样的方式大大影响了用户的体验效果。本人并没有尝试过，度娘上好多例子，也查看了微信小程序开发社区，大家也都遇到这样的问题，于是微信给大家提供了微信同声传译插件首先，想使用这一插件，必须先在小程序管理后台先添加上。第一步：添加插件小程序管理后台 --> 设置 --> 第三方服务 --&
2020-08-24 17:46:43
373
转载 CSS实现单行、多行文本溢出显示省略号（…）
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow:hidden;text-overflow:ellipsis;white-space:nowrap;效果如图：但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢。接下来重点说一说多行文本溢出显示省略号，如下。实现方法：display:-webkit-box;-we...
2020-08-12 15:40:07
55
转载 getCurrentPages()的使用
getCurrentPages()的使用,getCurrentPages() 函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。 注意：不要尝试修改页面栈，会导致路由以及页面状态错误。不要在 App.onLaunch 的时候调用 getCurrentPages()，此时page 还没有生成。熟悉页面栈后才能更好的使用getCurrentPages()，下面将列举几种常用的使用场景：1、利用页面栈的长度例如：进入小程序非默认首页时，需要提供返回
2020-08-11 10:04:27
2510
原创 uniapp接口封装
//网络请求 networkRequest(param) { let that = this; const token = uni.getStorageSync('token'); const header = param.header || { appId: appId, 'content-type': 'application/json' } if (token != ...
2020-08-10 10:58:33
440
原创 倒计时几分钟支付
// 倒计时this.minitue=3; timeDown() { // 切换清除之前的定时器 var maxtime = this.minitue * 60; setInterval(() => { if (maxtime >= 0) { var mi...
2020-08-10 10:57:01
155
转载 如何搭建一个vue项目(完整步骤)
如何搭建一个vue项目(完整步骤)参考资料…一、安装node环境A1、下载地址为：https://nodejs.org/en/2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。检查是否安装成
2020-06-09 15:06:41
222
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人