- 博客(45)
- 收藏
- 关注
RSS订阅原创 vue微信公众号隐藏右上角三个点分享功能
隐藏微信公众号分享的功能需求：vue开发公众号网页，需要去掉分享功能 （产品说加就加，还好我机智，一行代码搞定）隐藏分享功能// 写入 main.js 中即可document.addEventListener("WeixinJSBridgeReady", function onBridgeReady() { // 通过下面这个API隐藏右上角按钮 WeixinJSBridge.call("hideOptionMenu");});显示三个点的分享功能doc
2021-11-09 22:22:54
1791
1
原创 vue 使用 hx-storage 来进行本地存储
vue 使用 hx-storage 来进行本地存储前端js使用localStorage的时候只能存字符串,不能存储对象hx-storage 可以存储 object undefined number stringlocalStorage没有过期时间hx-storage 可以设置以天为单位的过期时间安装npm i hx-storageoryarn add hx-storage 使用import hxStorage from 'hx-storage';// 设值/
2021-10-27 10:15:26
257
原创 vue中使用contains判断点击事件，点击超出自身区域隐藏自己
注意：ref方式获取的和js原生方式获取的dom类型不同，用原生的js获取dom方式代替ref方式，这样才能判断是否属于自身区域的。mounted() { // 监听，除了点击自己，点击其他地方将自身隐藏 document.addEventListener("click", e => { const contextMenu = document.getElementById("contextMenu"); if (contextMenu) { ...
2021-07-14 10:27:37
4779
原创 vue中使用render函数
vue中使用render函数来写htmlvue组件中使用 render 写法，像 react 的 render 写法一样第一种第二种vue组件中使用 render 写法，像 react 的 render 写法一样第一种// 使用 react 写法render () { let { v, handleUp } = this; return ( <ul> <li class="txt-center" key={ v.id } on-click={this.handleUp
2020-12-14 19:12:35
576
原创 Vue中实现防抖搜索功能
// vue 搜索功能使用// utils.jsexport let delay = (function() { var timer = 0; return function(callback, ms) { clearTimeout(timer); timer = setTimeout(callback, ms); };})();上面使用方式watch: { desk: function (v, o) { if (..
2020-07-23 17:25:56
2039
原创 mac 安装mysql详细教程
一：下载最新的MySQL社区版为了安装更方便，建议下载dmg安装包。下载地址：https://dev.mysql.com/downloads/mysql/我下载的是 8.0.19二：安装MySQL双击 mysql-5.7.20-macos10.12-x86_64.dmg 文件，加载镜像双击 mysql-5.7.20-macos10.12-x86_64.pkg ，开始安装...
2020-03-22 16:11:59
448
原创 vue 获取一周的时间
需求： 获取当前一周的时间，用于展示一周的数据；export default { data: () => ({ msg: 'Welcome to Your Vue.js App', week:[], }), created () { let data=[] for(l...
2019-09-25 17:00:21
3041
原创 在vue中的使用Swiper,loop=true获取真实index,数据更新刷新初始化swiper
1.安装npm install swiper --save-dev2.在组件中引用import Swiper from "swiper"import 'swiper/dist/css/swiper.css';3.初始化swipernew Swiper('.swiper-container', { pagination: '.swiper-paginatio...
2019-08-23 09:16:57
5182
原创 iphone打开vue项目输入框不能获得焦点，也不能输入内容
使用vue开发的项目，其中有需要输入手机号，验证手机验证码的功能，但是发现iphone打开时，点击输入框，可以调起输入法，但是无法显示输入光标，也不能输入内容（不能获取input框输入焦点）找了半天居然是 css原因，问题产生原因：css样式设置中的某些会产生影响，如-webkit-touch-callout：none；css 有些使用在安卓上没问题，但在 ios 上会有影响，走在路上...
2019-07-11 19:54:48
1252
原创 vue 报错：_self.$scopedSlots.default is not a function
问题描述：使用Element UI中el-table表格时做了v-if判断；首次渲染没有问题；反复操作便会报错: _self.$scopedSlots.default is not a function解决方法（1）频繁操作所以用v-show替代v-if; (2)给每个<el-table>加个key属性(页面中有多个table时，加key做区分，不然就会保错) &...
2019-06-19 11:01:47
2146
原创 在微信网页中点击图片放大
1、 引用微信的JS<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>2、初始化点击放大监听方法（加载完成后调用此方法）/*调用微信预览图片的方法*/ function funcReadImgInfo(){ v...
2019-05-29 18:04:50
2039
2
原创 react路由懒加载的方式
我就使用个路由懒加载，百度一些全是以下的方法，这些方法要是没有用过，肯定懵逼啊，请问这些方法就不能给个demo，显示具体使用方式？这让小白们情何以堪传统的两种方式import()符合ECMAScript提议的import()语法，该提案与普通 import 语句或 require 函数的类似，但返回一个 Promise 对象。这意味着模块时异步加载的webpack v2+ 使用...
2019-05-11 21:26:54
8710
原创 vue全局时间过滤器
// 创建 filter.js 文件// 全局时间过滤器import Vue from 'vue'Vue.filter('filterTime', function(time) { if (!time) { return; } const date = new Date(time) const dateNumFun = (num) =&g...
2019-04-08 16:13:38
1319
原创 给layui的富文本编辑器赋值，报错 layedit is not defined
图上就是解决后的图去源码中需要把layedit.js里的setContent 函数的 中的layedit.sync(t);改成this.sync(t);然后问题就ok了
2019-03-23 14:51:37
5450
6
原创 vue实现多图上传及 预览
因项目遇到上传多张图片，还要把图片预览展示出来，还要进行删除使用element-ui 无法达到需求，因为我这是只是接口中的一个参数而已，我要的是用户点击上传，而不是自动上传，我就自己写了个来实现<template> <div class="img-files flex"> <div v-if='imgs.length>0'...
2019-03-17 15:39:26
3374
原创 vue（必须）掌握的相关知识
现在补充一下vue2.x的相关知识。基础知识：vue的生命周期： beforeCreate/created、 beforeMount/mounted、 beforeUpdate/updated、 beforeDestory/destoryed vue常用指令： v-for、 v-bind（缩写形式 :prop）、 v-on(缩写形式 @click=’sss')、 v-if/v-el...
2019-01-18 15:00:53
1097
原创 使用better-scroll插件无法滚动原因
一、DOM层级关系<div class="wrapper"> <div class="content"> content... </div> </div> wrapper里面不能存在多个同级div，如果你这样写：<div class="classifyTitle" ref=
2019-01-17 22:35:57
1158
原创 input获取焦点后不显示光标，能输入显示内容
在开发的过程中会遇到各种各样的奇葩需求，这就遇到一个，input输入框输入的时候不要显示光标。不得不说这个需求太奇葩了，但是既然提出来了就得找方法去解决啊，在多番尝试之后最终解决了// html<input type="text" id='txt' placeholder="输入搜索内容">css 就能解决了#txt { outline: n...
2018-12-26 18:41:00
11587
2
原创 js 单利、工厂、构造函数、原型链、call、bind、apply、sort
--------------------------------------------------单例模式----------------------------------------------------var person1={ name:'张三', age:18};var person2={ name:'李四', age:19}对象数据类型的...
2018-12-15 14:54:02
398
原创 js的一些兼容性写法
js的一些兼容性写法①添加事件方法addHandler：function(element,type,handler){ if(element.addEventListener){//检测是否为DOM2级方法 element.addEventListener(type, handler, false); }else if (element.attachEve...
2018-12-13 17:50:37
270
原创 js如何判断数组是Array类型
在说明如何判断一个对象为数组类型前，我们先巩固下js的数据类型，js一共有六大数据类型：number、string、object、Boolean、null、undefined。 var str="string";console.log(typeof str); //stringvar num=1;console.log(typeof num); //numbervar bn=fals...
2018-12-13 14:41:04
1478
1
原创 微信小程序的组件样式
1、外部样式类有时，组件希望接受外部传入的样式类（类似于 view 组件的 hover-class 属性）。此时可以在 Component 中用 externalClasses 定义若干个外部样式类。这个特性从小程序基础库版本 1.9.90 开始支持。注意：在同一个节点上使用普通样式类和外部样式类时，两个类的优先级是未定义的，因此最好避免这种情况。代码示例：// 第一步：co...
2018-12-13 09:33:46
2279
原创 微信小程序 slot 插槽使用
在组件模板中可以提供一个 <slot> 节点，用于承载组件引用时提供的子节点。1、单个slot，代码示例：<!--第一步：封装组件，components/music/index.wxml--><!--components/music/index.wxml--><view> <text>我是标准的</text&g...
2018-12-13 09:19:44
17636
1
原创 ES6 entries()，keys()，values() 数组遍历
ES6提供了entries()，keys()，values()方法返回数组的遍历器，对于遍历器（Iterator）可以使用for...of进行便利，也可是使用entries（）返回的遍历器Iterator.next()方法进行遍历。 1.使用keys()遍历。keys()返回的是数组元素索引号的遍历器。const arr1 = ['a', 'b', 'c', 'd', 'e...
2018-12-12 17:39:56
7094
原创 微信小程序（组件的业务）slot 的使用
1.调用组件向自定义组件插入内容，使用 slot在自定义模板中有一对<view><slot></slot></view>,这里是干什么用的呢？在组件模板中可以提供一个 <slot> 节点，用于承载组件引用时提供的子节点。 在components创建组件 , 点击 components 自动创建好所需文件 在 .wxml ...
2018-12-12 14:29:40
13874
3
原创 微信小程序（组件中的使用）observer函数的应用
小程序observer函数的应用 需求是这样的 就是构建月份的组件中，月份小于10月的时候 显示的数字都是一个位数，需要转换成两位数，比如8月份是8 ，那就要转换为08 ，同理可得 其他低于十月份的月份也是要这样做：打开组件的js文件接下来看下代码：properties: { //月份的值 index:{ type:String...
2018-12-11 08:00:49
12961
原创 微信下程序返回上一页（执行）刷新一下
微信小程序提交后返回上一页，刷新当前页面setTimeout(() => { var pages = getCurrentPages(); // 当前页面 var beforePage = pages[pages.length - 2]; // 前一个页面 console.log(beforePage)...
2018-12-10 14:41:22
597
原创 Redux和React-Redux使用关系
Redux是一款状态管理库，并且提供了react-redux库来与React亲密配合， 但是总是傻傻分不清楚这2者提供的API和相应的关系。这篇文章就来理一理。 ReduxRedux 三大核心Redux的核心由三部分组成：Store, Action, Reducer。Store : 是个对象，贯穿你整个应用的数据都应该存储在这里。 Action： 是个对象，必须包含ty...
2018-12-10 14:24:34
316
原创 微信小程序编程式路由跳转
页面栈表现方式路由方式 页面栈表现 初始化 新页面入栈 打开新页面 新页面入栈 页面重定向 当前页面出栈，新页面入栈 页面返回 页面不断出栈，直到目标返回页，新页面入栈 Tab 切换 页面全部出栈，只留下新的 Tab 页面 重加载 页面全部出栈，只留下新的页面 路由方式 路由方式 触发时机 路由前页面 ...
2018-12-01 10:38:17
941
原创 win 10 的 Git安装教程
个人的安装环境： Windows10 64bit GIT 下载地址：https://git-scm.com/download 开搞 1、安装界面， 点击 Next 下一步2. 安装的路径，可自由选择，然后 Next3. 选择安装组件 4. 选择菜单文件--默认 ， Next 5. 系统环境变量选择-- 我选择第二个(可根据需...
2018-11-22 21:58:21
1240
原创 解决 git 报错 fatal:open /dev/null or dup failed: No such file or directory
win10 安装git 启动后报错git init 报错如下：fatal: open /dev/null or dup failed: No such file or directorysh.exe": /dev/null: No such file or directory意思是找不到文件了查找解决方法 适用于WIN7的解决方案： A：鼠标右键==>我...
2018-11-22 21:39:55
7927
原创 解决vue打包上线后一片空白问题
打包后用浏览器打开html文件,很糟糕出现了空白页 然后我们查看控制台报错信息，我们知道是html页并没有成功引入打包后的项目文件 然后我们打开html文件，并对代码进行整理，修改引入文件的路径为“./static”,然后再用浏览器打开HTML文件就可以查看到内容了，说明我们打包的路径是有问题的 原因是打包的过程中直接将static直接作为了直接路径所以打包...
2018-11-19 23:56:45
5168
原创 vue 中 使用 vue-cookie
vue-cookie第一步：安装vue-cookienpm install vue-cookie --save第二步：在 mian.js 引入和通过 Vue.use() 明确地安装在 main.js 中引入// require es5 方法var Vue = require('vue')Vue.use(require('vue-cookie')) // 挂在在全局了...
2018-11-15 18:11:11
10066
3
原创 Javascript 对象（object）合并
初期是想在原来的对象中添加几条数据， 可不知道怎么加，只能先创建一个空对象, 在添加值let a = {} a.name1 = "1" a.name2 = "2" console.log(a) // {name1: "1", name2: "2" }第二步， 在合并，这样就相当于添加新的值了let ss = Object.assign(item, sb, a) // 使用...
2018-11-14 00:01:17
3084
原创 解决swiper4在vue项目中loop循环轮播失效
在vue(2.5.x)中使用swiper(4.3.3)，轮播加了autoplay和loop、observer、observeParents等参数还是很诡异的无法循环轮播；那么可以这样写代码试试：<template> <div class="swiper-container banner"> <div class="swiper-wrapp...
2018-11-13 00:17:58
6624
原创 纯 css3 做对勾 vue 中使用的
html<i class="icon-span" @click='data' :class="{'icon-span-select' : isShow}"></i><span :class="{'aaa' : isShow}">aaaaa</span>css .icon-span{ display: inline-
2018-10-29 20:59:33
1607
原创 vue中使用bootstap
查阅了各种资料，尝试了网上的好多方法，下载的依赖都不好使，要么不出效果，要么报错。最后只能下载一个压缩包到本地，解压后放进src的assets中了1.先下载jquerynpm install jquery --save-dev 1.5. 在webpack.base.conf.js中添加如下内容： var webpack = require('webpack')1.9在 ...
2018-10-25 15:49:15
322
原创 css字体设置大全（html）
字体属性：(font)大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常)行高 {line-height: normal;}(正常) 单位：PX、PD、EM粗细 {font-weight: ...
2018-10-25 12:07:34
5061
原创 Redux和React-Redux使用关系
Redux是一款状态管理库，并且提供了react-redux库来与React亲密配合， 但是总是傻傻分不清楚这2者提供的API和相应的关系。这篇文章就来理一理。如果要用一句话来概括Redux，那么可以使用官网的这句话：Redux是针对JavaScript应用的可预测状态容器。此句话虽然简单，但包含了以下几个含义：可预测性(predictable): 因为Redux用了reducer与纯函数...
2018-10-16 20:24:58
1273
原创 在 react 中使用 Swiper 4 做轮播图
1. 安装 Swipernpm install --save swiper2. 编写 Swiper 组件首先引入 Swiper 以及样式// 引入此路径，才不会打包失败import Swiper from 'swiper/dist/js/swiper.js'import 'swiper/dist/css/swiper.min.css'在组件挂载完毕的时候生成 Sw...
2018-10-10 14:59:23
7280
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人