那颗星好美-CSDN博客

原创 vue微信公众号隐藏右上角三个点分享功能

隐藏微信公众号分享的功能需求：vue开发公众号网页，需要去掉分享功能（产品说加就加，还好我机智，一行代码搞定）隐藏分享功能// 写入 main.js 中即可document.addEventListener("WeixinJSBridgeReady", function onBridgeReady() { // 通过下面这个API隐藏右上角按钮 WeixinJSBridge.call("hideOptionMenu");});显示三个点的分享功能doc

2021-11-09 22:22:54 1583 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 209

原创 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 4484

原创 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 514

原创 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 1991

原创 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 421

原创 vue 获取一周的时间

需求：获取当前一周的时间，用于展示一周的数据；export default { data: () => ({ msg: 'Welcome to Your Vue.js App', week:[], }), created () { let data=[] for(l...

2019-09-25 17:00:21 2992

原创在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 4848

原创 iphone打开vue项目输入框不能获得焦点，也不能输入内容

使用vue开发的项目，其中有需要输入手机号，验证手机验证码的功能，但是发现iphone打开时，点击输入框，可以调起输入法，但是无法显示输入光标，也不能输入内容（不能获取input框输入焦点）找了半天居然是 css原因，问题产生原因：css样式设置中的某些会产生影响，如-webkit-touch-callout：none；css 有些使用在安卓上没问题，但在 ios 上会有影响，走在路上...

2019-07-11 19:54:48 1163

原创 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 2057

原创在微信网页中点击图片放大

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 1990 2

原创 react路由懒加载的方式

我就使用个路由懒加载，百度一些全是以下的方法，这些方法要是没有用过，肯定懵逼啊，请问这些方法就不能给个demo，显示具体使用方式？这让小白们情何以堪传统的两种方式import()符合ECMAScript提议的import()语法，该提案与普通 import 语句或 require 函数的类似，但返回一个 Promise 对象。这意味着模块时异步加载的webpack v2+ 使用...

2019-05-11 21:26:54 8662

原创 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 1274

原创给layui的富文本编辑器赋值，报错 layedit is not defined

图上就是解决后的图去源码中需要把layedit.js里的setContent 函数的中的layedit.sync(t);改成this.sync(t);然后问题就ok了

2019-03-23 14:51:37 5344 6

原创 vue实现多图上传及预览

因项目遇到上传多张图片，还要把图片预览展示出来，还要进行删除使用element-ui 无法达到需求，因为我这是只是接口中的一个参数而已，我要的是用户点击上传，而不是自动上传，我就自己写了个来实现<template> <div class="img-files flex"> <div v-if='imgs.length>0'...

2019-03-17 15:39:26 3209

原创 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 1051

原创使用better-scroll插件无法滚动原因

一、DOM层级关系<div class="wrapper"> <div class="content"> content... </div> </div> wrapper里面不能存在多个同级div，如果你这样写：<div class="classifyTitle" ref=

2019-01-17 22:35:57 1110

原创 input获取焦点后不显示光标，能输入显示内容

在开发的过程中会遇到各种各样的奇葩需求，这就遇到一个，input输入框输入的时候不要显示光标。不得不说这个需求太奇葩了，但是既然提出来了就得找方法去解决啊，在多番尝试之后最终解决了// html<input type="text" id='txt' placeholder="输入搜索内容">css 就能解决了#txt { outline: n...

2018-12-26 18:41:00 11167 1

原创 js 单利、工厂、构造函数、原型链、call、bind、apply、sort

--------------------------------------------------单例模式----------------------------------------------------var person1={ name:'张三', age:18};var person2={ name:'李四', age:19}对象数据类型的...

2018-12-15 14:54:02 354

原创 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 245

原创 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 1435 1

原创微信小程序的组件样式

1、外部样式类有时，组件希望接受外部传入的样式类（类似于 view 组件的 hover-class 属性）。此时可以在 Component 中用 externalClasses 定义若干个外部样式类。这个特性从小程序基础库版本 1.9.90 开始支持。注意：在同一个节点上使用普通样式类和外部样式类时，两个类的优先级是未定义的，因此最好避免这种情况。代码示例：// 第一步：co...

2018-12-13 09:33:46 2239

原创微信小程序 slot 插槽使用

在组件模板中可以提供一个 <slot> 节点，用于承载组件引用时提供的子节点。1、单个slot，代码示例：<view> <text>我是标准的</text&g...

2018-12-13 09:19:44 17223 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 6884

原创微信小程序（组件的业务）slot 的使用

1.调用组件向自定义组件插入内容，使用 slot在自定义模板中有一对<view><slot></slot></view>,这里是干什么用的呢？在组件模板中可以提供一个 <slot> 节点，用于承载组件引用时提供的子节点。在components创建组件 , 点击 components 自动创建好所需文件在 .wxml ...

2018-12-12 14:29:40 13785 3

原创微信小程序（组件中的使用）observer函数的应用

小程序observer函数的应用需求是这样的就是构建月份的组件中，月份小于10月的时候显示的数字都是一个位数，需要转换成两位数，比如8月份是8 ，那就要转换为08 ，同理可得其他低于十月份的月份也是要这样做：打开组件的js文件接下来看下代码：properties: { //月份的值 index:{ type:String...

2018-12-11 08:00:49 12785

原创微信下程序返回上一页（执行）刷新一下

微信小程序提交后返回上一页，刷新当前页面setTimeout(() => { var pages = getCurrentPages(); // 当前页面 var beforePage = pages[pages.length - 2]; // 前一个页面 console.log(beforePage)...

2018-12-10 14:41:22 556

原创 Redux和React-Redux使用关系

Redux是一款状态管理库，并且提供了react-redux库来与React亲密配合，但是总是傻傻分不清楚这2者提供的API和相应的关系。这篇文章就来理一理。 ReduxRedux 三大核心Redux的核心由三部分组成：Store, Action, Reducer。Store : 是个对象，贯穿你整个应用的数据都应该存储在这里。 Action：是个对象，必须包含ty...

2018-12-10 14:24:34 294

原创微信小程序编程式路由跳转

页面栈表现方式路由方式页面栈表现初始化新页面入栈打开新页面新页面入栈页面重定向当前页面出栈，新页面入栈页面返回页面不断出栈，直到目标返回页，新页面入栈 Tab 切换页面全部出栈，只留下新的 Tab 页面重加载页面全部出栈，只留下新的页面路由方式路由方式触发时机路由前页面 ...

2018-12-01 10:38:17 898

原创 win 10 的 Git安装教程

个人的安装环境： Windows10 64bit GIT 下载地址：https://git-scm.com/download 开搞 1、安装界面，点击 Next 下一步2. 安装的路径，可自由选择，然后 Next3. 选择安装组件 4. 选择菜单文件--默认， Next 5. 系统环境变量选择-- 我选择第二个(可根据需...

2018-11-22 21:58:21 1216

原创解决 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 7386

原创解决vue打包上线后一片空白问题

打包后用浏览器打开html文件,很糟糕出现了空白页然后我们查看控制台报错信息，我们知道是html页并没有成功引入打包后的项目文件然后我们打开html文件，并对代码进行整理，修改引入文件的路径为“./static”,然后再用浏览器打开HTML文件就可以查看到内容了，说明我们打包的路径是有问题的原因是打包的过程中直接将static直接作为了直接路径所以打包...

2018-11-19 23:56:45 5119

原创 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 10016 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 3041

原创解决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 6577

原创纯 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 1511

原创 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 300

原创 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 4952

原创 Redux和React-Redux使用关系

Redux是一款状态管理库，并且提供了react-redux库来与React亲密配合，但是总是傻傻分不清楚这2者提供的API和相应的关系。这篇文章就来理一理。如果要用一句话来概括Redux，那么可以使用官网的这句话：Redux是针对JavaScript应用的可预测状态容器。此句话虽然简单，但包含了以下几个含义：可预测性(predictable): 因为Redux用了reducer与纯函数...

2018-10-16 20:24:58 1237

原创在 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 7239 3

空空如也

空空如也