- 博客(62)
- 收藏
- 关注
RSS订阅
原创 创建你的第一个webapp
Hbuilder中开发webapp前言开发流程你好！ 本篇文章主要讲解 webapp 在 Hbuilder 初始化构建流程。可以仔细阅读这篇文章，熟悉一下 webapp 开发的配置，让你快速开启属于你的第一个 webapp 项目。前言编辑器：Hbuilder，安装地址：https://www.dcloud.ioUI框架：MUI，文档地址：https://dev.dcloud.net.cn/mui开发流程在 Hbuilder 构建一个 webapp 项目新建项目 - 移动app选择
2021-06-02 15:51:54
4354
18
原创 vue实战之axios
前言今天还将继续基于vue、element的项目实战这个专题，这一章节将向大家讲解http请求的axios封装，易用、简洁且高效的http库。1、axios的介绍axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。2、安装axiosyarn add axios查看package.json文件 "axios": "^0.21.1"安装成功3、使用在src中创建utils文件夹，其中创建axios.js文件ut...
2021-03-16 09:52:07
359
12
原创 vue项目实战之Layout
前言接上篇基于vue、element的项目实战，这一章节将向大家讲解一个项目中的主结构layout，也就是一个项目的导航栏和菜单栏。一、创建登录页面在 src文件夹下创建 page 文件夹，所有的页面卸载这个文件夹下，在page文件夹下创建Login.vue。...
2021-03-13 22:28:31
7397
13
原创 手把手教你写项目
前言这个专题来说说基于vue的element组件封装，最终的目的是整理一个基于vue、element完整的前端项目。希望各位同学看了之后能有所收获，能够自己实现一个完整的实战项目。项目地址1、初始化环境node.js -v v8.9.3npm -v 6.1.0yarn -v 1.7.0Vue -v 2.5.2全局安装vue-cli vue2、初始化项目新建空文件夹，vsCode打开，在终端输入命令行vue...
2021-03-11 14:35:29
3349
36
原创 JavaScript常用基础算法
一、字符串1.字符串中出现最多次数的字符 function findMaxDuplicateChar(str) { var cnt = {}, // 用来记录所有的字符的出现频次 c = ""; // 用来记录最大频次的字符 for (var i = 0; i < str.length; i++) { var ci = str[i]; if (!cnt[ci]) {
2021-02-18 02:47:49
4485
15
原创 React + antd 搭建项目
1.快速构建create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。create-react-app 自动创建的项目是基于 Webpack + ES6 。npm install -g create-react-app // 构建react环境create-react-app my-app // 构建my-app...
2020-04-03 11:20:17
1167
1
原创 简单实现个vue的下拉加载
1代码文本片段v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" infinite-scroll-distance="10"一些参数的解释 ， 有助于代码的理解<div v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" i...
2019-07-12 10:55:51
2951
1
原创 JavaScript：基础知识
1.javascript typeof返会的数据类型有哪些string,number,boolean,undefined,function,object基本数据类型：string,number,boolean,undefined,null2. 列举三种强制类型转换和两种隐式类型转换parseInt(),parseFloat(),Number()==,!!3. ...
2019-03-29 20:22:26
816
1
原创 JavaScript的奇技淫巧
众所周之，数组项在一个数组中都有自己的位置。在JavaScript中提供了两个确定数组项位置的方法：indexOf()和lastIndexOf()。今天我们主要一起学习这两个方法是如何使用，又是如何查找出数组项在数组中的确切位置。indexOf()方法indexOf()方法从数组的开头（位置为0）开始向后查询。indexOf()方法返回指定数组项在数组中找到的第一索引值。如果通过i...
2019-03-26 20:41:50
1884
3
原创 新版微信页面底部导航问题
在移动端开发微信页面的过程中，出现这样一个问题自己定好的底部导航栏下面会多出一行微信自带的底部返回栏，影响我们原型的体验，就需要对此做出优化；首先明确问题所在通过查询发现底部返回栏的机制是：页面出现跳转的时候会出现、页面向下滚动时会做隐藏；解决问题 1. 针对上面的机制，对应两种办法去隐藏底部返回栏：使用原生JS（已知是跳转出现，那我们就对跳转进行拦截,让...
2019-03-11 15:50:15
4125
原创 Pinia vs Vuex：谁才是 Vue3 状态管理的最佳选择？
Pinia 的简洁 API 和 Composition API 支持使得代码更加清晰易读，非常适合用于管理类似的复杂状态逻辑。
2025-02-21 08:14:26
719
原创 从零开始学JavaScript网页设计：3个经典案例+完整代码分享
JavaScript 是前端开发的核心技术之一，掌握它可以帮助开发者实现动态、交互性强的网页设计。本文将分享几个高质量的 JavaScript 网页设计案例，并提供完整的代码和详细解析，帮助开发者快速提升技能。
2025-02-19 08:53:58
539
原创 iOS微信小程序存储密码弹窗关闭后点击失效？一招搞定！
iOS系统在微信小程序中的“存储密码”弹窗问题，虽然看似简单，却可能引发严重的用户体验问题。通过增加隐藏输入框、动态调整页面布局、禁用自动填充功能或监听输入框事件，开发者可以有效解决这一问题。
2025-02-19 08:35:28
541
原创 微信小程序WebView黑科技：轻松实现H5与小程序数据互通
在微信公众号开发中，使用微信小程序的web-view组件可以嵌入网页，并通过 URL 传递参数。
2025-02-19 08:15:07
468
原创 进阶！Vuex 状态管理：从入门到精通，打造高效 Vue.js 应用
Vuex 是 Vue.js 应用中状态管理的利器，通过集中式状态管理、模块化开发和插件机制，可以帮助你构建高效、可维护的应用。当应用变得复杂时，可以将 State、Getters、Mutations 和 Actions 拆分为多个模块，便于维护。Getters 用于从 State 中派生出新的状态，类似于 Vue 组件中的计算属性。State 是 Vuex 存储应用状态的地方，所有组件共享同一个 State。以下是一个完整的购物车功能实现，涵盖 Vuex 的核心概念和进阶技巧。
2025-02-18 17:02:31
669
原创 震惊！前端状态管理神器Vuex，竟然如此简单？
Vuex 是 Vue.js 应用中管理状态的利器，它可以帮助你更好地组织代码，简化组件间的通信，并使状态的变化更加可预测和可追踪。Vuex 是 Vue.js 官方的状态管理库，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。状态的改变只能通过提交 mutation 来进行，这使得状态的改变变得可追踪和可预测。组件之间需要频繁地共享状态，Vuex 可以简化组件间的通信。Vuex 提供了强大的调试工具，可以方便地追踪状态的改变。
2025-02-18 14:02:25
325
原创 前端性能优化进阶版
图片压缩、CSS Sprite、字体子集化：可以使用工具如 ImageOptim、TinyPNG、webfont-generator 等来处理图片和字体文件。
2023-03-27 08:45:00
1191
原创 使用 source-map-explorer 分析代码大小
使用 source-map-explorer 工具可以帮助你分析 JavaScript 代码的大小和依赖关系。
2023-03-25 11:30:13
1296
原创 前端走进云原生，k8s部署助力项目上云
云原生是面向云应用设计的一种全新架构理念,是充分发挥云效能的最佳实践路径,可以帮助企业构建弹性可靠、松耦合、易管理可观测的应用系统,提升关键应用的交付效率,降低系统的运维复杂度。云原生是一种文化，更是一种潮流，也是云计算的一个必然导向。...
2022-06-17 17:20:18
1375
14
原创 css实现大波浪
前言：简单的一段代码实现大波浪的效果，用css让html躁动起来。构建波浪主体<svg class="wave-container" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none"> <defs> <path id="gentle-wave" d="M..
2022-03-09 08:37:06
616
原创 纯css实现阴影跳动
能否使用 web 开发技术创建一个五颜六色的，并且足够聪明可以模拟前景颜色的阴影呢？事实证明，在只使用 CSS 的情况下，完全可以实现这种效果。在本文中，我们将研究如何实现。
2022-03-09 08:15:21
1342
1
原创 Async Await使用场景
一般我们都用await去等待一个async函数完成，不过按语法说明，await 等待的是一个表达式，这个表达式的计算结果是 Promise 对象或者其它值，所以，await后面实际可以接收普通函数调用或者直接量。
2022-03-02 16:23:42
3195
1
原创 Javascript中的async函数
async 是“异步”的简写，async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成，await 只能出现在 async 函数中。
2022-03-01 17:19:47
1307
1
原创 hook实现带有搜索功能的列表组件
带有搜索功能的列表在我们前端开发过程中是经常遇到的，那么这篇文章就来学习一下用hook是怎么实现一个带有搜索框的列表组件。
2022-01-17 08:30:00
932
原创 Hooks实现一个自定义的Modal组件
Hooks实现一个自定义的Modal组件不管你做什么样的前端项目，Modal组件肯定会使用到（没使用过的举手????♂️？）。export const useModal = (initTitle: string, initContent: string | React.ReactElement) => { const [visible, setVisible] = useState(false); const [title, setTitle] = useState(in
2022-01-16 08:30:00
889
原创 useEffect和useLayoutEffect有什么区别？
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。
2022-01-13 08:30:00
1688
1
原创 useRef 保存引用值和useImperativeHandle 透传 Ref
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。
2022-01-12 08:30:00
2570
3
原创 useContext 减少组件层级和useReducer的使用
useContext 是 React 帮你封装好的，用来处理多层级传递数据的方式，跨层级祖先组件想要给孙子组件传递数据的时候，除了一层层 props 往下透传之外，我们还可以使用 React Context API 来帮我们做这件事。
2022-01-10 08:30:00
518
原创 useState 保存组件状态和useEffect 处理副作用
React hook学习之useState 保存组件状态和useEffect 处理副作用。
2022-01-09 08:30:00
1267
原创 自定义 Hook
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。
2022-01-07 08:30:00
1315
原创 Hooks使用规则
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。
2022-01-06 08:30:00
1036
原创 使用 Effect Hook
Hooks在React 16.8版本中正式被引入。它可以让你在不用写class的条件下使用state以及其他的React特性。
2022-01-05 08:30:00
419
低代码平台，你想要的都在这里
2023-12-15
圣诞树html网页代码+音乐效果
2023-12-14
一套非常有用的简历模板资源
2023-12-14
房贷计算器工具，开箱即用
2023-12-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人