- 博客(66)
- 资源 (21)
- 收藏
- 关注
原创 react 封装请求axios,直接调用即可
2、在文件request中创建api.ts和service.ts文件(默认ts格式类型)service.ts(axios请求封装)1、在src目录下创建文件request。api.ts(主要写api请求接口)需要全部项目调试的源码可以前往。3、在文件中写下封装代码。
2024-04-19 16:30:19
1924
原创 react18 antd 引入导航栏之后一些bug,解决方法收集
我们开发react引入antd之后导航栏会出现刷新不选中、不展开二级导航栏、页面js点击之后不选中最新tab、只能展开一个二级tab之类的问题。那么我们一起来把问题给解决了。
2024-04-19 16:08:00
552
1
原创 react18 怎么引入antd ui呢?一起来学习吧~!
首先了解一下antd ui是什么,里面包含了很多动画效果以及ui样式,只需要搬过来,然后直接使用即可,简单方便快捷高效,和element ui一样,可以在官网查看下效果。
2024-04-19 15:59:44
335
原创 react18 跨域应该怎么解决?一招教你搞定
我们通常会遇到跨域的问题,那么react18遇到跨域的时候,应该怎么样子去解决呢?当然我们会想到让服务器去解决跨域也是一种方法,那么前端也可以解决跨域的问题,在React 18中,跨域问题通常是由于CORS(跨源资源共享)策略导致的。如果你在开发过程中遇到跨域问题
2024-04-19 15:44:49
960
原创 jquery手写广告轮播图,无限循环功能
在很多情况下,我们都需要开发广告轮播图,当我们进行页面的功能开发时,采用轮播图来实现也行,但是很多情况下,我们只需要简单的控制轮播循环轮播展示即可,所以用jq开开发广告轮播波,自定义方式比较灵活,而且还简单,只需要几行代码就可以实现广告轮播。
2023-12-08 15:24:23
564
原创 jquery插件含义及用法大全,非常的easy
Jquery插件是对Jquery利用原型的一个扩充,例如:想要实现统一的弹窗规格显示、导航栏、背景颜色管理、计算复杂运算等。
2023-12-07 15:17:31
488
原创 网站导航栏下滑隐藏,上滑显示,效果杠杆,兼容性强
导航栏是网站必不可少的一部分,那么,导航栏应该怎么样子实现,可以高效自定义兼容开发呢?当然,不仅要实现,而且还要实现导航栏顶部固定位置,下拉隐藏,稍微往上滑动就会出现,而且到顶端就直接显示在原有的位置。实现功能的同时,还要平缓的过渡?下面我们将一起探讨下如何去实现。
2023-12-06 10:13:25
1199
原创 vue的生命周期及不同阶段状态可以进行的行为
Vue 的实例从创建到销毁的过程 ,就是生命周期 ,也就是从开始创建 ,初始化数据 ,编译模板 ,挂载Dom到渲染DOM ,更新数据再到渲染 ,卸载等一系列的过程 ,我们称这是Vue的生命周期而这些Vue生命周期过程中会伴随着一些函数的自调用。我们称这些函数为钩子函数。要想学精vue,生命周期必须知道什么阶段进行了什么操作,我们可以在阶段上进行什么运算。vue八大阶段,可以让我们更好的理解起逻辑进行开发。
2023-11-23 10:31:15
340
原创 微信小程序页面传递参数方法
文档主要介绍了页面传递参数的方法,少量的参数单页面使用可以采用方法一、大量的单页面使用可以采用方法二或三,多页面暂时缓存数据可以使用方法四,大量的数据多页面永久使用可以采用方法五。
2023-11-17 10:01:03
8698
原创 解决Canvas画布跨域图片方法
浏览器出于安全考虑,实施了同源策略(Same-Origin Policy),这意味着如果你的页面来自一个域(例如 https://yourwebsite.com),它不能直接访问不同域(例如 https://anotherwebsite.com)的资源,包括图片。这会导致 Canvas 在尝试绘制跨域图片时失败。
2023-11-16 20:20:37
4186
原创 微信小程序新版canvas2d海报绘制(教你轻松搞定)
canvas官方很早已经发声不再维护了,所以很多方法都已经不再适用。目前官方推荐适用canvas2d来绘制生成海报。不需要先预下载网络图片再绘制,前端只需要调用网络图片即可。新版canvas2d海报,官方文档比较乱,开发起来难度大。anvas2d生成海报效率高,资源开资少,性能强。普通canvas生成海报比canvas2d稍慢。通过网上方法,进行大量的开发实现,最后封装成的组件开发完成后,发现拼多多、淘宝、京东等流行商城都在使用这样子的分享海报。调用组件,喜欢的小伙可以到资源里面下载资源下载。
2023-09-04 10:46:57
981
原创 微信小程序实现数值监听(页面和组件属性)
目前文章主要介绍对页面属性值的监听以及组件属性值的监听。需要异页面监听数据,请跳转至另一个文章介绍为什么需要监听属性值当需要通过一个属性变化时候,需要计算相应的方法等。pc网站经常需要监听属性,那么小程序应该怎么去实现?
2023-09-04 10:18:15
2563
原创 特殊字符大全(只需这一文章)
特殊符号是使用频率较少字符且难以直接输入的符号,包括有数字符号、数学符号、希腊数字、希腊字母、月份符号、日期符号、时间符号、特殊中文字符、音乐符号、英文字母符号、大写数字、天气符号、单位符号、货币符号、表格符号、米字符号、心形符号、星星符号、对号错号符号、方形符号、圆形符号、三角符号、八卦符号、标点符号、中文拼音符号、日文符号、韩文符号、俄文符号、箭头符号、图形符号、表情符号、网名符号。
2023-08-11 17:22:49
15313
原创 微信小程序实现双向滑动快捷选择价格(价格区间)
1、左边为最低价,右边为最高价格,可以拖动左边最低价选择价格。拖动右边为最高价。2、当两个价格重合时,继续拖动,向左边,左边最低价会跟着变低,直到为边端,反之右边最高价会跟着变高。3、输入相应的标尺会显示不同价格尺度4、颜色、拖动模块都可以自定义5、价格拖动已经封装成组件,简单调用即可实现相应的方法建议:建议不在组件拖动频繁调用setdata赋值,会导致性能增高。
2023-08-11 17:10:08
1988
原创 微信小程序活动抽奖简单实现,包教包会
针对用户使用活动抽奖,获得抽奖得到商品的成就以及满足感,那么我们应该怎么去实现小程序去转盘抽奖活动呢为了方便大家,节约大家的时间,下面我将源码推送给你们,包教包会哈,拿来直接可以使用,不懂的可以私聊我资源下载。
2023-07-13 17:43:16
3512
原创 教你简单搞定小程序扫一扫以及生成普通二维码功能
在生活中时常需要用小程序扫描识别相应的二维码(不包含小程序二维码),通过进入到相应的小程序,然后调起手机的相机进行扫一扫。那么将会更加方便简单的实现相应的功能。生成普通的二维码用weapp-qrcode.js来实现,识别二维码用wx.scanCode()或camera来实现,下面下面将会介绍实现步骤,也会介绍用识别这两种方法的优缺点。需要的源代码已经放到资源文件里面,将资源下载即可使用,里面也包含扫描需要的微信声音等。资源下载。
2023-07-13 17:00:45
4025
原创 教你搞定网站如何兼容各平台的分辨率?
布局一般使用弹性布局相对兼容性高,可以针对不同的分辨率再使用相应的方法来实现兼容。这里提供了两种方式来兼容平不同平台的分辨率。
2023-07-07 17:21:07
598
原创 如何实现监听某些数值,异步页面请求后再渲染到页面上
通过简单的监听数值,进行异步页面的刷新,即使不能使用setdata的方法下,也可以执行数据的调用方法,简单高效的监听数据的改变后再触发方法。
2023-07-05 16:12:23
788
原创 cookie、localStorage、sessionStorage的区别
cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下sessionStorage和localStorage不会自动把数据发送给服务器,仅在本地保存。localStorage:始终有效,窗口或浏览器关闭也一直保存,本地存储,因此用作持久数据;cookie: 也是在所有同源窗口中都是共享的.也就是说只要浏览器不关闭,数据仍然存在。都是保存在浏览器端、且同源的。
2023-03-21 16:44:19
541
原创 js---宏观任务和微观任务
任务可以分为同步任务和异步任务;异步任务又可以分为宏观任务和微观任务,自从es6后,js引擎也可以发布异步任务。宏观任务:通过浏览器、node。js等宿主环境来请求微观任务:是js引擎发起的任务。
2023-03-21 16:21:48
689
原创 js---call、apply和bind的区别
1、call、apply和bind都是改变this的指向2、call为同步代码,传参一一传入,第一个参数为this的指向。apply为同步代码,只能传两个参数,第一个为this指向,第二个为数组。bind为异步代码,传参一一传入,第一个参数为this的指向,区别是返回值为函数,想要立马执行函数,加上()。
2023-03-21 15:56:48
569
原创 块级元素和行内元素
最开始记住块级 div 和ul嵌套的li,dl的后人dt,dd 然后就是p 最后记住h1-h6 就足够了,如果实在记不住的话,可以进行百度哦。2.可以设置水平的margin和padding属性,不能乘直方向的margin和padding届性3.不会自动换行。2.margin和padding属性都有效。两者共存:display: inline-block;块级-->行内:display: inline;行内-->块级:display: block;行内元素和块级元素是可以相互转换。
2023-03-21 15:28:25
401
原创 css---px、em和rem的区别
固定web网页使用可以使用px;如果是弹性布局,移动端可以使用em和rem。px:固定像素,设置多少就是多少。em:相对父级元素来设置。rem:相对根元素来设置。
2023-03-21 15:16:43
97
原创 Webpack(应用二:HtmlWebpackPlugin)
HtmlWebpackPlugin是webpack 的插件,用到该插件的两个主要作用:1、为html文件中引入的外部资源如script、link动态添加每次compile后的hash,防止引用缓存的外部文件问题2、可以生成创建html入口文件,比如单页面可以生成一个html文件入口,配置N个html-webpack-plugin可以生成N个页面入口也就是说,插件的基本作用就是生成html文件,不用手动生成。
2023-02-17 16:15:01
1807
原创 Webpack(应用一:基本使用,只需六步骤)
提示:这里对文章进行总结:例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。
2023-02-17 10:14:57
1000
原创 Webpack(通俗易懂介绍)
例如:前端不断的技术更新迭代,为了浏览器更好的兼容到以及项目更好的开发,所有才有需要Webpack来打包代码,本文介绍下,Webpack的定义。在现代社会,前端三大框架浪潮不断推出使用,很多公司最近几年都采取前端框架,方便管理以及代码的简便性,例如vue框架下,组件不断调用,请求也会随之增多,那么就需要Webpack来打包整合资源,减少请求,来增加项目的生命力。
2023-02-16 17:31:43
5877
原创 微信小程序---微信授权弹窗实现(组件,需要地方直接调用即可)
1、先判断是否已经登录,未登录直接调用show_empower:true即可弹出登录授权框。3、在页面调用return_login(e)方法,判断e携带的值是否请求成功。1、force参数是控制是否强制登录。若非强制,点击组件空白处会关闭弹窗。2、点击授权会请求获取手机号码,通过手机号码请求后台数据,若登录成功后。4、若成show_empower变为false,弹窗会消失。2、里面已经封装好请求后端的登录数据,调用即可。
2022-12-01 11:34:12
5420
4
原创 微信小程序和网站显示灰色方法
此时大家发现很多网站,app,小程序的整体色调全部变为了灰色,其实并不是所有的图标全部替换了灰色,只是在css中设置了一个属性只要加上css样式即可全局可以在app.wxss全局的样式文件中设置,若是单个页面调控,可以在单个页面调试和小程序一样,只需增加css样式即可但是兼容不到ie10和ie11浏览器。需要调用js当我们是ie10和ie11浏览器的时候,调用graystyle的js函数即可。至此,网站变灰的方案就完美了。完美兼容各种浏览器,笔者已经在生产环境使用过了,大家放心使用。喜欢
2022-12-01 09:35:20
3369
原创 微信小程序---图片裁剪、旋转、预览、上传功能实现(已经封装成组件,需要的到资源下载)
4、主页面onshow检索到app.globalData页面路径是否不为空,不为空后将调用上传方法,将路径传递给服务器(不懂的可以查找我主页上传图片的文章)3、页面会进行图片编辑操作,操作好后,通过上传按钮,将本地图片路径先存储到公共app.globalData里面,然后跳转到上一层(主页面)。2、图片上传数据可以进行裁剪、选择、取消、裁剪后预览、上传以及限制大小,还可以缩放操作,需要的可以解除限制即可。6、实现操作简单,方便快捷为用户手机操作图片,进行图片的统一展示。
2022-11-29 11:45:57
2784
3
原创 微信小程序---scroll-view根据锚点滚动相应楼层展示(已经封装成组件,需要的下载)
但是数据要是动态的话,每次数据更新后,都需要更新组件的数据,否则会导致组件计算位置错误。3、内容组件需要计算所有楼层的高度并存放在数组里,然后通过高度来计算是否处在哪个楼层之间,将数据抛出给调用页面。6、内容组件通过scroll-view的scroll-into-view方法来定位到某个楼层位置。1、主要封装成两个组件,一个是标题展示效果、另一个是内容展示效果。5、标题组件点击后,传参数给调用页面,页面传值给内容组件。4、通过内容组件抛出方法,标题展示相应的楼层样式。2、标题组件只需要展示相应的标题即可。
2022-11-29 11:11:50
576
原创 css预处理器:less和sass实现
css预处理器减少书写代码,但是前段开发得统一,不然很难进行得下,要用的话,得统一一起用,要不然就不用。个人不怎么喜欢。
2022-11-24 18:39:12
689
原创 css预处理器:less和sass认知
CSS预处理器是一种脚本语言,可扩展CSS并将其编译为常规CSS语法,以便可以通过Web浏览器读取。它提供诸如变量,函数, mixins 和操作等功能,可以构建动态CSS。三、sass,less,stylus优缺点?Less 从语言特性的设计到功能的健壮程度和另外两者相比都有一些缺陷,但用 Less 可以满足大多数场景的需求。但相比另外两者,基于 Less 开发类库会复杂得多,实现的代码会比较脏,能实现的功能也会受到 DSL 的制约。
2022-11-24 18:28:03
1857
原创 微信小程序---骨架屏实现,实现起来超级简单
骨架屏是页面的一个空白版本,通常会在页面完全渲染之前,通过一些灰色的区块大致勾勒出轮廓,待数据加载完成后,再替换成真实的内容。通常在小程序中,我们需要手工维护骨架屏的代码,当业务变更时,同样需要对骨架屏代码进行调整。
2022-11-24 14:50:35
4146
2
原创 微信小程序---缓慢展开和收起效果(不需要wx:if控制实现)
通过height高度来控制展开或收起,当不需要展示时,高度为0,超过的部分用overflow: hidden;来隐藏,可以通过该方法来让需要展示的页面隐藏起来,然后显示的时候,将height条件去掉,在加上transition来控制动画即可。点击中间问题,在中间缓慢展开 ,将下面往下撑开,点击再次收起效果。点击添加商品,缓慢向下展开,点击收起,缓慢将下面收起效果。方法简单,只需要明白实现的原理即可实现自己喜欢的效果。原理实现是一样的,只需要将主要部分即可。
2022-11-24 14:04:09
4303
原创 远程连接电视电脑或小米盒子--(安装包打印日记)
当我们安装的app包或者其他包的时候,在模拟器上展示没有问题,但是在真实环境会导致很多异常出现,那么我们怎么在电视、电脑或小米盒子上打印输出日记,然后查看日记获取bug信息。
2022-11-18 11:38:34
2365
原创 微信小程序movable-area+movable-view,自动吸附两边
一、效果:拖动红框,中间位置释放,会判断吸附左边还是右边,会缓慢吸附两边,点击红块会触发事件,点击内容会触发点击内容,互不干扰。流畅度好,效果绝佳。
2022-11-16 16:39:59
2195
11
原创 微信小程序拖动方块,自动吸附右边效果实现(通过监听view来改变data)
微信小程序拖动方块,疯狂修改data值,会导致小程序僵住,消耗性能,还会有延迟,效果不佳,体验感差。可以用另一种方法实现,用小程序封装组件来实现(movable-area+movable-view),不会的小伙伴,可以看到下个文章,会有操作用例。1、声明一个view,并加上bindtouchend结束方法、bindtouchstart开始方法和catchtouchmove方法,声明动态的css样式。2、通过移动距离和位置判断,更改data的值。
2022-11-16 16:34:03
1049
原创 微信小程序迭代发布流程
微信小程序迭代发布流程只需两大步骤解决。saas系统小程序忽略(saas小程序发布将采取接口方式来提交,步骤一相同,步骤二将采取接口方式上传代码,后面会出saas小程序发布流程的流程),下面只讲普通小程序发布的流程。
2022-09-16 11:45:16
1311
原创 h5 实现背景左右滚动效果
用轮播图来进行轮播,网上一大把的轮播插件,直接拿来调试一下即可,将每个图片进行轮播样式轮播即可,不作过多介绍。:该方法运行工作量大,图片需要单独切割,多个轮播图或多个图片,可能会导致有点卡顿。优缺点:流畅度比轮播图效果要好,代码量少、图片整张切,但进行到100%后面重置0%会有闪烁一下效果。下面只介绍左右滚动方法,上下滚动方法掉转即可。将图片切成两张很长的图片,进行轮播。
2022-09-16 11:11:21
3014
微信小程序-新版海报分享canvas2d实现(淘宝、京东、拼多多等都在用)
2023-09-04
微信小程序实现双向拖动价格选择展示(兼容性好)
2023-08-11
微信小程序实现活动转盘抽奖功能
2023-07-13
微信小程序扫一扫识别功能以及生成普通二维码
2023-07-13
微信小程序自定义参数生成普通二维码以及识别所携带的参数转换成对象
2023-07-05
微信小程序-长按拖动楼层、左右滑动出现删除按钮实现
2022-12-01
微信小程序-登录弹窗授权(组件)
2022-12-01
微信小程序-图片裁剪、旋转、预览、上传功能实现
2022-11-29
微信小程序-scroll-view根据锚点滚动相应楼层展示
2022-11-29
web切换sku,和热门网站切换效果一样(里面包含了方法一和方法二)
2022-11-24
微信小程序-富文本展示(html编辑的富文本,在小程序展示)
2022-11-18
微信小程序-切换sku(和热门组件切换sku规则一样,已封装成组件)
2022-11-18
微信小程序短视频触屏滚动播放,流畅度100%
2022-09-07
微信小程序---弹窗封装(组件)
2022-08-02
weapp-qrcode.js生成相应的展示二维码
2022-07-29
web echarts地图应用以及所需的json所有文件(精确到区级、悬级、市级)
2022-07-29
微信小程序--自定义选择颜色(组件)
2022-07-29
微信小程序--瀑布流展示效果(通用潮流网络直播、图片展示)
2022-07-28
html 拖动div进行相应顺序的排序,亲测可用,简单方便
2022-07-14
微信小程序-倒计时组件
2022-06-24
微信小程序自定义剪图功能(可以缩放、旋转、浏览、自定义尺寸)
2022-06-24
css3制作动态加载效果(彩虹加载效果)
2021-06-24
复选框只能选择2个,多选无效果且弹窗提示(事件代理)进行处理
2021-06-23
用户选中商品,实现动态绑定,点击一个一个往后进行索引
2021-06-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人