前端开发随笔-腾讯云开发者社区

开发者社区

文档建议反馈控制台

腾讯云架构师技术同盟

文章/答案/技术大牛

发布

前端开发随笔

专栏成员

345

文章

689392

阅读量

26

订阅数

Rn使用FlatList导航栏自动回到中间

nav styles tabs text 数学

2023-10-17

1500

Rn页面滚动显示隐藏head动画

opacity styles text view 动画

2023-10-03

2330

前端重新部署通知用户刷新

html async compare script 前端

方案：通过轮询对比script的hash信息，不一致就触发更新操作新建utils/updateApp.js文件

2023-09-21

2550

Rn视图生成图片并保存到相册

import styles text uri view

2023-09-16

3540

Vue3统一导出局部组件和全局组件

app components import script vue3

components新增ComponentA.vue、ComponentB.vue两个组件新增index.js进行组件统一导入

2023-09-09

1.4K0

Vue3使用递归组件封装El-Menu多级菜单

el menu path vue3 递归

2023-09-06

1K0

Js网页添加水印

canvas document dom height watermark

2023-09-01

3520

Rn实现省市区三级联动

code styles text 插件数据

省市区三级联动选择是个很频繁的需求，但是查看了市面上很多插件不是太老不维护就是不满足需求，就试着实现一个这个功能无任何依赖插件功能略简单，但能实现需求核心代码也尽力控制在了60行左右 pca-code.json树型数据来源 Administrative-divisions-of-China 下面只贴了省市区选择的功能，全部代码可参考github area分支

2023-09-01

3380

Aos插件实现滚动动画效果

code fade 插件动画浏览器

aos文档 aos使用感受跟wow相似，但比wow多了浏览器回滚，动画效果会再次展现

2023-08-27

4450

Axios使用CancelToken取消重复请求

axios config error import service

处理重复请求：没有响应完成的请求，再去请求一个相同的请求，会把之前的请求取消掉

2023-08-18

3970

Vue3封装函数组件(ElImageViewer)预览图片

default import root vue3 函数

2023-07-31

9220

React处理多表单输入

react button email form 表单

2023-07-24

1520

Js通过value查找树型数据所有的父节点

children label return tree 数据

2023-07-24

3070

Js保留树型数据指定层级

children data label return 数据

2023-07-11

2660

Vue3自定义全局指令

app binding directive el vue3

utils/directives/auth.js 判断方法自己去实现，这里就不贴代码了

2023-05-27

5210

Vue引入第三方字体

css assets import src text

下载第三方字体放在assets/font目录下再新建一个font.css @font-face { font-family: "TsangerYuYangT_W02_W02"; src: url('./TsangerYuYangT_W02_W02.ttf'); } 在main.js中引入 import "@/assets/font/font.css" 使用 .text { font-family: TsangerYuYangT_W02_W02; }

2023-05-23

6090

Rn引入NativeBase组件库并自定义主题色

button 官方文档插件配置组件库

在查看expo文档的时候，发现它推荐了好几款组件库，我全部查看了一遍后，觉得NativeBase是比较好用的，且一直都在维护中，所以决定引入查看效果 https://docs.expo.dev/ui-programming/user-interface-libraries/

2023-05-23

7210

Rn封装底部弹窗组件

react import popup styles text

PopUp弹窗组件 import React from "react" import { Dimensions, Modal, StyleSheet, TouchableOpacity, View } from 'react-native' const { width } = Dimensions.get('window') export default (props) => { const { visible, closeModal, children } = props c

2023-05-11

5670

Rn引入react-native-debugger调试开发

react native 开发连接调试

本项目是由expo搭建的Rn项目首先要在电脑安装react-native-debugger软件下载地址：https://github.com/jhen0409/react-native-debugger/releases/tag/v0.13.0

2023-05-09

1.2K0

Vue3+vant4适配移动端

安装vant npm install vant main.js引入 import vant from 'vant' import 'vant/lib/index.css' const app = createApp(App) app.use(vant).mount('#app') 检查是否安装成功 <van-button type="primary" /> 配置vant主题色新建文件assets/style/vant-theme.css :root { --van-primary-co

2023-01-03

2.4K0

点击加载更多

社区活动

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·干货材料·成员作品最新动态