- 博客(198)
- 收藏
- 关注
RSS订阅
原创 uniapp 传对象参数
//点击的时候uni.navigateTo({ url:'../mine/index_info?item='+JSON.stringify(item)})//另一个页面接收时候onLoad(options) { this.option=JSON.parse(options.item) }
2020-11-24 13:55:53
2292
5
原创 观察者模式（微信小程序自制侦听属性）
话不多说，上来就是代码 //app.js为整个项目设置监听属性，让每一个页面的js文件都能使用watch:{}结构 //app.js为整个项目设置监听属性，让每一个页面的js文件都能使用watch:{}结构 setWatcher(data,watch){ // data - 各个页面的数据区 // watch - 各个页面的watch对象 Object.keys(watch).forEach(key=>{ this.observer(data,
2020-08-30 23:48:30
606
4
原创 vue项目配置生产环境和发布环境的接口地址的跨域问题
config>index.js文件夹'use strict'// Template version: 1.3.1// see http://vuejs-templates.github.io/webpack for documentation.const path = require('path');module.exports = {//生产环境 dev: { // Paths assetsSubDirectory: 'static', assetsPub
2020-07-27 16:51:34
923
原创 uni-app的三种调取接口的方法
uni-app中调取接口的三种方式：1、uni.request({ url:'', data:'', method:'', //get、post、delete header:{}, success:res=>{}, fail:()=>{}, complete:=>{} })2、...
2020-05-04 10:54:48
27837
9
原创 vue3插件的使用方式
函数类型写法：根目录建一个 plugins_function.js。对象类型写法：根目录建一个 plugins_object.js。
2023-03-10 15:40:07
60
原创 vue3自定义指令 时间格式化指令
1、建立一个directives目录，利用index全部导出，主要逻辑在 format-time.js中2、main.js中用import {//引用 import registerDirectives from './directives/index.js';//把app传过去 registerDirectives(app);3、建立一个index.is4、建立一个 format-time.js。
2023-03-07 16:51:40
240
原创 js数组冒泡排序
let arr=[10,30,20,50,60,15,80]; let temp;//临时变量 for(let i=0;i<arr.length;i++){ for(let j=i+1;j<arr.length;j++){ if(arr[i]>arr[j]){ temp=arr[i]; arr[i]=arr[j]; arr[j]=temp; } } } c..
2022-05-16 11:28:19
98
原创 js获取时间
运行看结果 年月日时分秒 要啥自己拼接 // 处理图表数据，用数据补充阴影 let time = new Date(); // 获取年月日时分秒 this.year = time.getFullYear(); this.month = Number(time.getMonth()) + 1; this.day = time.getDate(); this.hour = time.getHours(); this.minute = time
2022-05-10 16:49:05
117
原创 移动端rem
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>rem</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
2022-04-28 11:34:02
106
原创 uniapp循环多选
代码运行 看效果<template> <view class="content"> <view :class="item.checked ? 'a' : ''" @tap='dianji(index)' v-for="(item,index) in arr2" style="width:100upx;height: 50uxp;border: 1px solid red;margin-top: 20upx;"> {{item.name}} </v
2022-04-26 15:51:19
483
3
原创 uniapp - 小程序版本自动更新
App.vue onShow: function () { //新版本更新 if (uni.canIUse('getUpdateManager')) { //判断当前微信版本是否支持版本更新 const updateManager = uni.getUpdateManager(); updateManager.onCheckForUpdate(function (res) {
2022-03-28 13:19:20
1397
原创 拆分URL路径
拆分url 拿到www.test.com 把后面的参数变成对象格式<script type="text/javascript"> /* 拆分url 拿到www.test.com 把参数变成对象格式*/ let url='http://www.test.com?key1=1&key2=2&key3=3&test=4' let reg=/\/\/(.+)\?/ let result=reg.exec(url) console.log(r
2022-03-22 19:18:54
538
原创 渐变侧边栏CSS
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> body{ background: #10172A; color: white; height: 100%; font-family: ui-monospace, SFMono-
2022-03-22 19:03:58
221
原创 backdrop-filter
//backdrop-filter: blur(2px); 背景图迷糊效果//用法：<div class="box"> <div class="item"> </div></div>.box { height: 100%; width: 100%; background-image: url('http*****');}.item{ height: 100%; width: 100%; background-c
2022-02-25 16:49:36
2079
原创 小程序瀑布流组件
简单的uniapp瀑布流 拿走不谢 记得点赞组件<template> <view class="container"> <view class="waterfall_left"> <view @tap='goodInfo(item.id)' class="waterfall_item" v-for="(item,index) in listLeft" :key="index"> <view class="item_img"&
2022-02-22 09:43:40
766
原创 editor和textarea禁止输入emoji表情
点击事件，当有emoji表情输入时，直接替换为空var reg1=/\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F\uDE80-\uDEFF]/g;var reg2=/([\u00A9\u00AE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9-\u21AA\u231A-\u231B\u2328\u23CF\u23E9-\u23F3\u23F8-\u23FA\u24C2\u25AA-\u25AB\u25B6\u25C0\u25
2022-02-15 13:57:51
1013
原创 ES6 Set集合
<!DOCTYPE html><html> <body> <script> let j=new Set(['一年级','二年级','三年级','四年级','二年级']) console.log('元素个数',j.size) // 添加新的元素 j.add('五年级') // 删除元素 j.delete('二年级') // 请空 // j.clear() console
2022-01-21 15:56:47
463
原创 JavaScript生成器函数
生成器函数语法function* 函数名(参数){函数体}案例：先得到用户，然后根据用户得到订单，根据订单得到商品信息话不多说，拿代码，运行，看结果：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>生成器函数</title> </head> <body> <script type="text/javascr
2022-01-20 15:12:59
488
原创 css文件夹打开特效代码
<!doctype html><html> <head> <meta charset="utf-8"> <title></title> <style> body { background-color: #000; } .folder { cursor: pointer; position: absolute; top: 50%; left: 50%.
2022-01-17 15:50:41
520
原创 PC端点击按钮保存图片到本地
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <img id='myImg' src="./img/1.png"> <button type="button" id="save">保存</button> <scri
2021-12-29 17:15:22
541
原创 canvas把图片和文字变成图片保存本地
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> #mycanvas { border: 1px solid red; margin-left: 500px; } </style> </head> <body
2021-12-29 16:58:06
295
原创 v-model的修饰符
v-model的常用修饰符有以下几种lazynumbertrimdebounce（在Vue2.0后被移除）v-model.lazy 只有在input输入框发生一个blur时才触发 <input type="text" v-model.lazy="con"> <p>用户输入的内容： {{con}}</p>v-model.trim 将用户输入的前后的空格去掉 <input type="text" v-model.trim="con">
2021-12-16 21:08:12
210
原创 js对象的 引用赋值-浅拷贝-深拷贝
1.对象的引用赋值对象是引用数据类型:user和userObj是一个内存地址，所以console.log(userObj.name)打印出来的是‘光头强’。请看代码：↓ const user = { name: '熊大', age: 3 } const userObj = user user.name = '光头强' console.log(userObj.name) //光头强2.对象的浅拷贝浅拷贝:user和userObj是两个内存地址，所以conso
2021-12-16 17:33:03
289
原创 网站多页面通讯
两个页面之间用本地存储通讯 ，上代码，两个demo一：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <input type="text" id='input' /> <script type="text/javascript"> doc
2021-10-19 11:10:16
114
2
原创 js 函数节流
函数节流1概念：设定一个特定的时间,让函数在特定的时间内只执行一次,不会频繁执行·2举例, fps游戏,威标按住不松手,子弹也不会适成一条线3实现：定时器、标识4需求：在鼠标滚轮滚动的时候，每隔2秒钟，打印一次上代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"&g
2021-10-15 15:11:00
762
原创 js函数防抖
上代码，自己测试。防抖简单说就是减少http请求，前端性能优化<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div> <input type="text" name="" id="user_input" value="" /> <
2021-10-15 14:46:24
85
原创 uniapp小程序更新版本提醒
在App.vue的onLaunch中写 onLaunch(options) { if (wx.canIUse('getUpdateManager')) { const updateManager = wx.getUpdateManager() updateManager.onCheckForUpdate(function (res) { // 请求完新版本信息的回调 if (res.hasUpdate) {
2021-10-11 17:04:12
528
原创 uniApp利用onShow获取页面传递参数方法
onShow() { const pages= getCurrentPages();//获取应用页面栈 const { id, item, vlaue....} = pages[pages.length - 1].options//获取页面传递的信息}
2021-10-11 16:59:31
2470
原创 小程序扫码识别
//扫码点击事件 scanCode(){ var that = this uni.scanCode({ scanType:['qrCode'], success: function (response) { console.log('条码类型：' + response.scanType); //加入response.result是：https://fish2.ygostyle.com/uploads/discount/s...
2021-10-11 16:54:58
367
原创 uni-app scroll-view触底刷新，实现翻页效果
//:style--方便自定义高度，scroll-Y代表纵向滚动，@scrolltolower代表触底触发的方法 <scroll-view :style="{'height':height+'rpx'}" scroll-y="true" class="scroll-Y" @scrolltolower="onReachScollBottom"> 滚动的内容 </scroll-view> onReachScollBottom() { .
2021-06-18 14:01:48
1976
原创 页面路径的参数截取
let local='http://1.15.15.243/#/pages/index/index?id=19&code=18435297' // let local = window.location.href; // console.log('页面路径', local); var queryObj = {}; if (local.indexOf('?') != -1) { var search = local.slice(local.indexOf('?'...
2021-06-02 17:10:54
170
原创 jQ 发弹幕功效
HTML<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>视频弹幕</title> <link rel="stylesheet" type="text/css" href="style/index.css" /> <script type="text/javascript" src="js/jquery.js"><
2021-04-30 11:21:24
80
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人