- 博客(52)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 elementui中的tree组件相关操作集合
目录1. 刷新指定节点2. 自定义过滤方法3.新增子节点1. 刷新指定节点node节点有一个loaded的属性，用来存储该节点是否展开过，刷新指定节点的思路：无论该节点是否展开过，通通设置loaded=false，然后触发node节点的expand函数去展开节点refreshNode(node){ node.loaded = false node.expand()},2. 自定义过滤方法如果使用的不是懒加载，就可以直接使用官方给的方式去过滤，简单省事！但是
2020-11-11 17:58:57
3701
8
原创 elementui中表头中使用下拉菜单组件并使用v-if控制列的显示与否，导致渲染出两个相同的下拉菜单
问题做项目过程中，有一个这样的需求，表头有下拉菜单进行数据筛选，同时该列会在某种条件下才触发的显示。如下：类型选择数据库资源时，数据库资源类型这一列才会显示，但是实际做出来之后，就是下面这样，很明显的渲染出了两个相同的下拉菜单，错位也是很严重网上百度居然没有人没有相关的问题。。。于是尝试了很多办法，加上key试了一下不行！行内样式用display控制列的显示与否，结果导致了其他列出现了异常，尤其是操作列，居然不显示了？又尝试了替换成别的组件，换了表格自带的表头筛选方法等，但是又导
2020-11-09 14:51:21
2613
原创 报错Cannot download “https://npm.taobao.org/mirrors/node-sass/v4.13.1/win32-x64-83_binding.node“
执行npm i时报错Downloading binary from https://npm.taobao.org/mirrors/node-sass/v4.13.1/win32-x64-83_binding.nodeCannot download "https://npm.taobao.org/mirrors/node-sass/v4.13.1/win32-x64-83_binding.node": HTTP error 404 Not FoundHint: If github.com is
2020-11-05 10:17:34
4804
4
原创 修复修改了el-table组件的滚动条样式后出现的问题
问题描述：众所周知，i-table的滚动条使用的是原生的滚动条，样式比较丑，于是本人就擅自改动了一下滚动条样式，理想中的样子是这样的但是实际是这样的，出现了显示不全，固定列离滚动条距离加宽的问题下面是我修改滚动条用的样式/deep/.el-table__body-wrapper { &::-webkit-scrollbar { height: 6px; width: 6px; } &::-webkit-scr...
2020-10-21 10:22:38
6441
16
转载 Vue中$refs的理解
转载地址$refs是一个对象，持有注册过ref attribute的所有DOM元素和组件实例。描述ref被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的$refs对象上，如果在普通的DOM元素上使用，引用指向的就是DOM元素；如果用在子组件上，引用就指向组件实例，另外当v-for用于元素或组件的时候，引用信息将是包含DOM节点或组件实例的数组。<!DOCTYPE html><html><head> <title&
2020-09-04 13:53:08
969
原创 CSS伪类、伪元素笔记
CSS伪类伪类存在的意义是为了通过选择器找到那些不存在与DOM树中的信息以及不能被常规CSS选择器获取到的信息。使用时为一个冒号伪元素创建抽象元素，但是这些元素不存在于DOM树中，如::first-letter，类似于将元素的首字母单独拿别的标签包起来，创建了之前不存在的抽象元素，该元素也不会出现在dom树中，于是就有了“伪”一说使用时是两个冒号下面是伪类伪元素的总结图...
2020-08-28 15:41:39
98
原创 Promise笔记
promise是异步编程的解决方案1. 什么时候用到promise？一般情况下是有异步操作时，对其进行封装，常见的场景就是网路请求，一个网络请求完成后会传给下一个网络请求参数去继续请求，如果当这个回调比较多且数据处理比较麻烦时，就会让我们陷入回调地狱2. 状态等待态（Pending）：比如正在进行网络请求时，或者定时器还没到时间执行态/满足状态（Fulfilled）: 当我们主...
2020-08-25 14:18:59
466
原创 微信小程序-超过一定高度，进行动作
需求历史搜索界面上超出两行，不存储，不显示小程序怎么获取元素高度？小程序都没Document对象，怎样操作DOM?一开始我就是这样想的，臣妾办不到!然而现实又啪啪啪的打脸了~ 没有Document对象，小程序人家还是可以获取元素的基本信息的，人家有方法啊!就是它wx.createSelectorQuery需求实现wxml中:为目标元素绑定一个id&...
2020-01-13 16:00:09
1250
原创 微信小程序-请求异常处理
自己琢磨的处理方法，如有缺陷，非常欢迎提出，我们共同进步大概思路: 请求连接失败--> 检查失败原因(请求超时? 网络异常？其他？) --> 直接提示用户请求连接成功--> 非token问题( code报200,500等 ) --> 正常流程走 --> token问题( code报token异常约定的c...
2020-01-09 16:59:33
7121
原创 微信小程序：首页需要等待onLaunch中某请求执行完成
小程序开发中有时候会遇到下面这样的情况：小程序打开时，我们需要触发登陆，获取用户的基本信息，然后在首页中立即使用，但是会发现在app.js的onLaunch中请求发出去了，首页在onLoad中却没有拿到数据？还有一个场景，比如，你希望用户在打开小程序的时候，就会自动定位，无论用户进入小程序先看到的是哪个页面，那么，定位函数势必需要在onLaunch中触发，但是呢，定位异步请求需要时间，你首...
2020-01-09 16:11:15
4286
4
原创 百度经纬度转腾讯地图经纬度
也是参照的别人的，实际开发中使用的这个函数，传入百度的经纬度，输出腾讯地图经纬度const bMapTransqqMap = (lng, lat) => { let x_pi = (3.14159265358979324 * 3000.0) / 180.0; let x = lng - 0.0065; let y = lat - 0.006; let z = Math...
2020-01-09 15:33:58
1472
4
原创 webSocket初体验
1. webSocket解读2. 使用webSocket客户端 服务端 界面展示参考文章：https://www.cnblogs.com/myzhibie/p/4470065.htmlhttps://www.liaoxuefeng.com/wiki/1022910821149312/11033036938240961.webSocket解读WebSocket是HT...
2019-08-16 15:00:54
132
原创 微信小程序-组件中使用computed
安装具体的使用步骤：1. 初始化npm命令行进入到小程序项目根目录，执行初始化npmnpm init2.完成后，在项目中创建目录node_modules3.cd到node_modules目录下，执行(安装computed)npm install --save miniprogram-computed4. 前往开发者工具勾选 “使用开发者模块“...
2019-08-12 16:27:06
4592
2
原创 H5中的meta
1.Keywords，便于搜索引擎 ，放在前面标记不应超过 874 个字符<meta name="Keywords" content="网页关键字">2. 网页描述 ，不超过 150 个字符且能准确反映网页内容的描述标签<meta name="description" content="网页描述文字" >3.refresh，过指定时间后，刷新或者重...
2019-08-09 16:13:11
350
原创 微信小程序-将图片裁剪成规定的尺寸
需求：图片上传时，要求必须是720*720大小的图片，但是用camera拍出来的照片大小不固定，有的手机是720*720，有的就是1080*1080，还有480*480的解决办法：将图片转换成canvas，再在canvas中操作，最后将canvas转换图片导出先大概贴一下html代码和js中的data <view style='height:292px;width:2...
2019-07-04 15:25:16
12511
原创 配置好了ssh，tortoiseGit还是不能进行正常的拉取代码等操作的解决办法
这几天使用tortoiseGit去拉取gitlab上的代码，怎么都报错，经常报不支持ssh（No supported authentication methods available(sever sent:publickey)）等问题，换成http的地址之后，最开始几天还正常，突然有一天，就报错说地址不存在，拒绝访问等错误（大概就是这个意思，具体的提示，现在已经不能重现了）后来用git bus...
2019-06-19 11:04:52
4204
4
转载 关于前端的书写规范
参考文章：https://www.25xt.com/html5css3/15586.html下面是在该文章中截取的两个地址HTML/CSS编码规范http://codeguide.bootcss.com百度前端规范(CSS, HTML, JS)http://zhuanlan.zhihu.com/fuyun/19884834...
2019-05-06 15:45:43
128
转载 taro开发微信小程序: 生命周期
文章来源生命周期componentWillMount在微信小程序中这一生命周期方法对应页面的onLoad或入口文件app中的onLaunchcomponentDidMount在微信小程序中这一生命周期方法对应页面的onReady或入口文件app中的onLaunch，在 componentWillMount后执行componentDidShow在微信小程序中这一生命周期方法...
2019-04-25 09:51:22
1483
原创 em与rem的使用
学习地址:http://caibaojian.com/rem-vs-em.html总结来说:1. em单位基于使用他们的元素的字体大小。会受到任何继承的父元素字体大小影响，一般用于边距，导航间距等适配设置。2.rem 单位基于 html 元素的字体大小。当html元素没有明确设置字体大小时，就按照用户浏览器设置的字体大小来计算，默认的浏览器字体大小一般是16px. 如 html...
2019-04-23 13:30:48
112
原创 js高阶函数之filter
作用: 把Array的某些元素过滤掉，然后返回剩下的元素。接收一个函数。filter()把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素。// 去偶数var arr = [1, 2, 4, 5, 6, 9, 10, 15];var r = arr.filter(function (x) { return x % 2 !== 0;}...
2019-04-17 15:00:11
276
原创 根据百度地图ip接口改造的，全国的城市中心经纬度json
{ "北京市": [ "116.395645", "39.929986" ], "上海市": [ "121.487899", "31.249162" ], "天津市": [ "117.210813", "39.14393" ], "重庆市": [...
2019-04-16 17:00:55
1819
原创 vue关闭代码规范Eslint
新创建的项目在npm run dev的时候老是报各种格式问题i：比如多个一个空格？多了一行？分号问题？.....简直是受不鸟。。。怎么解决呢？这个文件，看这里，将useEslint的值改成false就好了说简单也简单，但是当你不知道去哪里改的时候就会觉得这个问题可不简单.........
2019-04-15 11:02:30
10920
2
原创 创建我的第一个Vue项目
1：安装环境与工具 安装node.js 安装npm,cnpm: 新版nodejs安装好以后就装上了npm 安装webpack: npm install webpack -g 安装vue-cli脚手架: npm install vue-cli -g 查看vue版本 vue -V2：使用vue-cli来构建项目 在控制台cd到...
2019-04-12 17:31:27
349
转载 tp5解决跨域问题
今天在做tp5项目时碰到一个问题：接口地址写成localhost，就可以请求到接口数据，但是换成本机的ip就出问题百度发现是跨域问题，解决方案：https://www.jianshu.com/p/153615b79114...
2019-04-02 11:39:03
1468
原创 php中反射问题
问题描述:函数接收的一个参数存储了类名，想要动态的new出该类，并调用类中的方法解决办法：使用php中的反射类名词解释：PHP自5.0版本以后添加了反射机制，它提供了一套强大的反射API，允许你在PHP运行环境中，访问和使用类、方法、属性、参数和注释等，其功能十分强大，经常用于高扩展的PHP框架，自动加载插件，自动生成文档，甚至可以用来扩展PHP语言。由于它是PHP內建的oop扩展，为...
2019-03-07 11:31:59
566
转载 适配移动端，禁止用户缩放页面
meta标签中的content属性里有一个width=device-width的值，这个值就是用来告诉浏览器，该页面将要使用设备的宽度来解析，后面的属性值则是告诉该页面： user-scalable=no 禁止用户缩放页面 initial-scale=1.0 页面初始倍数为1倍 maximum-scale=1.0 页面可放大的倍数为1倍 minimum...
2019-03-05 17:26:35
2555
转载 微信小程序之更新机制
根据小程序的官方文档上说：小程序的启动机制有两种：[ 冷启动 ] : 小程序首次打开或销毁后再次被打开 [ 热启动 ] : 小程序打开后，在一段时间内（目前：5分钟）再次被打开，此时会将后台的小程序切换到前台(5分钟后，小程序会被微信主动销毁)更新机制小程序冷启动时，会检查小程序是否有最新版本。如果有则将异步下载最新版本，但是仍将运行当前版本等到下一次冷启动时再运行最新版本。如果你...
2018-11-30 15:53:16
264
原创 微信小程序之生成二维码
wxqrcode.js下载地址// 引入wxqrcode.jsconst qr = require("../../utils/wxqrcode.js"); // 绘制二维码var img = qr.createQrCodeImg('你要保存的信息', { 'size': 300 });// 将img放在图片的src中即可 ...
2018-11-21 17:12:11
991
2
原创 js常用正则
去除字符串前面的0var a='00123';a.replace(/\b(0+)/gi,""); // 123正则：选择1-8之间的整数/^[1-8]{1}$/.test('123') // false去掉前后空格str.replace(/(^\s*)|(\s*$)/g, '')...
2018-10-25 09:29:27
1987
原创 实时可视化工具之livereload
livereload这个工具，简单易用 相当于帮我们按了浏览器的F5，可以实时的刷新页面。接下来看一下步骤1.谷歌浏览器安装插件 livereload2.npm全局安装livereload：npm install -g livereload3.cd到项目文件夹下4. 在项目中启动livereload。命令：livereload 5.用浏览器打开项目，发现右上角l...
2018-10-10 11:23:53
237
原创 Browser-Sync 实时可视化工具
参考链接：https://blog.csdn.net/uikoo9/article/details/72368089?utm_source=itdadao&utm_medium=referralhttps://www.imooc.com/article/14759Browser-Sync功能简单的说就是：当修改了html，css，js等文件时，保存后浏览器自动刷新页面【安装...
2018-10-09 16:51:22
1126
2
转载 jq获取常用宽高
文章来源：http://blog.sina.com.cn/s/blog_51048da70101djoy.html获取浏览器显示区域（可视区域）的高度 ： $(window).height(); 获取浏览器显示区域（可视区域）的宽度 ：$(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档...
2018-09-27 10:13:42
1784
原创 微信小程序之全屏背景
在做图片全屏显示时，当设置本地图片全屏显示时，总是出现滚动条，现象如下图：样式控制如下：<view class='bg_box'> <image src='/imgs/bg.png'></image></view>.bg_box{ position: absolute; top: 0; left:...
2018-09-26 14:57:11
4644
5
转载 微信小程序之解决同时绑定bindtap和bindlongtap事件bug
问题描述：一个元素上同时绑定了点击事件与长按事件时，当长按事件触发时，点击事件也会被触发解决办法：记录手指点下与手指抬起之间的时间差 在触发tap事件前 判断时间差 小于350 就触发tap 否则不处理代码：<button bindtouchstart="handleTouchStart" bindtouchend="handleTouc...
2018-09-10 13:30:29
6299
3
原创 微信小程序中解决插入到dom中一段html的问题
利用富文本<rich-text nodes="{{content}}"></rich-text>nodes可以是文本节点(string类型) 也可以是元素节点（数组）问题：渲染的html中的图片可能没有适应屏幕大小，出现图片超出屏幕，显示不全的问题解决办法：var cnt = res.data.content.replace(/\<img/gi...
2018-08-20 15:48:51
7684
原创 微信小程序之微信支付功能
本文需要的外部js下载地址(需要5个积分，不是我的锅，是系统自己弄的)这几天做微信支付功能，可谓是一步一个坑，在这里总结一下，供以后查看（详细代码在最后）大致的步骤：通过微信的登录接口获取到code 用code去请求微信接口换取openid 用openid生成统一订单得到prepay_id 调用微信接口完成支付详细步骤： 实现的前提：你要有正确的appid，serect...
2018-08-10 17:08:27
381
原创 微信小程序之模拟过滤器
借助wxs文件第一步：编写wxs文件 filter.wxs// 价格格式化function price(value) { if (!isNaN(value)){ var num = value/100; // 这里除以100，是因为传进来的数值单位为分，请根据自己的情况定义 return num.toFixed(2); }else{...
2018-08-01 11:11:08
1448
根据百度地图的ip接口，改造的全国城市的坐标中心json
2019-04-16
微信小程序支付功能所需的js
2019-02-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人