- 博客(41)
- 收藏
- 关注
RSS订阅原创 使用uni-app开发并申请微信小程序的流程
新建uni-app项目： 打开HBuilderX，选择“文件”-“新建”-“项目”，然后选择“uni-app”类型，输入项目名称，点击创建按钮来初始化项目。配置项目： 在生成的项目根目录下的manifest.json文件中，填写从微信小程序后台获取的AppID。发布上线： 审核通过后，可以选择发布到线上，此时用户就可以在微信小程序列表中搜索并使用你的小程序了。版本管理： 设置项目的版本号，并提交审核，描述小程序的功能点及更新内容。等待审核： 微信官方会对小程序进行内容审核，确保符合其规范和政策要求。
2024-03-14 18:30:00
594
原创 JavaScript ES6类的主要功能
JavaScript ES6（ECMAScript 6）引入了类（Class）的概念，这是对JavaScript面向对象编程模型的一种更清晰、更简洁的语法糖。虽然在ES6之前，我们可以通过构造函数和原型链实现类似类的行为，但ES6中的类语法更加接近传统面向对象语言如Java或C#。4.静态属性和方法：使用static关键字定义的属性和方法属于类本身，而不是其任何实例。3.实例属性和方法：在类内部可以定义实例属性和方法，这些将被所有类的实例共享。1.类声明：使用class关键字来定义一个类。
2024-03-06 10:30:39
536
原创 localStorage、sessionStorage和cookie的用法和区别
（3）对于需要在服务器端进行状态管理（如维持登录状态），或者需要在客户端和服务端之间共享信息（例如购物车内容，但注意隐私和安全问题），应使用cookie，并根据需求设定有效期。作用域：同源策略下，同一浏览器窗口内的不同标签页可以共享sessionStorage的数据，但不同的窗口则无法共享。（2）如果只希望数据在当前会话内可用，一旦浏览器窗口关闭就清空数据，可选择sessionStorage。生命周期：会话期间有效，当浏览器窗口关闭后，该会话相关的sessionStorage数据会被清除。
2024-03-02 00:00:00
379
原创 防抖和节流
（1） 原理：当一个事件被频繁触发时，防抖技术会推迟函数的执行直到最后一次触发后的一段时间内不再触发。例如，在输入框搜索场景中，每次用户键入字符都会触发input事件，但使用防抖处理后，只有当用户停止输入一段时间（如300毫秒）后，才会发送搜索请求。（2）应用场景：滚动事件触发的复杂计算、鼠标移动事件的性能优化、频繁调用API导致的网络请求过多问题等。防抖关注的是“连续动作结束后的那次操作”，适用于短时间内可能有多次操作，但只需执行最后一次的情况。
2024-03-01 17:43:00
454
原创 VUE2.0 tips整理
（6）解决echarts绘制散点图数据过多时，hover到散点上数据消失的问题。（2）解决echarts数据重绘的时候，数据源已变但legend并没有改变。（4）echarts设置legend为省略号，当鼠标移动上去显示完整名字。（3）echarts设置没有数据的时候，显示“暂无数据”（5）echarts给y轴设置最大值。
2024-02-24 01:00:00
1082
原创 vue2.0使用vuex store保存登录用户名并显示到页面中且在页面中进行更改
当在页面上更改currentUsername时，通过@change事件触发updateUsername方法，该方法会提交一个mutation来更新Vuex Store中的用户名，同时这个新的用户名会被同步到localStorage。页面上的显示部分也会随之自动更新，因为它们与store的状态是绑定的。step3: 在组件中展示用户名(Vue组件中，需要注入store，并在计算属性或挂载钩子中获取state中的用户名，并将其绑定到视图上)
2024-02-24 00:30:00
961
原创 Vue 2.0 中的 Vuex Store 状态管理器核心概念和组成部分
（2）@/utils/auth（机制跟localstorage类似可以不用该文件）(5)main.js中引入store并运用到vue上。
2024-02-24 00:15:00
628
原创 Echart案例分享
grid: {top: '0',left: '0',},yAxis: [{},},}],xAxis: [{},},}],series: [{label: {normal: {},normal: {offset: 0,color: '#061D46' // 0% 处的颜色}, {offset: 1,color: '#00D8FF' // 100% 处的颜色}, {label: {normal: {},normal: {}, {normal: {},
2024-01-31 17:03:52
543
原创 Git安装和使用
Git安装和使用1.Git使用简书2.git图形化工具“tortoisegit”3.使用，到想要下载的本地文件夹中①下载文件：右键单机空白处>“Git克隆…”>url栏输入gitee上复制的链接地址>“确定”即可看到拉取得项目文件②更新文件：打开下载的文件夹进入到有‘.git’文件夹所在目录>空白处右键>“Git提交（C）”>编辑好日志信息，选择变更列表中要上传的文件>“提交”>在新弹出的页面中显示成功后点击“推送”即可推送到远程分支.
2022-04-22 21:31:34
205
原创 前端css初始化页面代码
css初始化页面代码/* 清除元素默认的内外边距 */* { margin: 0; padding: 0; box-sizing: border-box;}/* 让所有斜体不倾斜 */em,i { font-style: normal;}/* 去掉列表前面的小点 */li { list-style: none;}/* 图片没有边距 去掉图片底侧的空白缝隙 */img { border: 0; vertical-align: middle;}/* 让b
2021-12-07 14:32:31
484
原创 uni-app小程序左右滑动切换内容
uni-app小程序左右滑动切换内容效果图如下：代码如下：<template> <view class="mains" :style="{ transform: 'translateX('+ moveX +'px)', transition: transition }" @touchstart="start" @touchend="end" @touchmove="move"> {{nameList[curindex].name}} </vi
2021-11-26 11:16:43
1024
原创 VUE生命周期
VUE生命周期1.创建期间的生命周期方法① beforeCreated:仅仅初始化好了vue实例中的事件和生命周期方法（还不能访问vue实例中初始化好的data和methods）。②created:调用该方法时能够访问实例中保存的data和methods。了解页面渲染机制（会先根据data中的数据和指定的模板生成最终的结果先保存，然后再替换界面中原先的）如下图所示：③beforeMount:调用beforeMount的时候，vue已经完成了最终模板的编译，但还没有挂在（渲染）到页面中（该步骤还在
2021-11-10 17:50:35
528
原创 html/css/jq 简单的音乐播放器
html/css/jq 简单的音乐播放器一：准备工作：安装jq一：.html文件<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>音乐播放器</title> <link rel="stylesheet" type="text/css" href="./css/music.css" /> </head> <body&
2021-11-10 10:07:09
118
转载 vue置顶，置底，上移、下移
vue删除数组中指定值方法一：for循环遍历找到下标，再根据下标删除值，如下图所示：其中checkArr为遍历的数组对象或数组，遍历出该数组中每一项，判断相等的值，如果相等就根据该下标找到checkArr里面的值，再用函数splice（i,1）找到checkArr里下标为i的值删除该项开始1个值for(var i=0;i<checkArr.length;i++){ var item = checkArr[i]; if(data.id == item){ ch
2021-10-20 09:59:58
750
原创 vue——.map函数剔除数组对象每一项中含有的富文本,留下纯文本
vue——.map函数剔除数组对象每一项中含有的富文本,留下纯文本代码截图：源代码：// 获取帮助指南参数GetGuide GetHelp(){ this.$u.api.GetGuide().then(res=>{ var data=res.data; this.helpList=data; // 剔除每一项的富文本,留下纯文本 this.helpList.map((item,indexx)=>{ var htmlg
2021-10-15 18:01:52
190
原创 uni.$emit和uni. $on跳转页面并传递参数
uni.$emit和uni. $on跳转页面并传递参数如：在A页面携带参数（path）跳转到B页面并关闭当前页面1、A页面2、B页面
2021-10-14 11:47:13
168
原创 vue三元绑定html的class属性
vue三元绑定html的class属性1.html中的绑定样式2.不一样的两个class属性3.data中设置值得真假4. 弹框中单选题背景颜色值tanbgcolor:true,时。样式设置如下图所示：
2021-10-11 11:08:10
82
原创 js对数组对象去重
对数组对象去重要去重的数组对象是treeListfor(var i=0;i<treeList.length-1;i++){ for(var j=i+1;j<treeList.length;j++){ if(treeList[i].id==treeList[j].id){ treeList.splice(j,1); j--; } } }
2021-09-22 17:12:04
53
原创 uni-app小程序给单个页面设置page属性
uni-app小程序给单个页面设置page属性解决，在该.heml页面新增一个style,在里面设置page影视，如：设置单个页面的背景色为黑色，如下所示：<style>page{ background:#000;}</style><style scoped> .content{ padding: 10px; }</style>...
2021-09-18 17:27:54
743
原创 小程序点击按钮复制内容到剪切板
小程序点击按钮复制内容到剪切板1. .html 页面<button class="confrim-btn" @click="copy('wx-chen')">点击复制微信号</button>2. .js (methods方法)copy(value){ uni.showModal({ content:value, confirmText:'复制内容', success:(res)=>{ // uni.setClipbo
2021-09-14 11:20:18
1783
原创 vue走过的坑
vue走过的坑1.用vscode 编辑器vue-cli引入组件的时候报错报错提示：Already included file name ‘d:/newGZ-VUE/my-newgz/src/components/Footer.vue’ differs from file name ‘d:/newGZ-VUE/my-newgz/src/components/footer.vue’ only in casing.The file is in the program because:Root file
2021-08-03 16:11:38
1869
原创 搭建vue框架创建自己的vue项目
搭建vue框架创建自己的vue项目1. 打开命令行找到自己要键vue项目的文件夹页面，shift键+鼠标右键点击，在面板中点击“在此处打开power shell窗口”；在此命令窗口中安装vue框架。2.安装node安装node（Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境）参照官网：node中文官网检查是否安装成功： node -v 回车；结果为版本号则安装成功。如下图所示：更新node：① npm i -g n --force 回车；np
2021-07-30 14:52:06
230
原创 js实现，输入的密码点击小眼睛显示和带点状
js实现，输入的密码点击小眼睛显示和带点状<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g
2021-06-29 16:35:55
426
原创 jq实现弹框和手机正则验证
jq实现弹框和手机正则验证<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
2021-06-23 11:29:41
83
原创 jq写弹窗
jq写弹窗代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
2021-06-23 09:37:55
90
原创 css样式字体图标网址分享，可改大小和图标
css样式字体图标，可改大小和图标下载字体图标：下载字体图标网址网址，打开如下图2.选好图标下载下来后解压文件，将fonts文件夹放入自己项目的根目录中：（1）找到解压的fonts文件夹（2）放到项目根目录中（3）应用：①将上面网页中选中的粘贴到自己的html页面的span标签中②在style中声明字体,span中运用此字体<style> /* 声明字体 */ @font-face { font-family:
2021-06-11 17:39:19
147
原创 uni-app小程序-将图片下载保存到手机上
uni-app小程序常用到的功能文章目录uni-app小程序常用到的功能前言一、将图片下载保存到手机上二三四前言主要参考微信官方文档，将自己在项目中经常要用到的有关小程序的功能总结在该篇文章中一、将图片下载保存到手机上示例(只是简单的将图片保存到相册，如果要判断是否是授权状态还需自己判断uni.getSetting)：<button type="default" @click='savePhoto(tankuangimg)'> 保存图片到相册</butto
2021-05-28 10:05:26
347
原创 css常用到的设置总结
css常用到的设置总结1.每段文本自动缩进两个字符text-indent:2em; 2.元素超出盒子宽度自动变成省略号white-space:nowrap;text-overflow:ellipsis;overflow:hidden; 3.ES6数组去重white-space:nowrap;text-overflow:ellipsis;overflow:hidden; 4.es6中的模板字符串拼接结果：5.数组里面有多个对象，对象中有多个属性，在这些属性中选
2021-05-26 11:19:23
145
原创 让图片在div中垂直居中
让图片在div中垂直居中实现方式:父级相对定位，里面的图片绝对定位1.html<view class="shouye_main_bottom_l"> <image src="../../static/wenjianimg.png" mode=""></image> </view>2.css样式： .shouye_main_bottom_l { width: 20%; background-color: orange;
2021-05-17 21:22:33
55
原创 小程序获取access_token之后生成小程序二维码
小程序获取access_token之后生成小程序二维码参考文档：微信官方文档代码如下：// 获取access_token huoqu() { uni.request({ url: "https://api.weixin.qq.com/cgi-bin/token", method: "get", dataType: "json", data: { grant_type: "client_credential", appid:
2021-05-17 09:06:11
128
原创 获取微信小程序二维码
学习目标：获取微信小程序二维码参考文档：微信小程序官方文档1.代码实现如下：<template> <view> <button open-type="text" @click="huoqu">点击生成小程序二维码</button> <view class="cls" style="width: 500rpx;height: 500rpx;margin:0 auto;"> <image :src="src" mode=
2021-05-13 09:54:49
311
原创 小程序实现动态绑定点击事件
学习目标：uniapp小程序v-for循环绑定自定义事件实现：提示：这里统计学习计划的总量1、html界面 <view class="main3_b_main" v-for="(item,index) in list" :key="index"> <view class="main3_b_l"> {{item.title}} </view> <view class="main3_b_r"> &
2021-05-09 20:55:08
445
原创 css3动画方块旋转
css3动画transform,animation图片html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&...
2020-01-02 22:46:22
729
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人