- 博客(56)
- 收藏
- 关注
原创 创建你的第一个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 4318 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 340 12
原创 vue项目实战之Layout
前言接上篇基于vue、element的项目实战,这一章节将向大家讲解一个项目中的主结构layout,也就是一个项目的导航栏和菜单栏。一、创建登录页面在 src文件夹下创建 page 文件夹,所有的页面卸载这个文件夹下,在page文件夹下创建Login.vue。...
2021-03-13 22:28:31 6364 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 3117 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 4350 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 1120 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 2933 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 785 1
原创 JavaScript的奇技淫巧
众所周之,数组项在一个数组中都有自己的位置。在JavaScript中提供了两个确定数组项位置的方法:indexOf()和lastIndexOf()。今天我们主要一起学习这两个方法是如何使用,又是如何查找出数组项在数组中的确切位置。indexOf()方法indexOf()方法从数组的开头(位置为0)开始向后查询。indexOf()方法返回指定数组项在数组中找到的第一索引值。如果通过i...
2019-03-26 20:41:50 1806 3
原创 新版微信页面底部导航问题
在移动端开发微信页面的过程中,出现这样一个问题自己定好的底部导航栏下面会多出一行微信自带的底部返回栏,影响我们原型的体验,就需要对此做出优化;首先明确问题所在通过查询发现底部返回栏的机制是:页面出现跳转的时候会出现、页面向下滚动时会做隐藏;解决问题 1. 针对上面的机制,对应两种办法去隐藏底部返回栏:使用原生JS(已知是跳转出现,那我们就对跳转进行拦截,让...
2019-03-11 15:50:15 4028
原创 前端性能优化进阶版
图片压缩、CSS Sprite、字体子集化:可以使用工具如 ImageOptim、TinyPNG、webfont-generator 等来处理图片和字体文件。
2023-03-27 08:45:00 1116 1
原创 使用 source-map-explorer 分析代码大小
使用 source-map-explorer 工具可以帮助你分析 JavaScript 代码的大小和依赖关系。
2023-03-25 11:30:13 974
原创 前端走进云原生,k8s部署助力项目上云
云原生是面向云应用设计的一种全新架构理念,是充分发挥云效能的最佳实践路径,可以帮助企业构建弹性可靠、松耦合、易管理可观测的应用系统,提升关键应用的交付效率,降低系统的运维复杂度。云原生是一种文化,更是一种潮流,也是云计算的一个必然导向。...
2022-06-17 17:20:18 1327 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 565
原创 纯css实现阴影跳动
能否使用 web 开发技术创建一个五颜六色的,并且足够聪明可以模拟前景颜色的阴影呢?事实证明,在只使用 CSS 的情况下,完全可以实现这种效果。在本文中,我们将研究如何实现。
2022-03-09 08:15:21 1295 1
原创 Async Await使用场景
一般我们都用await去等待一个async函数完成,不过按语法说明,await 等待的是一个表达式,这个表达式的计算结果是 Promise 对象或者其它值,所以,await后面实际可以接收普通函数调用或者直接量。
2022-03-02 16:23:42 3117 1
原创 Javascript中的async函数
async 是“异步”的简写,async 用于申明一个 function 是异步的,而 await 用于等待一个异步方法执行完成,await 只能出现在 async 函数中。
2022-03-01 17:19:47 1251 1
原创 hook实现带有搜索功能的列表组件
带有搜索功能的列表在我们前端开发过程中是经常遇到的,那么这篇文章就来学习一下用hook是怎么实现一个带有搜索框的列表组件。
2022-01-17 08:30:00 886
原创 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 838
原创 useEffect和useLayoutEffect有什么区别?
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。
2022-01-13 08:30:00 1656 1
原创 useRef 保存引用值和useImperativeHandle 透传 Ref
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。
2022-01-12 08:30:00 2523 3
原创 useContext 减少组件层级和useReducer的使用
useContext 是 React 帮你封装好的,用来处理多层级传递数据的方式,跨层级祖先组件想要给孙子组件传递数据的时候,除了一层层 props 往下透传之外,我们还可以使用 React Context API 来帮我们做这件事。
2022-01-10 08:30:00 498
原创 useState 保存组件状态和useEffect 处理副作用
React hook学习之useState 保存组件状态和useEffect 处理副作用。
2022-01-09 08:30:00 1218
原创 自定义 Hook
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。
2022-01-07 08:30:00 1247
原创 Hooks使用规则
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。
2022-01-06 08:30:00 999
原创 使用 Effect Hook
Hooks在React 16.8版本中正式被引入。它可以让你在不用写class的条件下使用state以及其他的React特性。
2022-01-05 08:30:00 394
原创 使用 State Hook
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。
2022-01-04 08:30:00 488
原创 React Hooks概览
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。
2022-01-03 08:30:00 536
原创 React Hooks介绍
Hooks在React 16.8版本中正式被引入。它可以让你在不用写class的条件下使用state以及其他的React特性。这个useState的新方法是我们第一个要学的Hook,但这个例子仅仅是开胃菜。如果觉得这个例子没有意义暂时先不要担心。React 16.8.0是支持Hooks的第一个发行版本。当升级的时候不要忘了把包含React DOM的整个包都升级。React Native将在下一个稳定发行版本中支持Hooks。Hooks不包含突破性变化在继续之前,我们应该知道Hoo...
2022-01-02 12:04:19 1568 5
原创 echart学习 - 折线图封装
面向过程的编程重用函数、面向对象的编程重用类、范型编程重用的是算法的源代码,而组件编程则重用特定功能完整的程序模块。
2021-11-29 18:10:53 1082 3
低代码平台,你想要的都在这里
2023-12-15
圣诞树html网页代码+音乐效果
2023-12-14
一套非常有用的简历模板资源
2023-12-14
房贷计算器工具,开箱即用
2023-12-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人