前端开发
文章平均质量分 64
老汤前端博客
web前端开发博客专注web前端开发领域!
展开
-
uniapp分包教程,分包加载的好处有哪些?
我们在开发系统的时候,如果没有注意这点,当项目越来越复杂的时候,就会发现编译的时候报错,或者编译的时候一直通不过微信开发者工具,速度非常慢,甚至有时候会直接导致开发者工具崩溃。实现分包加载,只需要配置pages.json文件即可,分包加载后,第一次打开小程序,微信首先加载主包代码,当点击分包页面时,才会加载分包代码,大大提高了小程序打开速度。uniapp分包加载的好处,在使用分包功能时,可以将主包中的一些不常用的页面或组件放到分包中,这样可以减少主包的体积,加快应用的启动速度和加载速度。转载 2024-08-05 15:39:45 · 98 阅读 · 0 评论 -
iframe传递参数,两个iframe之间传值方法
iframe传递参数,Vue项目中使用iframe及传值,最近做了一个这样的业务处理,在uniapp 项目中使用第三方页面,需要在当前的页面中把一些数据传给第三方,第三方处理后返回一些数据给当前页面,后续其他的操作会用到当前的数据。这样就基本完成了iframe 父子页面之间的数据交互,上面只是个简单的示例,遇到了就写的记录下,具体业务开发的时候还是需要处理下,比如传递参数的时候可以把参数加密下,如果传递的参数比较敏感直接编码发送不好,常用的aes或者base64等,或者可以多层加密。,转载请保留本文地址!原创 2024-07-19 16:10:40 · 1720 阅读 · 0 评论 -
uniapp封装请求拦截器,封装请求拦截和响应拦截的方法
可以看到我们每次请求数据的时候都需要按照这个格式来请求,这样会使代码冗余并且难以维护,所以就需要将uni.request进行二次封装。首先我们先看一下uni官方给开发者提供的uni.request用来网络请求的api。可以看到成功打印出来,然后就可以将公共的的方法封装在响应拦截器中。我们先在request中调用 beforeRequest。1. 新建一个request.js文件。uni.request 请求方式。2. 在响应拦截器中封装公共方法。,转载请保留本文地址!原创 2024-07-19 16:08:16 · 2821 阅读 · 0 评论 -
iframe的优缺点及改进方法(有实例代码)
iframe是用来内嵌网页的,使用起来很方便,但也有优缺点,比如iframe能原封不动地把嵌入的网页展现出来,如果有多个网页引用iframe,那么只需要修改iframe的内容,就可以实现调用每一个页面的更改,方便快捷,iframe缺点会阻塞主页面的Onload事件,但有针对iframe的优缺点及改进方法。一、iframe内嵌网页使用实例代码:<iframe width="100%" height="100%" frameborder="0" scrolling="auto" allow.转载 2022-05-31 15:29:41 · 2672 阅读 · 0 评论 -
前端开发写代码哪个软件更好用?
群里的朋友,经常问到web前端开发写代码用那个软件好?今天在这里统一回答下,主流的web前端开发写代码的软件有这些Webstorm、Vscode、Sublime Text、HBuilder、Dreamweaver、notepad++、editplus等,做前端这么多年了,下面谈下我的使用感受吧。1.WebStorm【推荐】 WebStorm 是jetbrai...转载 2019-11-13 11:00:09 · 9828 阅读 · 1 评论 -
前端开发者的福音:WebKit类浏览器将不再使用CSS属性前缀
今天的移动平台被基于WebKit的浏览器统治着,WebKit使用了大量非标准的-webkit前缀的CSS属性或特性,这些CSS属性被Web开发者广泛使用,导致的结果是市场占有率较小的浏览器不得不支持这些非标准特性。 WebKit前缀属性在浏览器开发商中间引发了争议,现在官方博客也承认WebKit前缀属性造成的伤害超过好处,宣布在实现实验性功能时不再使用前缀,而是使用运行时标记。...原创 2019-07-19 10:54:30 · 644 阅读 · 0 评论 -
背景透明兼容各大浏览器的方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta...原创 2019-07-19 10:49:45 · 938 阅读 · 0 评论 -
ajax同步模式和异步模式有哪些区别?
ajax同步模式和异步模式的区别就是在于,xhr.open()方法第3个参数传入的bool值的区别,xhr.open()方法第3个参数的作用就是设置此次请求是否采用异步模式执行,默认为true ,那么同步模式xhr.open()方法第3个参数值就是false了。1.ajax异步模式:hr.open()方法第3个参数值为true(默认值) 1 2 3 4...原创 2018-08-22 14:32:31 · 1406 阅读 · 0 评论 -
前端新手,看下安装淘宝npm镜像和配置的方法
大家都知道npm服务器在国外,在国内用npm命令下载各种安装包很卡,导致我们有时经常出错,这是很头疼的事,幸好马云的团队,做了一个npm镜像,解决了我们的问题。只要简单的安装淘宝npm镜像和配置下npm,就好了。第一步:安装淘宝镜像 在命令窗口执行如下命令: npm install --global cnpm回车键执行命令后,稍微等下就安装好了。第二步:...原创 2018-11-26 16:37:25 · 7755 阅读 · 1 评论