- 博客(39)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 uniapp生成pdf文件
uniapp生成pdf文件1.需要安装两个插件(1) html2canvas --将网页转换成图片(2) jspdf --将图片转换为pdfuniapp创建完后 在根目录用终端打开1.初始化项目 npm init2.安装所需要的插件 npm install html2canvas jspdf --save3.安装之后引入到需要的页面import html2canvas from 'html2canvas';import jspdf from 'jspdf';4.定义生成
2021-12-22 11:33:34
8023
13
原创 微信小程序 wx.getLocation:fail 频繁调用会增加电量损耗
微信小程序 getLocation:fail 频繁调用会增加电量损耗昨天在开发微信小程序的时候出现了个问题,是这样的:我需要获取定位信息,传给后端,获取范围内的订单,接单之前也需要再次获取定位获取最新定位信息和自己的信息一起传递过去结果就出现了这样的情况:我就蒙了!我就去查看官方文档了:官方传送门文档是这么写的我们去看相关公告相关公告传送门简而言之就是1.在基础库2.17.0版本以上 都会对wx.getLocation进行限制2.开发和体验版30秒内调用有效,30秒内会返回错误
2021-11-27 12:57:38
4392
5
原创 Vue中为什么v-for和v-if不建议一起使用
Vue中为什么v-for和v-if不建议一起使用官方描述:官方链接原因：v-for比v-if优先级高，如果使用的话，每次进行v-for都会执行v-if,造成不必要的计算，影响性能，尤其是当之需要渲染很小一部分的时候。 <ul> <li v-for="user in users" v-if="user.isActive" :key="user.id" > {{ user.name }} </li> </ul>就算改
2021-09-29 07:34:18
393
原创 js把后端返回的数组类型(不具有树形结构但有关联性)处理为树形结构
js把后端返回的数组类型(不具有树形结构但有关联性)处理为树形结构当我们做树形图时例如element ui tree组件我们所需要的数据格式是这样的 children: [{ label: '二级 1-1', children: [{ label: '三级 1-1-1' }] }] }, { label: '一级 2', ch
2021-09-04 14:33:18
592
原创 vue中computer和watch的区别和使用
vue中computer和watch的区别和使用众所周知computer和watch都是用作监听某些变量使用的也就是说当某一个数据发生变化的时候，所有依赖这个数据的“相关”数据“自动”发生变化，也就是自动调用相关的函数去实现数据的变动。他们两个的左右除了监听数据以外还可以让代码变得简洁,没有过多地赘余混乱有什么区别呢:1.computed是计算属性，实际上和data对象里的数据属性是差不多的（使用上）。2.watch:类似于监听机制+事件机制。(监听某个变量,里面可以运行事件)watch和co
2021-08-18 18:44:38
3367
原创 forEach，map和filter的区别
forEach，map和filter的区别这三种都是对数据进行循环的听说for循环已经烂大街了所以我赶紧补习一下别的1.forEach循环,循环数组中每一项并进行简单操作,没有返回值 let arr = [1, 2, 3, 4, 5, 6] arr.forEach(item => { item = item + 1 console.log(item) })2.map函数，遍历数组每个元素，并回调操
2021-07-20 21:34:53
386
原创 js节流防抖以及应用场景
js节流防抖以及应用场景函数防抖和节流是什么??函数的防抖节流是用于优化高频率执行js时出现的内存损耗、资源浪费等问题,为了优化此类问题需要对某些事件进行调用次数限制需要优化的常见的函数 浏览器的scroll(滚动)、resize(尺寸)、鼠标的mousemove(获取所在位置)、输入框的keydown(按下)等事件 在使用时会不断调用事件而我们所需要的是最后一次给的值所以我们需要对这些方法进行限制防抖第一种:触发事件后n秒后触发内部事件,函数只能执行一次，如果在这n秒内又被触发，则重新计时
2021-07-20 12:04:36
449
1
原创 如何用node写一个后台项目(前后端分离)
如何用node写一个后台项目首先你的电脑里有一个node环境(废话一句)node传送门项目结构1.新建一个项目文件夹,终端打开 使用npm init 初始化2.安装所用的包 npm install express body-parser mysqlexpress : express 的框架body-parser :用于处理post请求传参的值mysql: 数据库2.新建一个名为app.js的入口文件3.首先新建www.js文件 在bin文件夹里//www.js//引入expr
2021-07-04 15:06:23
3874
原创 node.js上传文件
node.js 上传文件首先我们将需要的模块下载好express 搭建服务器formidable 解析传过来的文件直接凎代码/* * @Descripttion: * @Date: 2021-06-19 13:45:21 * @LastEditors: sueRimn * @LastEditTime: 2021-06-20 16:22:22 * @Author: 作者:Mr Liu(L13831467435@163.com) * @优快云 Address: https://b
2021-06-20 16:30:50
155
原创 Node.js使用 websocket与前端测试
1.前端启动websocket 客户端 if('WebSocket' in window) { let ws= new WebSocket('ws://127.0.0.1:8001'); //建立链接 向后端发送消息 ws.onopen = function (event) { console.log('建立连接'); } //监听链接关闭 ws.onclose = function (event) { co
2021-06-03 17:42:28
514
原创 通俗易懂 vue购物车案例 简化版 使用 watch方法
通俗易懂 vue购物车案例 简化版 使用 watch方法首先我们把页面简单的写出来html: <div v-for="(item,index) in goodList"> <div>名字:{{item.name}},价格:{{item.price}},数量:{{item.num}},总价格:{{item.price*item.num}}</div> <button @click="add(index
2021-04-30 15:51:33
409
3
原创 微信小程序 自定义组件 select下拉选择器
微信小程序 自定义组件 select下拉选择器首先我们自定义组件需要了解一下微信小程序如何自定义组件在你的项目文件里新建一个components的文件夹我这里建立在 pages里了 其实最好建立在和pages同级然后在components文件夹里新建一个你组件的文件夹和内容右键创建Component这样就创建好了然后我们把相应的代码放进去wxml代码<view class='select_box'> <view class='select' catchtap='s
2021-04-29 13:55:16
1536
1
原创 element表格双击单元格修改单元格的数据（详细注释）
<el-table :data="tableList" @cell-dblclick="tableEdit"> <el-table-column label="列1" align="center"> <template slot-scope="scope">{{ scope.row.type }}</template> </el-table-column> <el-table-column l
2021-04-25 16:05:49
882
原创 js 时间戳转为日期格式
js 时间戳转为日期格式js把时间戳转为普通日记格式第一种function getLocalTime(nS) { return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/,' '); }第二种function add0(m){return m<10?'0'+m:m }function format(shijianchuo){//shijianchuo是整数，否则要pa
2021-04-05 13:25:26
223
原创 JS将时间秒转换成天小时分钟秒的字符串
JS将时间秒转换成天小时分钟秒的字符串/** * 格式化秒 * @param int value 总秒数 * @return string result 格式化后的字符串 */function formatSeconds(value) { var theTime = parseInt(value);// 需要转换的时间秒 var theTime1 = 0;// 分 var theTime2 = 0;// 小时 var theTime3 = 0;// 天 if(theTime
2021-04-05 13:22:52
358
原创 uniapp点击按钮 保存页面为图片到本地
uniapp点击按钮 保存页面为图片到本地首先写一个按钮 创建事件<button class="info" @click="capture()">点击保存我哦~</button>然后把点击事件写上capture() { var pages = getCurrentPages(); //获取当前页面信息 var page = pages[pages.length - 1]; var bitmap = null; var currentWebvi
2021-03-31 15:20:10
6351
12
原创 微信小程序 请求函数 同步封装方法
微信小程序 请求函数 同步封装方法距上回说到,我们使用微信小程序请求函数时,需要多次调用,之前我们封装了一套代码,但是他是异步的,当我们下一个请求函数需要的数据是上一个请求函数得到的时候,就不可以了,所以我就又封装了一个同步的请求函数的方法.我们首先需要引入es6的js/*! * @overview es6-promise - a tiny implementation of Promises/A+. * @copyright Copyright (c) 2014 Yehuda Katz, Tom
2021-03-25 11:19:33
1035
原创 微信小程序监听 watch方法
微信小程序监听 watch方法使用过vue框架的应该使用过watch监听变量那么 在微信小程序中 怎么使用watch首先我们需要引入一个watch.js文件到我们的全局中 // 监听页面数据变化 function initWatch(_page) { if (!_page) { console.error('未检测到Page对象,请将当前page传入该函数'); return false; } if (!_page.watch) { //判断是
2021-03-18 15:29:04
1366
原创 uniapp 完美解析富文本
uniapp 完美解析富文本1.首先我们把解析富文本的js文件引入到页面里 并且定义一个值接收遍历后的文本（我们这里起一个名字叫demoHtml）var graceRichText = require("../../static/richText.js");/*graceUI rich-text 加强工具*/// 正则变量var graceRichTextReg;// 批量替换的样式 [ 根据项目需求自行设置 ]var GRT = [ // div 样式 ['div', "l
2021-03-15 16:16:20
5932
原创 uniapp onBackPress事件监听返回键
uniapp onBackPress事件监听返回键我们知道使用uniapp写页面时有多种返回方法：1.点击某个标签的返回事件返回页面（uni.navigateBack()）2.点击顶部导航栏的返回键3.使用手机自带的物理返回键在特定的页面我们需要把这几个返回键配置好为什么呢？？看下面的案例当我们点击某个页面弹出遮罩层，按照常理说我们使用物理返回键的操作是隐藏遮罩层，再次点击物理返回键才是回到上一页，但是这个时候点击物理返回键直接执行回上一页，我们就需要对返回键进行限制，所以就有上面说的onB
2021-03-07 09:47:58
12102
8
原创 http-server介绍及使用
http-server介绍及使用首先我们需要了解什么是http-server？http-server是一个超轻量级web服务器当我们想要在服务器运行一些代码，但是又不会配置服务器的时候，就可以使用http-server就可以搞定了。http-server可以将任何一个文件夹当作服务器的目录供自己使用使用方法1.因为http-server 需要用npm安装所以我们在使用前需要安装node.js传送门 node.js2. 打开终端使用npm安装http-server 因为我们想让任意一个
2021-03-06 12:43:59
33202
原创 微信小程序封装数据请求方法wx.request(Object object)
微信小程序封装数据请求方法wx.request(Object object)当我们在写微信小程序的时候，避免不了多次使用wx.request(Object object)请求数据所以！！我们需要封装一下方法方便我们调用封装之前我们可以先看一下官方文档https://developers.weixin.qq.com/miniprogram/dev/api/network/request/wx.request.html写的比较详细好的 当我们看完之后我们在 utils文件夹里新建一个http.js文
2021-03-04 09:52:07
930
2
原创 移动端适配+flexible.js+rem适配
移动端适配前沿：移动端web页面的开发，由于手机屏幕尺寸、分辨率不同，或者需要考虑横竖屏问题，为了使得web页面在不同移动设备上具有相适应的展示效果，需要在开发过程中使用合理的适配方案来解决这个问题。基础概念俗称看看就行这个才是正文！！！！1.width=device-width（设备宽度）或者 value设置Html宽度（一般与设备的宽度一致）由于每个设备的宽度不同所以在刚进入到页面一开始的时候就把最大宽度设置为设备宽度<meta name="viewport" content
2021-03-03 14:29:51
10219
20
原创 NATAPP内网穿透使用教程
NATAPP内网穿透使用教程NATAPP官网：https://natapp.cn/应用场景：远程调控作用：项目无需部署服务器，即可远程访问页面或服务器。使用说明1、首先注册账号2、登录之后进点击购买免费或者付费隧道（免费版的仅供测试，连接数一旦多起来会很卡，常用的用户可以购买付费版通道）3、根据需要选择隧道协议,这里以web演示,购买隧道图中所标记的端口号 和项目中的端口号一致,后期修改也可以。点击配置从这里也可以配置端口记住这个隧道的 authtoken我们后面需要用
2021-03-03 14:21:18
1632
1
原创 微信小程序使用npm包 vant-weapp为例
微信小程序如何使用npm包（vant-weapp）1.首先我们新建一个小程序把所有 信息填好了之后新建2.右键空白区域=>用终端打开 （windows的从文件夹里右键用终端打开）3.输入npm init 初始化项目 （使用npm之前 你得先确定安装node.js）4.输入项目名称（这里随便输入一个就行） 剩下的 一键回车5.这就算是初始化完项目了6.然后 我们呢就可以 安装我们想要安装的npm包 插件包了这里我用vant-weapp作为演示我们就去官网看一下网址打在下面了！
2021-03-03 14:09:32
408
转载 使用js进行智慧树刷课
按照以下操作步骤即可1.使用谷歌浏览器打开所刷课的视频2.按f12调出控制面板3.点击清除 并把代码粘贴 回车(function() { 'use strict'; const $ = window.jQuery; var zhs_halt = false; function keeping() { if ( zhs_halt ) return; // 读取视频时长计算标识 var video_finished = $(".current_play b").hasClas
2021-03-03 14:00:44
34179
33
原创 vue-cli使用sass 或 scss
//安装//因为我下载的vue-cli里面已经包含了vue-style-loader了，//所以不需要下载style-loader,如果没有的话就要安装一个style-loader或者vue-style-loadernpm install node-sass sass-loader --save安装完成之后在build/webpack.base.conf.js中找到rules配置项，增加：{ test: /\.scss$/, loader: ['style', 'sass', 'css'
2021-03-03 13:44:11
263
空空如也
web前端需要学习什么掌握什么技能
2022-02-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人