- 博客(42)
- 收藏
- 关注

原创 微信小程序之初始篇
微信小程序之初始篇 微信官方团队对小程序的定义是一种全新的连接用户和服务的方式,当然微信小程序的出现更多的是巩固微信社交老大的地位,微信小程序之后诞生的支付宝小程序、快应用以及最近出现的百度智能小程序、头条小程序等,可见小程序设计出一套模板不是很难,巨头们都在抢占小程序风口,争取能在小程序的裂变效应下为自身赋能,不扯了,如果有时间还是学习一下小程序开发吧。准备工作 要说准备工作其实没有什么,我觉得只要保持一颗要学习的心态就够了。微信官方提供了微信 Web 开发者工具,可以用来开发小程序,也可以用来
2022-04-16 22:00:15
1307
原创 一周掌握React,面试官惊呆了!
学习useState、useEffect等常用Hooks的核心概念,掌握Hooks的使用场景,避免常见误区,并实践自定义Hooks,提高代码复用性。动手搭建一个React实战项目,如博客、电商网站等,学习React的调试技巧,掌握开发者工具的使用,总结项目中遇到的问题及解决方案,积累实战经验。深入讲解React中的关键概念、特性和模式,帮助你加深对React的理解,并在项目中灵活运用。了解React的历史背景、简介、优势以及与其他框架的对比,让你对React有一个整体的认识。第一天:React基础入门🎉。
2025-01-18 17:16:45
43
原创 uniapp 读,写,删本地文件
" hover-class="bg-hover-primary" @click="dataset">写入{{count}} s</view>" hover-class="bg-hover-primary" @click="deletes">删除</view>" hover-class="bg-hover-primary" @click="read">读取</view>//将会删除目录下的文件及子目录,不会删除根目录自身。//删除目录将会删除其下的所有文件及子目录 不能删除根目录,如果操作删除根目录。
2024-02-27 09:28:44
2346
1
原创 JavaScript浏览器缓存的几种方式!
每个域名端口下都会存在一份独立的 sessionStorage 数据,它是有过期时间的,当你关闭当前页面(包含浏览器选项卡)时,sessionStorage 缓存会被销毁。每个域名端口下都会存在一份独立的 localStorage 数据,它是没有过期时间的,只要你不手动清除,那么它会永远都在。cookie 是一些缓存数据,主要存储在你的电脑中。默认情况下,没有设置过期时间,当浏览器关闭时 cookie 就会被删除(关闭当前选项卡不会删除)。相当于把旧的 cookie 进行了删除,在创建新的 cookie。
2023-03-29 15:32:05
2266
原创 uniapp与NativeJs实现读取安卓本地文件
niapp与Native.js实现读取安卓本地文件;目前亲测可用于安卓设备,读取本地txt、json等文件。
2023-01-07 11:40:36
2061
原创 Ant Design of Vue a-select 不能通过 default-value 动态绑定值
Ant Design of Vue a-select 不能通过 default-value 动态绑定值
2022-12-07 17:21:21
1186
原创 uniapp(小程序)低功耗蓝牙分包发送数据
最近用uniapp开发的一个项目中用到了低功耗蓝牙,但是其中写入数据的时候不能超过20字节,所以就需要我们来进行分包操作了。
2022-12-06 16:55:38
2140
原创 react路由
react路由的基本使用1. 安装react-router-domnpm install react-router-dom --save 在入口文件index.js中引入HasRouter组件,并将要使用的到路由的组件进行包裹import {Link, Route} from 'react-router-dom'在子组件中引入Link,RouteLink用来配置路由的跳转路径to属性设置跳转的路由地址Route用来设置展示的组件component用于设置匹配的路径展示的组件
2022-04-09 13:49:16
952
原创 初始React
React的由来 因为目前市面上已有的框架不能很好的解决前端视图中所遇到的问题,所有facebook决定重新开发一套框架,这就是react诞生的原因。创建React-APP为了加速npm下载速度,先把npm设置为淘宝镜像地址。npm config set registry http://registry.npm.taobao.org/通过官方的create-react-app,找个喜欢的目录,执行:npx create-react-app react-app命令最后的react-ap
2022-04-05 17:49:45
1053
原创 javaScript 百度地图api的基本用法
首先 ,如果想调用百度地图api,你需要获取一个百度地图api的密钥。 申请密钥很简单,在百度地图api的首页就有相关链接(https://lbsyun.baidu.com/index.php),填写相关信息百度就会给你一个密钥了。接下来,就是引入百度地图的api<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=您的密钥">接下来我
2022-04-01 17:25:13
1854
原创 Echarts安装和使用教程
Echarts是什么,它是一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器,底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。Echarts安装下载echarts.minhttps://www.echartsjs.com/zh/builder.html使用在同级目录下新建一个.html文件实例首先引入Echarts:在头部通过标签直接引入(注意路径)<head>
2022-03-28 20:51:19
2386
1
原创 初涉css预处理语言 less
安装less及less-loadernpm i less less-loader -Dless-loader 用于处理编译 .less 文件,将其转为 css文件代码。使用 less-loader 的话,必须安装 less,单独一个 less-loader 是没办法正常使用的。引用less在main.jsimport less from ‘less’Vue.use(less)创建一个.vue文件引入并使用less<style lang=“less”></
2022-03-25 22:00:43
1079
原创 搭个项目玩玩 Vue3 + script setup + ts + Vite + Volar
使用 Vite 创建 vue + ts 项目执行执行,创建项目模板 $ npm init vite@latest √ Project name: ... v3_demo √ Select a framework: » vue √ Select a variant: » vue-ts Scaffolding project in C:\Users\admin\Desktop\v3_demo... Done. Now run: cd v3_demo npm insta
2022-03-21 21:51:38
325
原创 mock.js使用指南
首先什么是mock.jsMock.js (官网http://mockjs.com/)是一款模拟数据生成器,旨在帮助前端攻城师独立于后端进行开发,帮助编写单元测试。提供了以下模拟功能:mock.js特点?前后端分离,让前端攻城师独立于后端进行开发。增加单元测试的真实性通过随机数据,模拟各种场景。开发无侵入不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据。用法简单符合直觉的接口数据类型丰富支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。方便扩展支
2022-03-21 18:16:18
556
原创 vue3中setup使用
一、setup函数的特性以及作用setup函数是处于 生命周期函数 beforeCreate 和 Created 两个钩子函数之间的函数 也就说在 setup函数中是无法 使用 data 和 methods 中的数据和方法的setup函数是 Composition API(组合API)的入口在setup函数中定义的变量和方法最后都是需要 return 出去的 不然无法再模板中使用二、setup函数的注意点由于在执行 setup函数的时候,还没有执行 Created 生命周期方法,所以在 se
2022-03-16 21:25:47
2230
原创 深度理解vue路由
Vue3 路由Vue 路由允许我们通过不同的 URL 访问不同的内容 。通过 Vue 可以实现多视图的单页 Web 应用(single page web application,SPA)。Vue.js 路由需要载入 vue-router 库 。安装直接下载/CDNhttps://unpkg.com/vue-router@4NPM这里推荐淘宝镜像:npm install -g cnpm --registry=https://registry.npmmirror.com
2022-03-05 12:11:09
358
原创 vue3来啦 使用vue-cli(vue脚手架)的安装(附详细操作视频)
介绍 vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目。这篇文章将会从实操的角度,介绍整个搭建的过程。在项目的终端中输入:安装cli脚手架npm install -g @vue/cli@3.0.4 (3.0.4是版本号)创建项目vue create 项目名称然后会询问你下面的内容please pick a preset?是否使用默认的配置项Babel //一般需要 ES6转为ES5TypeScript //使用TS
2022-03-02 21:15:57
914
原创 手把手教你玩转Vue
什么是VUE Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。VUE.js的安装 先创建一个 .html 文件,然后通过如下方式引入 Vue:<script src="js/vue.js"></script
2022-02-28 20:30:23
478
1
原创 VUE3 实现ToDoList经典任务清单增强终结版
废话不都说,详情看代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
2022-02-26 15:42:46
1082
1
原创 VUE3 史上最强VUE总结来了
什么是VUE Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。VUE.js的安装 先创建一个 .html 文件,然后通过如下方式引入 Vue:<script src="js/vue.js"></script
2022-02-24 21:35:17
508
原创 史上最强解答 ES6异步神器async/await
ES6 异步神器async-awaitasync-await和Promise的关系 async-await只是为了让我们书写代码时更加流畅,增强了代码的可读性。简单来说:async-await 是建立在 promise机制之上的,并不能取代其地位。基本语法<script> async function basicDemo() { let result = await Math.random(); console.log(r
2022-02-23 18:38:45
518
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人