- 博客(211)
- 资源 (4)
- 收藏
- 关注
RSS订阅
原创 vue项目笔记（23）-动态路由传值及iconfont更新使用
动态路由与路由传值router-link相关知识vue中可以使用<router-link></router-link>实现路由跳转，vue中<router-link></router-link>将来会被渲染成a标签，且有默认样式。<router-link></router-link>带有tag属性，可以设置将来渲染...
2018-08-16 17:22:13
1423
原创 vue项目笔记（7）-使用iconfont
vue中iconfont的使用步骤1、进入iconfont官网（http://www.iconfont.cn），进入“官方图标”，选择你所需要的图标，加入购物车。2、进入“购物车”，将选择好的图标“添加至项目”，选择对应的项目，点击“确定”。3、在项目中，点击“下载至本地”，解压缩，文件目录如下：4、将字体文件及对应的iconfont.css文件复制到项目目录中，如...
2018-08-09 23:59:59
1645
原创 “拿来主义”学习无限滚动动画（附源码）
定义了动画的延迟时间，这个是动画中的重点，对最后一个滚动对象，做了。另外，为了方便用户点击操作，需要给滚动对象添加鼠标。，那么在所有元素滚动结束后，如何做动画衔接就变得尤为重要。，需要根据实际情况做调整，以保证动画的连贯性。其实，这段代码就做了一件事情：鼠标移入。需求中涉及无线滚动，说明需要使用。处理，使得页面动画连贯。定义了无限循环动画，
2024-06-25 10:03:40
625
原创 “拿来主义”学习元素裁剪（附源码）
具体使用方法可以参考：https://tools.jb51.net/code/css3path。参考链接：https://mp.weixin.qq.com/s/TsOOhUAff6OeqPW7A9JuaQ。，所以需要一个蒙层元素。最后，在鼠标移入的时候，蒙层从中心处不断以圆形方式缩减，也需要一个元素。首先从需求上来看，需要一个主元素用于展示用户头像。例外，在页面无操作的时候，显示。改变裁剪尺寸，以实现圆形扩散效果。注意，其中元素可以使用。
2024-06-24 09:35:27
395
原创 Web端地图开发说明
参考链接：https://mp.weixin.qq.com/s/RuY8dBghwOkf5nKdRugamA。vue3 + 高德 JS API 2.0。
2024-06-13 10:10:26
133
原创 mySql数据库学习003-多表查询
参考链接：https://mp.weixin.qq.com/s/zlqyH1PXs2IN9b85QceFhQ。创建数据表：班级表与学生表。
2024-06-07 09:57:10
471
原创 nvm安装使用
注意事项：最好将nvm安装到C盘，如果安装到其他盘，需要配置对应的环境变量。在安装前卸载已经安装的node。下载地址：https://nvm.uihtm.com/download.html。的版本要求可能不同，为了方便不同项目之前的切换开发，需要集成不同版本的。应运而生，用于解决同一台电脑，随时随地切换。在前端开发过程中，不同项目可能对。
2024-06-07 09:25:25
486
原创 Flutter环境搭建
将压缩包解压，然后把其中的 flutter 目录整个放在你想放置 Flutter SDK 的路径中（例如 D:\software\flutter）。
2023-02-17 11:33:54
2063
原创 uni-app登录与请求封装
uni-app请求封装登录接口登录接口返回数据结构如下：{ "data": { "access_token": "45ed7b4b-6c90-4996-a283-ae727c2269f4", "token_type": "bearer", "refresh_token": "d5d1d513-3e15-4969-be06-25547e189be9", "expires_in": 7775999, "token_type": "bearer", "license": "pr
2022-01-13 11:04:31
217
原创 数组中对象去重
数组中对象去重方法应用场景在某些场景下，我们需要将后端获取的一维数组，转化为二维数组的树形结构，才能方便我们使用；比如：城市、区域列表等等场景。示例数据格式如下： arr: [ { code: 1, text: '张三' }, { code: 1, text: '张三' }, { code: 2, text: '李四' }, { code: 1, text: '张三' }, { code: 3, text
2021-12-10 16:59:07
2502
原创 vscode开发常用插件一览表
vscode开发常用插件一览表小程序开发助手Add jsdoc comments 函数参数注释插件any-rule 常用正则表达式Auto Close Tag 自动闭合标签Auto Rename Tag 自动重命名标签Beautify 整理代码格式Chinese (Simplified) Language Pack for Visual Studio Code 中文语言插件CSS Peek 通过class名称自动定位到css样式文件的位置Dracula Official 吸血鬼主题Hi
2020-09-10 16:05:49
940
原创 vue项目中使用echarts
vue项目中使用echarts一、使用场景在项目开发中，我们往往会遇到数据统计方面的需求，这时候为了直观的呈现数据，我们需要制作图表。此时，我们可以使用 echarts 来制作。二、使用步骤安装 echartsnpm install echarts --save在 main.js 中引入import echarts from "echarts";挂在到 Vue 实例上Vue.prototype.$echarts = echarts;DOM结构<div id
2020-07-02 16:05:20
1098
原创 Vue开发精要之底部导航栏
Vue开发精要之底部导航栏在我们日常开发中，尤其是移动端开发（H5、微信公众号、企业微信等）中，我们往往需要自己设计底部导航栏。或许，导航栏这种常见功能，大家都是司空见惯的，但是其中设计的知识点却是不少，本片文档将要介绍地步导航栏涉及的知识点与常用方法，共同学习，共同进步。一、导航切换HTML<!-- 占位容器 --><div class="placegolder-container"></div><!-- 底部导航栏 --><di
2020-06-16 15:24:23
918
原创 前端加密-crypto-js插件使用
前端加密步骤1. 安装crypto-js插件npm install crypto-js2. 新建src/utils/aes.js文件import CryptoJS from 'crypto-js'export default { //加密 encrypt(word, keyStr){ keyStr = keyStr ? keyStr : 'zaqxswcde123vfr4'; var key = CryptoJS.enc.Utf8.parse(keyStr);
2020-06-12 16:38:03
2529
2
原创 Vant UI + Vue + Cli3.0 + Rem移动端项目搭建
Vant UI + Vue + Cli3.0 + Rem移动端项目搭建1. 创建vue项目创建项目vue create vant-demo引入less (通过vue ui 可视化页面安装依赖插件）vue ui2. 引入vant uinpm i vant -S3. 按需引入3-1. 安装babel 插件npm i babel-plugin-import -D温馨提示：在使用自动按需引入的时候，在使用相关组件的时候，需要在maim.js中一一引入，如下：import
2020-06-10 11:17:57
1343
原创 substring()与substr()的区别
substring()与substr()的区别substring(from, to)方法用法介绍substring() 方法用于提取字符串中介于两个指定下标之间的字符。substring() 方法返回的子串包括开始处的字符，但不包括结束处的字符。备注：to参数非必填，如果不填写，表示返回的子串会一直到字符串的结尾。示例var str="2020-04-02 10:00:0...
2020-04-03 13:40:03
1049
1
原创 移动端调试插件vconsole.js的使用
移动端调试插件vconsole.js的使用1. 使用场景在移动端开发的时候，如果仅仅是手机网页，调试的时候我们直接使用浏览器自带的调试工具就可以了。但是如果是微信公众号或者企业微信，需要在微信的环境正才可以访问的页面，这个时候调试就不方便了。此时，推荐使用vconsole.js进行调试，而不是使用alert方法。2. vue开发微信公众号调试安装npm install vconso...
2020-03-17 14:59:20
2485
原创 微信公众号中关闭页面
微信公众号中关闭页面一、应用场景在微信公众号中为什么要通过JS方法关闭页面？答：防止用户通过连接地址进入公众号，杜绝安全隐患，以及登录失效的情况。二、具体的实现思路在封装好的请求文件中的响应拦截器中，添加网络请求结果的判断。该示例中，通过resultInfo.ResStatus == "3"标识登录失效，并做关闭页面的逻辑处理。三、代码instance.inter...
2020-03-12 19:56:21
1976
原创 获取地址栏参数
获取地址栏参数在很多时候，我们需要通过页面的链接来传递参数。既然是传递，那么我们肯定是需要在下一个页面接收，并且使用。那么，如果获取连接中的参数呢？具体的方法如下：1. 代码function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = que...
2020-03-11 14:51:50
464
原创 粘贴板clipboard.js的使用方法
粘贴板clipboard.js的使用方法一、使用场景在移动端开发的时候，有的应用需要用户拷贝页面的内容，方便用户操作。此时，就是需要是用粘贴板功能。二、使用步骤1. npm安装clipboard.js插件npm install clipboard --save2. 在文件中引入import Clipboard from "clipboard";3. 使用方法coppUrl(...
2020-03-11 13:55:33
5987
原创 vue公众号开发--二维码生成
vue公众号开发–二维码生成在H5项目中，我们往往会需要生成二维码，其实二维码的生成很简单，具体的步骤如下：1、安装依赖qrcodejs2npm install qrcodejs2 -S2、引入使用import QRCode from "qrcodejs2";3、html结构<div class="code-ontainer column-between-center"...
2020-02-05 20:40:07
1133
原创 IOS系统不支持伪类active效果
IOS系统不支持伪类active效果问题描述：在手机端网页中，设计了按钮、标签点击时的active效果，但是IOS端没有效果；解决方案：diamante如下<body ontouchstart="" onmouseover=""></body>总结：给body标签添加ontouchstart与onmouseover事件即可；亲测有效……...
2020-01-14 14:48:42
696
1
原创 cmd常用指令win10（持续更新中）
cmd 常用指令win10（持续更新中）一、文件夹操作md demo 创建demo文件夹cd demo 进入demo文件夹cd .. 返回上一级目录dir 列出文件夹的所有的文件夹与文件二、文件操作cd.>1.txt 创建1.txt文件del demo 删除demo文件夹中的所有文件del *.txt 删除所有后缀为.txt的文件三、温馨提示指令操作删除...
2019-12-13 13:06:05
768
原创 Vue中 path + query 传参的坑（参数类型变化）
Vue中 path + query 传参的坑一、概述在我们使用Vue中 path + query 方式传参的时候，这里存在一些坑或者说是现象（参数类型因为刷新而变化），记录一下，供大家学习。二、使用场景我们在使用Vue中 path + query 方式传参的时候，可以使用参数中的某一个作为区分新增与编辑的标识。就我的个人习惯而言，我通常会传参数0为新增，具体的非0参数为编辑（后端中主键是...
2019-12-04 16:18:51
6099
原创 Canvas学习-时钟绘制
Canvas学习-时钟绘制1. 绘制时钟外边框创建画布<div class="container"> <canvas id="clock" height="200px" width="200px"></canvas></div>备注：该容器就是绘制图形的画布。绘制圆环var dom = document.getEleme...
2019-11-17 15:51:26
685
原创 POST接口上传图片base64接口中“+”转化为空格问题解决
POST接口上传图片base64接口中“+”转化为空格问题解决问题在使用element UI上传图片的时候，发现转化为base64的图片字符中含有 + 号，但是传递给后端后，后端接收的字符串中的 +，全部变成了空格，导致图片不能正常显示，但是怎么解决呢？解决方案let str = 'base64图片地址';let newStr = encodeURIComponent(str);...
2019-11-12 17:22:51
940
原创 vsCode常用快捷键操作
vsCode常用快捷键操作行操作Shift + Alt up/down 在当前行上下复制当前行Ctrl + Shift + K 删除行Ctrl + Enter 在当前行下插入新的一行Ctrl + Shift + Enter 在当前行上插入新的一行Altl + up/down 向上/下移动当前行光标操作Home 光标跳转到行头End 光标跳转到行尾Ctrl + Home ...
2019-11-02 17:33:16
1043
原创 Vue开发精要之底部导航栏
Vue开发精要之底部导航栏在我们日常开发中，尤其是移动端开发（H5、微信公众号、企业微信等）中，我们往往需要自己设计底部导航栏。或许，导航栏这种常见功能，大家都是司空见惯的，但是其中设计的知识点却是不少，本片文档将要介绍地步导航栏涉及的知识点与常用方法，共同学习，共同进步。一、导航切换HTML<!-- 占位容器 --><div class="placegolde...
2019-10-31 17:51:47
1228
4
原创 程序员的浪漫
程序员浪漫表白艺术系，可以用意境丰富的画作来表达爱意；文学系，可以用文辞优美的文章来传递情话；而程序员呢？大多人以为程序员都是宅男，没有情趣；实则不然，当程序员遇见爱情，你便会明白什么是 ‘不鸣则已，一鸣惊人’！1. 决定let finalDecision = myDecision == girlFriendDecision? myDecision : girlFriendDecision;...
2019-10-24 18:53:53
1877
2
响应式网站设计（gulp打包与未打包两版）
2018-08-24
vue-cli及vue路由学习
2018-06-25
vue-axios的使用及其中get与post网络请求
2018-06-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人