- 博客(33)
- 收藏
- 关注
RSS订阅原创 微信小程序 - 蓝牙连接
官网蓝牙 (Bluetooth) | 微信开放文档蓝牙低功耗是从蓝牙 4.0 起支持的协议，与经典蓝牙相比，功耗极低、传输速度更快，但传输数据量较小。常用在对续航要求较高且只需小数据量传输的各种智能电子产品中，比如智能穿戴设备、智能家电、传感器等，应用场景广泛。
2023-09-21 16:35:48
10624
原创 微信小程序 - 项目搭建开发
微信公众平台（），下载微信开发者工具；创建小程序，输入以下信息AppID获取方式：微信公众平台官网-->个人微信扫码（选择小程序登录）-->开发管理-->开发设置3.创建完成。
2023-09-21 16:17:15
1390
原创 Nginx部署项目
Vue项目路由不是真实存在的。# 解决页面刷新404问题。start nginx #运行nginx。3、检查配置文件是否配置成功。
2023-02-23 11:20:31
180
原创 elementUI el-table复选框选了之后再进行模糊搜索保留之前的，不改变selection选中状态
使用element-ui的reserve-selection属性
2022-11-25 16:00:15
1265
原创 git删除分支
git branch -d dev(要删除的分支名字)即：git branch -D dev。如果发现删除不了，一般会有提示。但是会有提示，按照提示来就行。
2022-11-25 15:55:01
165
原创 web前端开发常见面试题（二）--vue面试详解
首先了解vue中的三个核心类1.observer给对象的属性添加getter和setter，用于以来收集和派发更新。2.dep用于收集当前响应式对象的依赖关系，每个响应式对象都有一个dep实例。当数据发生变更的时候，会通过dep.notify()通知各个watcher。3.watcher观察者对象，renderwatcher，computedwatcher，userwatcher。*依赖收集。...
2022-07-15 23:32:51
462
原创 基于vue的cron表达式组件（二）——vue-crontab插件（带回显进几次执行时间）
前言： vue 的 cron 组件，支持解析/反解析 cron 表达式，生成最近五次的符合条件时间，依赖 vue2 和 element-ui二、引用方式三、使用示例1.html部分2.js部分四、使用效果欢迎查看文章：基于vue的cron表达式组件（一）——vue-cron 插件（不带回显进几次执行时间）：https://blog.youkuaiyun.com/zhaotian2017/article/details/125389200...
2022-06-21 13:47:36
16997
17
原创 基于vue的cron表达式组件（一）——vue-cron 插件（不带回显进几次执行时间）
前言：在vue和element-ui下使用二、引用方式三、使用示例1.html部分2.js部分四、使用效果
2022-06-21 13:33:27
4135
9
原创 vue实现HTML转PDF下载
在vue实现HTML转PDF 下载插件npm install --save html2canvas npm install jspdf --save三、组件中使用1.引入2.html部分3.js部分
2022-06-21 11:20:15
835
1
原创 在vscode中一键快速生成vue3模板代码
1.打开vscode中点击文件 - 首选项 - 用户片段2.点击新建全局代码片段文件 - 取个名字 - vue.json3.在vue.json.code-snippets放入下面代码{ "Print to console": { "prefix": "vue3", "body": [ "<!-- $0 -->", "<template>", " <div></div>",.
2022-04-26 14:25:22
2664
原创 web前端开发常见面试题（一）
1.简述ajax的过程 1.创建XMLHttpRequest对象，也就是创建一个异步调用对象 2.创建一个新的HTTP请求，并指定该HTTP请求的方法、URL及验证信息 3.设置响应HTTP请求状态变化的函数 4.发送HTTP请求 5.获取异步调用返回的数据2.ajax请求的时候get和post方式的区别 get一般用来进行查询操作，url地址有长度限制,请求的参数都暴...
2022-03-28 14:44:04
972
原创 Vue 技术栈(全家桶)课件笔记
Vue 技术栈(全家桶) 尚硅谷前端研究院 第 1 章：Vue 核心 1.1. Vue 简介 1.1.1. 官网 1. 英文官网: https://vuejs.org/ 2. 中文官网: https://cn.vuejs.org/ 1.1.2. 介绍与描述 1. 动态构建用户界面的渐进式 JavaScript 框架 2. 作者: 尤雨溪 1.1.3. Vue 的特点 1. 遵循 MVVM 模式 2. 编码简洁, 体积小, 运行效率高, 适合移动/PC 端开发3
2022-03-24 15:13:52
4359
转载 vue3快速上手（尚硅谷视频笔记）
Vue3快速上手1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%…2.源码的升级使用Proxy
2022-03-23 13:53:56
807
原创 vue中使用js进行AES加密及解密（含密钥和iv偏移量）、以及HMAC-SHA256加密方法对于签名加密的使用
一、AES加密解密1.下载安装npm install crypto-js --save-dev2.在utils文件夹下创建encryp.js文件进行aes加密解密工具类方法的封装import CryptoJS from 'crypto-js';export default { // 解密 data：要加密解密的数据，AES_KEY：密钥，IV:偏移量 decrypt(data, AES_KEY, IV) { const key = CryptoJS.enc.Utf8
2022-03-23 09:38:25
12970
原创 vue生命周期简介
名称：beforeCreate（创建前） created（创建后） beforeMount(载入前) mounted（载入后） beforeUpdate（更新前） updated（更新后） beforeDestroy（销毁前） destroyed（销毁后）介绍：beforeCreate() {}, // 实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性created() {}, // 实例已经在内存中创建OK，此时data和methods已...
2022-03-22 15:35:38
264
原创 vue中通过异步引入script标签的方式创建引入高德地图amap
1.异步创建script标签（amap.js）export default function MapLoader () { // <-- 原作者这里使用的是module.exports return new Promise((resolve, reject) => { if (window.AMap) { resolve(window.AMap) } else { var script = document.createE
2022-03-21 15:52:52
2231
原创 html+css+js跟随鼠标移动的文字或者特效
1.html部分鼠标在这个div区域内，移动鼠标会出现设置的效果<div id="container" style="height: 100%; width: 100%"></div>2.js部分document .getElementById("container") .addEventListener("mousemove", function (e) { //监听鼠标移动事件 // console.
2022-03-21 15:27:57
1308
1
原创 移动应用app在apicloud中使用mui中的ajax获取响应头中的数据方法
var verifyCode = url.verifyCode(); //接口 mui.ajax(verifyCode, { dataType: 'json', //服务器返回json格式数据 type: 'get', //HTTP请求类型 timeout: 10000, //超时时间设置为10秒； headers: { // 'Content-Type': 'application/json', }, success: function (result,.
2022-03-16 10:02:31
812
原创 js将数组中对象某个值相同的去重合并到一起（另一种方法，易理解）
示例先根据数组对象中rsnm的合并，再根据x_type合并，其实就是写了两遍相同的函数过程examineClass(arr) { var map = {}, result = []; for (var i = 0; i < arr.length; i++) { var ai = arr[i]; if (!map[ai.rsnm]) { result.push({ rsnm: ai.
2022-02-28 11:18:56
1200
原创 js将数组中对象某个值相同的去重合并到一起（利用indexOf去重相同名）
1.去重合并方法函数function examineClass(examineList) { let typeList = []; //定义空数组，用于装载去重之后的数组， let examineClass = {}; //定义空对象，用于数组转换成对象 if (examineList) { //如果有值 examineList.forEach(item => { //可以用indexOf()
2022-02-24 13:41:31
1492
原创 通过mui框架和原生js实现html或web app中下拉框搜索功能，并获取自定义选中的值（使用apicloud中ajax调接口获取数据）
1.效果预览默认状态获取全部搜索2.html部分<div class="select"> <div class="mui-input-row mui-search"> <input id="selectValue" type="search" class="mui-input-clear" placeholder="请输入人员名称" /> </div> ...
2022-02-18 14:24:23
1259
1
原创 js监听判断图片url链接是否有效，404加载失败时自定义内容
<img class="img" src="${imgurl}" onerror="imgError(this);">//图片加载失败function imgError(image){ // 隐藏图片 // image.style.display = 'none'; // 替换为默认图片 image.setAttribute("src", "nophoto.png") // document.getElementsByClassName...
2022-02-17 15:05:58
3538
1
原创 js前端常用工具类封装（如日期时间，字符串处理等）及常用css样式的封装
1.js常用工具类/** * js常用工具类 */ /** * 方法作用：【格式化时间】 * 使用方法 * 示例： * 使用方式一： * var now = new Date(); * var nowStr = now.dateFormat("yyyy-MM-dd hh:mm:ss"); * 使用方式二： * new Date().dateFormat("yyyy年MM月dd日"); * new Date().dat
2022-02-16 11:21:28
788
原创 apicloud开发web app中通过js使用拨打电话功能函数
1.调用api函数封装function funTelCallPhone(iphone_) { // opWithPermission('phone') var systemType = api.systemType if (systemType == 'ios') { //获取当前登录人的经纬度 var permission = 'call'; var resultList = api.hasPermission({
2022-02-16 11:10:38
1226
转载 vue打包配置文件外置
1.在vue项目中的static目录下新增文件config.json{ "apiUrl": "http://127.0.0.1:30010/support/"}2.在main.js中引入axios，并定义一个全局函数来获取配置文件import axios from 'axios'Vue.prototype.$http = axiosVue.prototype.getConfig = function () { this.$http.get('./static/config
2022-02-15 10:29:55
2206
2
原创 使用原生html+css+js在移动端app中进行calendar日历组件的封装及使用，可自定义参数和事件方法等（示例及源代码）
前言可运用于apicloud中使用mui移动端组件框架可定制化修改主要功能有1. 日历范围选择2. 节假日显示，可配置是否显示节假日3. 可设置初始日历个数4. 上个月及下个月5. 日期上标注可配置是否显示及自定义化1.效果预览2.组件接口封装calendar.js/** * 移动webapp开发 日历组件 * 可用于需要日历选择的场景 * - 日历范围选择 * - 节假日显示 * - 自由配置初始化生成多日历 * - 各种操作事
2022-02-15 09:58:49
1831
原创 vue中axios的封装及使用，调接口，不同请求方式接口的调用
1.下载及安装npm install axios2.axios的封装import axios from 'axios';import { Message } from 'element-ui';// 导入 NProgress 包对应的JS和CSSimport NProgress from 'nprogress';import 'nprogress/nprogress.css';// const Url = "/";// const Url = "http://27.50.13
2022-02-14 16:28:31
716
原创 js获取当前日期上一个月或者下一个月
/** * 获取上一个月 * * @date 格式为yyyy-mm-dd的日期，如：2014-01-25 */ function getPreMonth(date) { var arr = date.split('-'); var year = arr[0]; //获取当前日期的年份 var month = arr[1]; //获取...
2022-02-14 10:37:45
6994
转载 通过css 改变通过img标签引入的svg颜色
前言修改svg颜色，一般直接修改文件的svg的fill属性就可以了，可以直接改svg属性，也可以通过css修改，但是前端一般都是通过img标签直接引入的svg图片，这样不管是从后期维护还是代码整洁度考虑，都更佳优秀，但问题也随之而来，没法通过css改变svg的颜色。下面来介绍一种通过css改变通过img标签引入的svg颜色的方法使用SVGInject插件来解决svg-inject是一个缓存解决方案将SVG文件内联注入到DOM的库。下载及安装一、通过js标签直接引入下载 开发版 (.
2022-02-14 10:24:47
2527
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人