![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
H5
文章平均质量分 59
佛天华
念念不忘 阿念
展开
-
.prettierrc 常用配置
【代码】.prettierrc 常用配置。原创 2024-06-14 10:52:04 · 393 阅读 · 0 评论 -
uniapp 给小程序添加分享功能
在小程序中,你可以创建一个自定义的分享组件,然后在需要分享的页面中引用该组件。这个组件可以包含分享的相关信息,例如分享的标题、图片等。原创 2023-11-22 14:21:31 · 3769 阅读 · 0 评论 -
gyp verb check python checking for Python executable “python2“ in the PATH
当我们的前端项目中用到 时,有时候汇报这个错:如果是 版本的,需要装一个 版本原创 2023-08-24 17:31:12 · 1154 阅读 · 0 评论 -
CSS 基础拾遗
之前我们通常是在预处理器里才可以使用变量,而现在 CSS 里也支持了变量的用法。通过自定义属性就可以在想要使用的地方引用它。自定义属性也和普通属性一样具有级联性,申明在 :root 下的时候,在全文档范围内可用,而如果是在某个元素下申明自定义属性,则只能在它及它的子元素下才可以使用。自定义属性必须通过--x使用自定义属性的时候,需要用 var 函数。-- 定义自定义属性 -->:root {-- 使用变量 -->h1 {转载 2023-08-18 13:36:32 · 131 阅读 · 0 评论 -
在线 Javascript 代码编辑器,有代码提示功能
分享一个在线代码编辑器,有代码提示功能。原创 2023-07-28 09:50:07 · 207 阅读 · 0 评论 -
前端配置 可选链 + 双问号 语法糖
示例代码。原创 2023-03-02 16:46:44 · 264 阅读 · 0 评论 -
css-in-js 之 vue
CSS-in-JS就是可以使用JS来编写CSS样式,这原本是React的专属,现在可以在Vue。并修改。原创 2023-02-24 14:44:59 · 1494 阅读 · 1 评论 -
IntersectionObserver-交叉观察者-前端动态效果实现
IntersectionObserver 翻译为 "交叉观察者",它的任务就是监听目标元素跟指定父元素(用户可指定,默认为viewport)是否在发生交叉行为,简单理解就是监听目标元素是否进入或者离开了指定父元素的内部原创 2023-01-09 08:57:30 · 809 阅读 · 0 评论 -
前端主题切换
前端主题切换功能转载 2022-12-15 16:48:40 · 1371 阅读 · 0 评论 -
Taro +微信小程序实现 露出后一项的一小部分的swiper效果
实现可以露出下一张swiper 图一部分的效果。原创 2022-11-29 09:50:22 · 658 阅读 · 0 评论 -
Nuxt 2 + wangeditor 5.0
Nuxt 引入 wangeditor 组件原创 2022-11-23 08:25:25 · 460 阅读 · 0 评论 -
nuxt 2 + vue2学习
Nuxt.js 2.0 + vue 2.0 学习 + 服务器部署原创 2022-11-18 16:52:04 · 1067 阅读 · 0 评论 -
vue + echart4.0 按需引入
src我是直接使用 node_modules/echarts 包里自带的构建工具:-i:代码入口文件,可以是绝对路径或者基于当前命令行路径的相对路径。-o:生成的 bundle 文件,可以是绝对路径或者基于当前命令行路径的相对路径。–min:是否压缩文件(默认不压缩),并且去多余的打印错误信息的代码,形成生产环境可用的文件。原创 2022-11-14 14:33:17 · 1388 阅读 · 0 评论 -
自定义 ElementUI分页组件中的中文文案
根据上图可以看到,element提供了附加功能,通过配置参数可实现总条数、跳转页面等的功能,但是有些不太友好的是,这些文字是写死的,不能自己通过插槽去修改,但是目前的需求就是和element提供的文字不一致,比如我只要xxx条,不要共字,那怎么符合当前需求呢?注意:这里要加入table是因为,如果只改pagination,el-table 组件在没有数据时,「暂无数据」这样的默认提示文字消失了。很明显跟这个this.t有关,在文件中搜索,发现并没有t的定义,因此肯定就在mixin中,找到该文件。转载 2022-11-10 10:02:13 · 2176 阅读 · 0 评论 -
Taro微信小程序实现 美团购物车小红点动画效果
Taro 实现微信小程序的商城商品加入购物车时的小红点动画效果原创 2022-11-03 15:38:48 · 1896 阅读 · 0 评论 -
Taro 引入 vant
(2) 更改vant组件的样式时,可能会出现px无法被编译为rpx的情况:直接在css中使用rpx单位。(1)子组件内引用不生效:需要在外层父组件中引用。(建议在app.config.js中全局引入)原创 2022-10-28 13:20:08 · 1612 阅读 · 0 评论 -
Taro使用 微信小程序 副文本编辑器
Taro把一些小程序的原生组件给抽成了插件包括但不限于: editor/page-container,所以直接在代码中写的话是不会被渲染出来的,得经过下面的操作才可以。原创 2022-10-27 16:40:47 · 1812 阅读 · 0 评论 -
Taro 使用记录
版本: Taro – 3.5.3 Vue: 3.0.0。原创 2022-10-27 16:26:21 · 179 阅读 · 0 评论 -
Taro实现 微信小程序 可左右滑动切换的Tab组件
######2、BgTitleTouchGroup.less3、BgTitleTouchItem.vue4、BgTitleTouchItem.less######5、announcement.vue原创 2022-10-27 16:15:51 · 1614 阅读 · 0 评论 -
Taro 实现 微信小程序滑动删除功能
2、SwipeCell.less#####3、combination.js#####4、GoodsType.vue原创 2022-10-27 15:57:58 · 977 阅读 · 0 评论 -
JS--函数节流+函数防抖
当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设定的时间到来之前,又一次触发了事件,就重新开始延时。就像游戏里放技能时需要读条一样,读条结束才能放出技能,但是在读条结束前,你又按了一次技能,那么只能重新读条。某函数在指定时间间隔内执行,如:每1秒执行一次。原创 2022-10-18 13:50:22 · 81 阅读 · 0 评论 -
windows-下运行npm-配置环境变量
【代码】windows-下运行npm-配置环境变量。原创 2022-10-18 13:48:18 · 922 阅读 · 0 评论 -
Taro使用记录
版本: Taro – 3.5.3 Vue: 3.0.0。原创 2022-10-18 13:47:05 · 399 阅读 · 0 评论 -
10款好用的前端动画插件
和其他的同类工具不同的地方在于,它不仅仅是一个库,而是有这用户可以直接操作的实际功能,它带有一个完整的网页构建器。开发者 Daniel Eden 是这个项目的发起者,他以最简化的方式在网页上发布自定义的 CSS3动画,通过半年多时间的积累,构建出了一个完整的动画库,并且几乎可以应对绝大多数的项目。在主页上,你会找到一个模块化的自定义动画生成器,通过这种方式,Bounce.js 会帮你将特定的功能添加到你的页面上,无需添加额外的代码。借助这个库,你可以有效的控制页面中元素的出现和消失的方式。原创 2022-10-18 13:45:36 · 2894 阅读 · 0 评论 -
一步步教你用HTML5 SVG实现动画效果
一步步教你用HTML5 SVG实现动画效果原文:https://segmentfault.com/a/1190000017977613转载 2021-09-14 16:58:00 · 429 阅读 · 0 评论 -
微信公众号开发的一些事项
一、微信公众平台1、公众号设置 - 功能设置1)、业务域名:设置业务域名后,在微信内访问该域名下页面时,不会被重新排版。用户在该域名上进行输入时,不出现的安全提示2)、JS接口安全域名:设置JS接口安全域名后,公众号开发者可在该域名下调用微信开放的JS接口3)、网页授权域名(微信公众号授权用的):用户在网页授权页同意授权给公众号后,微信会将授权数据传给一个回调页面,回调页面需在此域名下,以确保安全可靠。2、基本配置1)、IP白名单:调用获取access_token接口..原创 2021-08-06 10:12:12 · 286 阅读 · 0 评论 -
H5页面内实现分享给微信好友功能
注意:目前是无法在公众号的H5页面内自定义分享按钮的,只能通过点击公众号H5页面右上角的【···】,选择【发送给好友】来进行分享。一、JS-SDK要实现此功能使用JS-SDK:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#62二、在微信公众平台 -- “公众号设置”的“功能设置”里填写“JS接口安全域名”。三、引入JS文件四、步骤三:通过config接口注入权限验证配置wx.conf原创 2021-07-06 11:21:08 · 9755 阅读 · 0 评论 -
webpack性能优化
原文:https://www.cnblogs.com/shenjp/p/14961955.html为什么要优化?如果你的项目很小,构建很快,其实不用特别在意性能方面的问题。但是随着项目涉及到的页面越来越多,功能和业务代码也会越来越复杂,相应的webpack的构建时间也会越来越久,打包后的体积也会越来越大,这个时候我们就不得不考虑性能优化的事情了。分析工具在动手优化之前,我们需要有一个量化的指标,得知影响构建时间的问题究竟出在哪里,是某个chunk的体积太大,还是某个loade...转载 2021-07-02 10:27:02 · 420 阅读 · 0 评论 -
微信授权登录和JS-SDK中access_token的区别
关于网页授权access_token和普通access_token的区别1、微信网页授权是通过OAuth2.0机制实现的,在用户授权给公众号后,公众号可以获取到一个网页授权特有的接口调用凭证(网页授权access_token),通过网页授权access_token可以进行授权后接口调用,如获取用户基本信息;微信网页授权登录:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization原创 2021-06-29 17:49:32 · 648 阅读 · 0 评论 -
vue DevTool 不展示
我们 在chrome中安装了Vue devTool 以后,但是在控制台中不显示vue工具。然后点击浏览器右上角的 Vue devTool 图标以后,会显示下面这句话Vue.js Devtools inspection is not available because it’s in production mode or explicitly disabled解决方案:简单一句话,不要...原创 2019-11-14 15:58:12 · 795 阅读 · 0 评论 -
自定义事件的触发dispatchEvent
参考:http://www.zhangxinxu.com/wordpress/2012/04/js-dom%E8%87%AA%E5%AE%9A%E4%B9%89%E4%BA%8B%E4%BB%B6一、element.dispatchEvent()对于标准浏览器,其提供了可供元素触发自定义事件的方法:element.dispatchEvent().。不过,在使用该方法之前,我们还需要做其他两件...原创 2019-09-03 23:48:54 · 1449 阅读 · 0 评论 -
JS获取 某一个DOM元素距视窗的位置信息
我们可以调用getBoundingClientRect方法,来获取,一个Dom元素距离视窗的各种信息。详见:https://developer.mozilla.org/zh-CN/docs/Web/API/Element/getBoundingClientRectvar aDiv = document.getElementById('aDiv');console.log(aDiv.getBo...原创 2019-09-03 23:44:59 · 945 阅读 · 0 评论