自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 pinia持久化储存

pinia 持久化储存

2023-10-13 10:46:33 84

原创 vue3创建项目及基础配置

vue3项目创建,vue-router,pinia,scss配置及使用

2023-10-09 14:59:57 1518 1

原创 小程序引入第三方组件库,以vantweapp为例

小程序引入第三方组件库,以vantweapp为例

2022-09-28 16:50:53 677 1

原创 小程序中使用iconfont

小程序使用iconfont,但没有生成font class怎么办

2022-07-19 14:53:22 611

原创 微信小程序自定义导航

微信小程序自定义导航栏

2022-07-14 16:06:12 267

原创 微信小程序定位功能

1.在app.json中配置"permission":{ "scope.userLocation":{ "desc":"你的位置信息授权" } }2.在.wxml中<map latitude="{{lat}}" longitude="{{lon}}"></map><button type="primary" bindtap="getLocation">获取位置</button><

2022-05-17 14:33:20 3174

原创 vuex的理解和使用

目录为什么使用vuex?如何使用?StateGettersMutationsActionsModules为什么使用vuex?如何使用?为什么使用vuex?1、当一个组件需要多次派发事件时为什么说?多次派发事件需要用到vuex?原因很简单,如果它多次派发事件,必然有其它组件进行接收并调用。 如果是一个组件进行接收和调用还好,但是如果两个?三个?甚至四个呢? 如果派发事件的组件只是派发一个事件,那还比较好管理,一旦进行多次派发那么维护的难度会以乘法增加2、跨组件共享数据、跨页面共享数据在开发Vue项

2021-11-12 10:21:22 561

原创 ES6——Set与Map数据结构

目录Set基本用法Set 实例的属性和方法遍历操作keys方法、 values方法、 entries方法forEach 方法遍历的应用WeakSetMapSet基本用法ES6 提供了新的数据结构Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。Set 本身是一个构造函数,用来生成 Set 数据结构。const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));for (let i of s) { con

2021-07-13 10:39:28 165

原创 vue-router的安装与使用

1、安装npm install vue-router -S2、使用在项目中新建一个router文件夹,在router文件夹下新建一个index.js文件,index.js文件配置如下:import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)

2021-07-12 14:08:40 113

原创 sass安装与使用

npm install -g node-sass -Dnpm install -g sass-loader -D其实之所以用到node-sass、是因为sass-loader的缘故。sass-loader 是将sass文件编译成css,而sass-loader又依赖于node-sass,所以需要安装node-sass-g是全局安装,-D是安装到开发依赖...

2021-07-07 15:09:50 2441

原创 使用npm安装时的-D和-S

-D表示的是开发依赖,会把包添加到package.json的devDependencies下,这些包只在做项目的时候会使用到,在项目打包上线后不依赖于这些包项目依然可以正常运行。比如:gulp/webpack等等。-S表示的是生产依赖,会把包添加到package.json的dependencies下,这些包在项目打包上线后依然需要使用项目才能正常运行,比如:axios、element-ui、vue-router等等。...

2021-07-07 14:47:40 3348

原创 eslint的安装与使用

在vue项目中使用npm安装eslint1:安装eslint2:初始化配置文件3:.eslintrc.js配置文件的解释4:rules规则(参考)5:不使用eslint6:使用过程中的错误1:安装eslint命令:npm install -g eslint-g表示全局安装如果不需要全局安装去掉-g,就只在当前项目中使用2:初始化配置文件命令:eslint --init会生成一个.eslintrc.js配置文件3:.eslintrc.js配置文件的解释module.exports = {

2021-07-06 23:32:21 3617

原创 安装vue-cli版本

查询可用版本 npm view vue-cli versions --json安装指定版本 npm install -g [email protected]以上 npm install -g @vue/cli@版本号安装最新版本 npm install -g @vue/cli-g代表全局安装查看当前版本 vue -V如果有旧版本,卸载旧版本 npm uninstall vue-cli -g...

2021-07-05 17:56:57 132

原创 开发前准备

开发前准备一、需求整理二、目录结构设置三、分析设计图,找出最外层复用的组件,单独提出来,比如header、footer这种,然后将页面目录设置出来四、安装插件一、需求整理!!!重要:查看设计图,了解哪些页面组件是可以复用的二、目录结构设置public:一般放一些比较大的图片资源src/api:放接口src/assets:放一些小一点的图片src/components:放公用组件src/views:放项目不同页面的文件夹src/util:放一些需要格式化的js文件,比如日期转化,金融的格式

2021-03-22 19:35:34 169

原创 跨域学习

跨域学习一、什么是跨域?二、怎么解决前端跨域?三种常用跨域方式CORS跨域JSONP跨域代理跨域一、什么是跨域?只有前端才存在跨域跨域是浏览器为了安全而做出的限制策略,防止其他人随意去篡改或者抓取你的数据二、怎么解决前端跨域?浏览器请求必须遵从同源策略:同域名、同端口、同协议三种常用跨域方式CORS跨域CORS跨域只需要服务器端设置,前端直接调用,是最省事的理解:前端想要访问某个网站,那必须服务器允许你去调用才行举个栗子:var url = 'https://www.easy-moc

2021-03-19 16:05:20 117

原创 使用github管理远程项目

这里有详细的github使用教程https://docs.github.com/cn/github/getting-started-with-github很多人github打开缓慢甚至打不开,看到一个博主的方法很有用https://www.cnblogs.com/dabenhou/p/13949621.html首先你得有一个github账号,这里怎么注册登录就不多说了参考网址:https://www.jianshu.com/p/0c0d8d10a1cb其次你得安装git参考网址:https:/

2021-03-18 16:46:25 95

原创 使用vue GUI创建项目

window+R,输入cmd输入vue ui后按回车调出vue GUI点击左上角,选择vue项目管理器点击创建选择你文件创建的路径,这里我创建在桌面,点击在此创建新项目填入项目名和git初始化,点击下一步预设你可以选择以前配置过的,也可以手动配置,点击下一步功能选择,下面红框内的最好都选上,当然根据自己需求来增减,我是最常用这些,点击下一步配置选择Eslint-Standard config,点击创建项目是否保存为预设,保存的话输入名字点击保存,不保存就点击不保存,..

2021-03-17 15:07:49 1085 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除