自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(38)
  • 收藏
  • 关注

原创 后端返回文件流,前端怎么导出、下载

工作中肯定有很多导出excel、下载文件这种功能。一般都是后端做好,我们去请求对应的接口就行了,前端还需要做一些处理就可以实现导出、下载功能了。具体怎么操作呢,我们来看看!

2022-11-04 10:51:56 14353 1

原创 如果把数组对应的值放到对象的对应key对应的值中

先遍历数组,然后在便利对象,拿到key找到数组对应的key 把当前查找到这条对象的value赋值给对象的key。开发中 遇到一个数组,需要把数组中的value放到一个对象中。对象的key对应到数组的name,话不多说 ,直接上代码。

2023-11-24 11:15:13 211

原创 windows 电脑删除不了.TTF的文件

如果这个还是不行试着打开控制面板==>外观和个性化==> 字体 ==> 字体设置==>还原默认字体设置勾选,然后重启一下电脑,就好了。出现这个问题,首先检查,你的.ttf文件是不是在哪个软件中打开了。如果是,先关掉,然后在删一遍试试。

2023-11-15 16:57:34 1302

原创 uniapp 小程序优惠劵样式

【代码】uniapp 小程序优惠劵样式。

2023-10-19 09:47:24 1365 1

原创 uniapp 小程序实现图片宽度100%、高度自适应的效果

因为image组件默认是有宽度跟高度的,所以这个高度不怎么好写。通过@load事件来控制图片的高度。话不多说,直接上代码,

2023-10-14 16:13:04 1867

转载 网站如何一秒变灰

点击查看

2023-10-05 17:35:15 50

原创 如何解除浏览器禁用复制事件?

打开控制台 找到elements元素==>event listeners事件==>copy复制 然后移除里面的事件就完事了!

2023-09-20 20:51:13 128

原创 微信小程序监听页面路由变化的api

小程序有一个API可以侦听全局路由跳转,

2023-09-16 16:02:04 652

原创 css占剩余高度

在很多时候,我们不知道容器的高度是多少,但是我们需要随着他的高度而变化的时候,可以设置display:flex;我这里的需求是右侧的文字是后端返回的,不知道他的具体高度,所以左侧的线要随着右侧的文字的高度变化而变化。我得布局大致是这样的 一个大容器里包含,左右两个盒子,左侧是线,右侧是文字。align-items: stretch 和 flex-grow: 1。我们这里借助display: flex中的。

2023-08-30 09:54:26 261

原创 JS 对象的key的值,丢到数组的每一项中

这个in 不知道啥意思 可以看我这篇文章。

2023-08-27 15:59:59 74

原创 uniapp 开发微信小程序,获取经纬度转化详细地址

在 控制台==> 应用管理 ==> 我的应用 ==>创建应用 ==> 添加key==> 除了必填的,勾选WebserviceAPI。只能得到经纬度,微信又没有给我们具体的地理位置,这个时候我们可以通过反编译,来获取详细地址。第四步: 把刚刚第二步下载的sdk.js放在一个目录下,我这边用的是压缩的(min)获取到的经纬度传过去,就能得到详细地址。然后这里有new 一个实例对象,这个对象身上有一个方法。登录微信公众平->开发->开发设置->服务器域名->将。第三步:配置安全域名设置。正常开发中,我们通过。

2023-07-28 09:40:26 1589

原创 公众号获取openid

1. getWxCode 方法有两个地方 1 你的appid 2 你的前端地址。2. getTokenByCode 方法里的 一个地方 你的接口地址。然后封装一个方式, 要注意的是,这里需要几个东西要你自己更改。,去开启两个东西,一个是网页授权权限,第二个是配置你的域名。然后这边直接使用,这里传你前端的路由地址。需要一个页面来解析code。先去微信公众平台登录。

2023-07-08 14:30:11 289

原创 css中的filter

属性允许你在元素上应用各种图像效果,例如模糊、颜色调整、亮度调整等。属性,你可以实现很多有趣的视觉效果。

2023-07-06 16:37:50 532

原创 Component is not found in path “..../miniprogram_npm/@vant/weapp/button/index“ (using by “pages/inde

微信小程序 引入vant 组件报错,是因为咱们在构建npm的时候 生成的miniprogram改名字了。vant官网没有更新。

2023-07-05 18:38:37 2468 8

原创 uniapp 组件内的生命周期函数不生效

onLoad 、 onShow 这些钩子函数不生效!

2023-06-26 14:44:56 978

原创 用伪类选择器 在元素前面加一条线

文章 我用的是h2标签,话不多说 直接上代码。话不多说,先看效果图。

2023-06-06 15:38:53 201

原创 vue 怎么修改动态组件样式

我们发现,他在外面套了一层盒子,因为我切换的主题色的状态是放vuex里面的,通过这个状态,来改变主题色,怎么才能通过这个状态 去改变组件的样式呢。想了10秒钟后,终于想到了解决方法!就是咱们也在外面套一个盒子,咱们利用后代选择器的特点,去改变他的样式,不说了 上代码。然后我这边用的是element-ui的组件库,用到了el-input 这个组件库。我遇到一个需求,就是一健切换主题,就是黑夜、白天这种。这里说一下,deep必须是子组件。

2023-06-02 16:36:24 373

原创 vue 粘贴事件

element-ui 组件中需要加。因为这个是原生的组件。

2023-06-02 11:38:44 1160

原创 vue 怎么全局引入scss

然后项目中会经常用到一些功能型的scss,比如mixin,和函数等,这个时候在main.js 和app.vue 是无效的。首先查看自己的 sass和sass-loader版本,注意sass-loader的安装版本,如果是v8的版本使用。首先一些普通的css,可以在App.vue中引入。配置好后,就可以在各个组件中使用了!(翻译:额外的)的配置项。

2023-05-31 16:14:08 874

原创 uniapp上传vendor.js代码包过大

第二:很多时候vendor.js过大原因是子包的组件和js文件会被打包时,合并到了主包的vendor.js文件中。在HBuliderx —— manifest.json —— 源码视图 —— mp-weixin添加一下代码。第一:上传的时候尽量用发行上传,不要运行上传。对了,大家运行的时候尽量点击运行时压缩代码。

2023-05-19 10:21:36 847 3

原创 uniapp常用api

【代码】uniapp常用api。

2023-04-24 10:18:38 179

转载 微信小程序获取位置经纬度

【代码】微信小程序获取位置经纬度。

2023-04-19 09:28:20 421

转载 uni-popup-dialog 自动唤起键盘

在使用uni-app开发微信小程序的时候,使用了uni-popup和uni-popup-dialog的input模式,查看官方提供的接口,发现没有修改聚焦的接口,于是修改了uni-popup -> components -> uni-popup-dialog -> uni-popup-dialog.vue的。

2023-04-18 14:42:36 788

原创 JOSN.parse()报错Unexpected end of JSON input at JSON.parse (<anonymous>)

就比如我们经常用的页面传参,或者使用getStorageSync使用缓存的时候,需要转成josn格式。

2023-03-25 09:49:57 3131

原创 uview中Picker选择器 点击页面数据延迟问题

在uniapp开发中,很多用户都使用到了uview这个组件,当然开发小程序之类的,我们经常会使用到Picker 选择器,用的过程中很容易发现这个组件有一个坑就是,点击页面的时候,数据会延迟,刚开始我还是以为是数据层级过深导致页面不刷新,使用了this.$forceUpdate()之后,发现还是不行,结果我发现只需要在Picker组件上加上一个属性就好了。,这样就可以实时监听到数据的变化。

2023-03-23 11:54:00 1689 8

原创 uniapp 强制刷新

有时候数据趁机过深,可能会导致数据没有及时刷新,用 this.$forceUpdate()即可解决。

2023-03-20 14:03:44 1088

原创 css 单行、多行文本超出显示省略号...

方便自己cv,仅供参考。

2023-02-21 17:28:21 112

原创 Ant Design Vue全局对话确认框(confirm)的回调不触发

解决ant design vue确认框 点击确认和取消问题

2022-11-14 10:08:21 2192

原创 Vue table新增、编辑

需求是这样的,在一个表格后面新增一行数据,这一行出现一个表单,通过表单进行编辑。就是要定义一些状态,判断这些状态的变化,进行操作。这是点击新增或者编辑的时候的按钮状态。这是插入的input的自定义列模板。点击新增的时候判断是否有其他状态。取消的时候,就判断是新增还是编辑。

2022-10-19 17:19:53 2718

原创 vuex 的基本用法

使用vuex一共大致可以分为五步下载 npm i store -S引入 import Vuex from 'vuex'注册 Vue.use(Vuex)实例化 const store = new Vuex.Store({ //写配置 })挂载到vue实例 new Vue({store, // 挂载到vue实例上,这样全部的组件都可以使用store。

2022-09-29 20:34:43 4383 7

原创 js无限级分类数据列表

页面中经常用到树菜单,大部分树菜单列表都是由后端处理,前端直接使用。或者前端生成固定层级的树菜单列表。我是因为在工作中被要求把一个二级菜单改造为支持三级菜单,且菜单列表仅是个list,不支持树,改造的过程中突发奇想万一后面再需要我继续改造四级,或者其他功能也需要这样显示,那我岂不是要重复很多工作任务,于是我决定封装自己无限树列表和树渲染。一、普通列表改造为无限树列表接口返回的菜单列表。

2022-09-22 19:10:38 353

原创 h5和小程序的区别

微信小程序相信大家都已经不陌生了,它具备占用内存比较小,各个方面的功能比较齐全,开发的费用比较便宜等优势,说到这些人们很容易把小程序和H5混淆,甚至很多人以为小程序就是H5,但是实质上这两者之间还是有很大的区别。下面本篇文章就来给大家介绍一下H5和小程序之间的区别,有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。一、H5是什么?首先介绍一下什么是h5,大家误以为所谓 H5 开发,就是遵循 HTML5 标准的前端开发而已。

2022-09-20 17:12:13 1639

原创 node的使用和模块化的认识

这种方式运行每一次只能运行一个js文件,但是我们项目不可能由一个文件构成,所以我们项目一般都会有一个入口文件,由这个文件引入了其他的js文件。在node里面没有html,都是js文件,那么如何在一个js引入其他的js,这种机制在node叫做。Node.js是一个能够在服务器端运行JavaScript的开放源代码、是一个跨平台。node.js把js的战场从浏览器转移到服务器,可以进行更多的操作。node.js就是使用javascript编写,并且运行在服务器。也就是说node.js实现了使用js来开发后端。.

2022-08-12 16:32:50 285

原创 数组去重的四种方法

数组去重的三种方法。

2022-07-27 11:26:55 943

原创 数组里面对象的去重

数组里面对象去重。

2022-07-22 16:43:32 428

原创 比较运算符与隐式类型转换

对于广大学习js的同学来讲,学习js的难点之一就是js强大的类型转换,js不仅提供了方法使得基础数据类型之间可以相互转换,而且js还会在某些情况下自己转换数据类型这种行为称为自动类型转换或者隐式类型转换。自动转换的情况如下(以下只是几种场景情景,不代表所有场景)逻辑运算比较运算数学运算isNaN(数据)会先将数据转换成数值类型在执行isNaN方法在这上面几种情况中,比较运算的情况最为复杂,接下来就为大家讲解比较运算符自动类型转换的规则提示。...

2022-07-22 11:49:46 265

原创 判断对象是否有这个key

1.hasOwnProperty方法hasOwnProperty判断可以只能判断对象自身有没有这个属性,无法判断对象原型上面有没有这个属性。2.in属性in既可以判断对象自身有没有这个属性,也可以判断对象原型上面有没有这个属性。...

2022-07-14 10:59:10 1399

原创 input和button对不齐,错位问题

只需要在button上面加上一个 vertical-align: top; 这个属性就可以对齐了

2022-07-11 14:55:53 446

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除