指尖de跃动 - 博客园

实现vue公共头部组件，全局管理页面面包屑导航

摘要：实现需求页面跳转时记录页面跳转名称点击导航可以跳转到对应页面下导航需要有一级二级三级页面导航需要在某些公用页面动态修改对应页面导航名称页面刷新页面导航不更改实现思路分析和实现首先要实现全局管理首先想到了使用vuex,vuex作为状态管理可以实现全局共享数据和全局修改。因为项目框架使用了阅读全文

posted @ 2022-12-02 16:59 指尖de跃动阅读(0) 评论(0) 推荐(0)

父盒子滚动对亲子元素绝对定位的影响问题

摘要：最近在写项目时，要给一个盒子固定定位在页面底部，所以用到了绝对定位，子绝父相，所以给父盒子加上相对定位，发现初始的时候元素固定在页面底部，在页面滚动后元素也会跟着滚动。如下例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 阅读全文

posted @ 2022-11-29 22:55 指尖de跃动阅读(0) 评论(0) 推荐(0)

小程序开发完成后根据体验评分报告优化小程序

摘要：小程序开发完成后可以用开发工具中体验评分工具，通过操作页面来生成页面体验分析报告，包括性能、体验、最佳实践三个方面具体分析页面之中存在的问题和需要优化的地方。上面是体验评分的入口，点击运行，然后操作页面，操作完点击生成报告就可以了。这是优化前生成的体验报告评分下面分别从这三个方面对项目进行优化阅读全文

posted @ 2022-10-26 17:44 指尖de跃动阅读(0) 评论(0) 推荐(0)

使用前端js下载远程跨域的网络图片

摘要：介绍用js下载同源服务器或者本地图片时可以用a标签加上download属性然后通过点击下载，但是当a标签的href属性是跨域的网络图片地址时，点击链接会直接打开图片，并不会自动下载，所以首先要想办法把远程的网络图片转成base64或者blob对象，然后就再通过a链接点击下载。实现方式第一种方法阅读全文

posted @ 2022-10-22 10:43 指尖de跃动阅读(0) 评论(0) 推荐(0)

浅谈浅克隆和深度克隆复杂数据类型的数据

摘要：浅克隆浅克隆可以把源对象上的数据复制到目标对象上去,对于源对象上简单数据类型可以完全复制，对于源对象上的复杂数据类型则复制的是引用地址，修改目标对象则源对象也会变浅克隆可以用Object.assign(target,obj)方法来实现,可以把obj对象上的属性复制到target对象上下面来实现阅读全文

posted @ 2022-05-25 10:18 指尖de跃动阅读(0) 评论(0) 推荐(0)

前端图片转成base64并压缩的实现方案

摘要：项目中会有很多地方用到把图片转成base64使用的地方，转换方法也有很多种，参考下文。。。。。 FileReader对象在文件上传时可以new FileReader创建一个文件对象，然后用readAsDataURL方法可以获得一个base64字符串。代码如下： function uploadIm 阅读全文

posted @ 2022-05-16 18:30 指尖de跃动阅读(0) 评论(0) 推荐(0)

h5针对移动端适配问题

摘要： h5项目需要对移动端不同尺寸的屏幕进行适配，网上有很多种方案，下面采取了淘宝的适配方案引入适配方案（1）通过cnpm install amfe-flexible安装第三方包（2）在main.js中import 'amfe-flexible'全局引入第三方包淘宝适配方案是对不同屏幕下的动态设置阅读全文

posted @ 2022-05-16 17:46 指尖de跃动阅读(0) 评论(0) 推荐(0)

微信小程序里面嵌套的h5使用微信sdk配置踩坑

摘要：微信小程序里面的h5使用微信的sdk接口和在公众号使用没有区别，都需要通过微信的权限认证才能使用使用前配置需要用到服务号的appid,并在公众号后台配置js安全域名（踩坑）js安全域名不需要http或者https,否者权限认证会不生效。。在权限认证时会报invalid url domain错误。阅读全文

posted @ 2022-05-16 17:25 指尖de跃动阅读(0) 评论(0) 推荐(0)

浅谈vue项目的优化

摘要： webpack压缩静态资源图片安装image-webpack-loader插件,在项目打包的时候对项目中静态资源图片文件进行压缩，对于比较小的图片会被转成base64引用 (踩坑)项目中通过npm安装的时候会报错，可以把包删掉用cnpm进行安装，完美解决。 chainWebpack: config 阅读全文

posted @ 2022-05-16 16:44 指尖de跃动阅读(0) 评论(0) 推荐(0)

解决嵌套在小程序中h5页面的缓存问题

摘要：针对微信小程序中嵌套的web-view页面缓存清除方案框架技术： vue2 尝试过清除微信缓存，手机缓存，退出重新登陆发现都不起作用方案一（1）方案：动态的给项目中的js和css资源文件加版本号或者时间戳,，在每次更新代码时更新js、css文件名，用户在加载页面时在引入文件名称变化时都会重新阅读全文

posted @ 2022-05-16 14:56 指尖de跃动阅读(0) 评论(0) 推荐(0)

zy-smile