- 博客(47)
- 收藏
- 关注
原创 点击按钮(文字)调起elementUI大图预览
首先想到的是使用element-ui的el-image组件,但它是通过点击图片来实现的,不太符合我们的需求,如果有这方面的需求可以去官网看一下;下面来说如何解决点击按钮预览多张图片(我写的项目最多就两张图片) ,使用el-image-viewer(图片查看器);就是这样子啦,完成啦 ,有问题留言(但我可能不太会哈哈哈哈哈),又是忙碌的一天,坐等下班~看一下效果叭亲亲们~
2024-04-11 17:21:44
1881
1
原创 vscode快捷键
Ctrl + Shift + Alt + PgUp / PgDown:列(框)选择页上/下。Ctrl + K Ctrl + D:将最后一个选择移至下一个查找匹配项。Ctrl+Shift+PgUp / PgDown:向左/向右移动编辑器。Ctrl + Shift + Alt +(箭头键):列(框)选择。Ctrl + Shift + . /,:替换为下一个/上一个值。Ctrl+K Ctrl+ ←/→:聚焦到上一个/下一个编辑器组。Ctrl + Alt +↑/↓:在上/下插入光标。
2023-10-27 15:04:38
869
原创 微信小程序请求接口返回的二维码(图片),本地工具和真机测试都能显示,上线之后不显示问题
这样写的话好像本地和真机调试是可以出来的,但到体验版和正式版上就是空白了,经过测试,把转成base64后的地址中的换行清除一下就可以了;:show-menu-by-longpress="true" 是长按图片保存。base64Code 是转为base64的地址。BASE_URL 是拼接接口地址的。
2023-08-30 16:58:43
2059
原创 uniapp调查问卷评价功能
组件,但修改成我想要的样式有点麻烦,于是我就自己手写一个,比用组件简单一点;我本来用的是uniapp官方提供的组件。
2023-08-09 14:34:00
956
原创 js、jQuery实现数字滚动效果
引入js(js在下边,复制就行,jquery文件自己引入吧),写入jQuery。一、效果(监听页面滚动使得超过屏幕的数字每次出现都有数字滚动效果)滚动数字加上类名counter。
2023-03-24 15:02:33
2608
2
原创 【vue】点击展开/收起功能
超出设置值(datalist.length > 6)数据时,多出的数据隐藏且“展开”按钮显示。dom结构中遍历数据要用showdataList4而不是datalist。定义控制展开收起变量brandFold。一、先看下效果(涉及个人姓名打个码)海水梦悠悠,君愁我亦愁。南风知我意,吹梦到西洲。
2023-02-15 11:01:30
2823
原创 vue移动端调试工具
当我们在完成项目时,打包给后端上传至服务器发现页面打不开或者各种问题,在某些软件上看不了控制台报错,那么就需要在项目中添加测试工具,来实现在移动端打开控制台进行测试;1、vue移动端调试工具,在public下index.html里添加下面这段代码。最后呈现如下,点击按钮就可以看到控制台。点下赞哦家人们~~~
2022-11-30 16:31:33
810
原创 修改数组对象的属性名
res.data.data是请求到的数据(上图中最外层红色框的那部分),datas为新定义的数组,把修改的(属性名)数据赋到datas数组中。
2022-11-21 10:14:10
2240
原创 vant组件tab切换自定义标题
包裹的标题内容,在标签中自定义你想要的标题,template标签里。把van-tab标签里的title="",换成用。好了,有问题可以私信或者评论留言~~~
2022-11-21 09:24:34
5563
12
原创 vue设置网页标题title
在router文件夹下的index.js中,在每个路由的meta里面加入title。meta: { title: "个人中心" }在APP.vue下的router-view添加配置。在项目router文件夹下index.js里。name: '个人中心',引入插件,在main.js里配置。在当前页最下面配置router。安装插件,命令行窗口中执行。
2022-10-21 09:23:00
1900
原创 js实现密码输入框点击小眼睛显示或隐藏密码
登录页密码框加密输入不知道对错,加个小眼睛方便查看和修改,下面是小眼睛效果图,如果不喜欢这个图标可以自己去。(因为只把密码输入框展示出来了,所以样式自行调整,只给你们展示功能代码)
2022-10-17 09:58:54
7067
5
原创 js网页禁止鼠标右键
作为小小程序员,有时候是不是不想让别人在浏览器右键看到自己写的源码,下面我就来教大家一段非常非常实用且简便的代码,禁止鼠标右键的一切操作包括键盘F12,极大的极大的增加了我们代码的保密性,直接把代码粘贴到js中就可以实现.........
2022-08-12 15:39:02
2544
原创 【vue】vue3使用element ui
element-ui支持vue2版本,当用vue3安装element-ui的时候会报错,这就需要安装element-plus版本来用到vue3项目中。
2022-08-03 17:38:10
31261
9
原创 js实现input输入数据后自动进行计算,实时显示数据
js实现input输入数据后自动进行计算,实时显示数据,input输入框限制输入的数值的大小.
2022-08-02 16:19:00
5612
1
原创 js、jq实现答题上一题下一题
说明:第一题只有一个“下一题”按钮,中间题目有两个按钮“上一题”“下一题”,最后一题按钮改为“提交”;jquery需要自行引入。
2022-05-31 14:55:24
3954
12
转载 小程序常用快捷键
格式调整Ctrl+S:保存文件 Shift+Alt+F:代码格式化 Ctrl+[, Ctrl+]:代码行缩进 Ctrl+Shift+[, Ctrl+Shift+]:折叠打开代码块 Ctrl+C Ctrl+V:复制粘贴,如果没有选中任何文字则复制粘贴一行 Alt+Up,Alt+Down:上下移动一行 Shift+Alt+Up,Shift+Alt+Down:向上向下复制一行 Ctrl+Shift+Enter:在当前行上方插入一行光标相关Ctrl+i:选中当前行 Ctrl+D:选中匹配
2021-12-09 20:54:08
603
原创 echarts基础知识点
一、定义javascript的图表的库 百度捐给apache基金会 比较符合中国人习惯 HeightCharts,D3为其同行 官网:https://echarts.apache.org/zh/index.html二、核心概念instance实例 series系列 tooltip提示 legend图例 xAxis x轴 yAxis y轴 toolbox 工具箱 dataZoom 缩放 vitualMap 虚拟映射图表常用类型bar 柱状pie 饼状..
2021-12-01 20:01:56
560
原创 js简单的鼠标跟随
1、用到的图片,可以自行截图,也可以自己找喜欢的图片2、页面效果,跟着鼠标移动而移动3、代码(图片src自行更改)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport..
2021-11-30 14:22:31
561
原创 Vue3基础知识
一、Vue3特点 vue3基本兼容vue2代码二、vue3启动方式//vue3启动方法var app = createApp(App);app.use(router).use(store).mount("#app")全局方法的定义:app.config.globalProperties.$mysay = function( ){ }三、vue3优点语义明确 书写简洁 阅读直观,不需要通过Vue再编译 复用,低耦合性更强(没有this) 和rea...
2021-11-29 19:58:40
986
原创 vue基础知识
一、概述Vue是一款渐进式JavaScript前端框架Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。作者:尤雨溪官网:cn.vuejs.org插件案例网址:https://github.com/opendigg/awesome-github-vue前端框架三架马车 Vue React Angular特点: 简单,上手方便 结合Angular指令与re...
2021-11-01 20:41:00
745
原创 PHP相关方法SESSION/COOKIE
PHP方法1. 字符串常用方法: 获取 substr(string,strart,len); mb_substr(string,start,len,"utf-8"); 从start截取len位字符 strstr(string,str); 截取str后面的字符 strrchr(string,str); 从后面查找str,并截取后面的字符 ...
2021-10-30 15:03:42
142
原创 vue简易计算器
1、简易计算器我用到了watch监听事件,或者只用methods定义事件也可以完成2、效果切换+ - * / 都可以实现运算3、代码(vue.js记得修改地址目录)<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>简易计算器</title> <!-- 引入vue.js --> <script src="..
2021-10-30 14:38:51
343
原创 vue姓名筛选模糊搜索
1、名字筛选功能主要运用了计算属性关键词:computed2、效果图输入“六”关键字显示名字带“六”的所有名字3、代码(vue.js记得修改目录)用到的数据:list: [ {name: '张三', sex: '女', age: 19, phone: '18921212121'}, {name: '李四', sex: '男', age: 29, phone: '18921221121'}, {name: '王五', sex: '女', age: .
2021-10-30 14:29:12
1531
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人