- 博客(58)
- 收藏
- 关注
RSS订阅原创 router
router 路由应为vue是单页应用不会有那么多html 让我们跳转 所有要使用路由做页面的跳转Vue 路由允许我们通过不同的 URL 访问不同的内容。通过 Vue 可以实现多视图的单页Web应用。
2022-12-20 07:40:56
972
原创 Pinia
前言 全局状态管理工具Pinia.js 有如下特点：完整的 ts 的支持；足够轻量，压缩后的体积只有1kb左右;去除 mutations，只有 state，getters，actions；actions 支持同步和异步；代码扁平化没有模块嵌套，只有 store 的概念，store 之间可以自由使用，每一个store都是独立的无需手动添加 store，store 一旦创建便会自动添加；支持Vue3 和 Vue2官方文档Pinia。
2022-12-16 12:36:58
91
原创 vue3 + vite
端口控制 + 跨域在vite.config.js文件中import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'import path from 'path';// https://vitejs.dev/config/export default defineConfig({ plugins: [vue()], base: "./",//打包路径 resolve: { alias: {
2022-04-26 16:10:21
7243
原创 uniapp request文件设置
方法一：request.js文件export default function({url,data,method}) { return new Promise((resolve, reject) => { uni.request({ url, data, method, header:{ Authorization:store.getters.getToken }, success: (res) => { resolve(res)
2022-04-21 10:56:03
717
原创 uniapp功能实现
1.登录获取手机号// body中写入这个按钮<button class="con_text" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">手机号：***</button>// script的methods中写这个函数，获得code值，然后将code返回给后端，// 后端会结合access_token + code得到手机号信息（phone_info）getPhoneNumber(e) { co
2022-04-20 09:45:37
1801
原创 uniapp pages.json文件配置
{ "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "navigationBarTitleText": "九聚财务", "navigationStyle": "custom", // 自定义头部导航栏 "enablePullDownRe
2022-04-19 18:48:06
2016
1
原创 TypeScript学习
1、ts的文件中如果直接写js语法的代码，那么在html文件中直接引入ts文件，在谷歌的浏览器中是可以直接使用的2、如果ts文件中有了ts的语法代码，那么就需要把这个ts文件编译成js代码，再将js代码引入html文件中tsc 'ts文件路径'3、ts文件中的函数的形参如果使用某个类型进行修饰，那么在最终编译的js文件中是没有这个类型的 function sayHi(str:string){}4、ts文件中的变量使用的是let进行修饰，编译的js文件修饰符就变成var了ts自动编译（将ts
2022-04-06 13:16:25
954
原创 ECharts常用常用图表样式
ECharts 饼图 默认高亮 var chartDom = document.getElementById("main"); var myChart = echarts.init(chartDom); var option; option = { color: ["#3BCED0", "#37D0B8"], series: [ { type: "pie", da
2022-03-25 10:04:23
1883
原创 剩余天数计算
let dateDiff = new Date(this.endTime).getTime() - new Date(this.startTime).getTime(); //时间差的毫秒数 if (dateDiff <= 0) { // "结束时间必须大于开始时间"; // this.leaevDate = ""; // this.dateEnd = ""; return; } console.log(dateDif
2022-03-04 16:24:16
902
原创 uni-app语音转文字（百度篇）
<template> <view class="content"> <image class="logo" src="/static/logo.png"></image> <view class="text-area"> <button type="default" @click="aaa"> 打开相册</button> <button @touchstart="startRecord" @to.
2022-02-20 17:47:02
5134
1
原创 flex多行布局
// 多行布局父类:{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-around;>.子类{ flex: 0 0 30%; }}
2022-02-16 12:39:45
815
原创 vue安装
安装vue cteate 名字element UInpm安装引入css样式：import ‘element-ui/lib/theme-chalk/index.css’;less预处理器cnpm i [email protected] [email protected] --save-dev
2022-02-12 11:13:58
242
原创 前端表单网站
Example： https://echarts.apache.org/examples/zh/index.htmlHighcharts：https://www.highcharts.com.cn/demo/highcharts
2022-02-10 12:17:08
261
原创 uni-app小程序连接后台
Vuex仓库Vue.use(Vuex)import {auth} from '../api/index.js'export default new Vuex.Store({ state:{ token:null, userinfo:{ nickName:'', avatar:'' } }, getters:{ getToken(state){ if(state.token){ return state.token } return uni
2022-01-22 14:33:54
2626
原创 阿里巴巴矢量图库利用svg代码修改颜色
<svg t="1638849977291" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5185" ...
2021-12-07 12:11:39
1039
原创 React基础
React基础react中创建组件可以选用JSX语法环境要求node > 8.1 npm > 5.6环境搭建npx create-react-app 名字创建完项目之后，整理项目目录index.js为入口文件react文件引入react框架可以做web端程序 — web网站app程序 — react-native框架import React from 'react' --- 必须的import ReactDom from 'react - dom' --- r
2021-11-19 14:03:15
690
原创 前端面试题汇总
如何改变this指向？callapplybind() - apply():需要封装为数组[ ]，传递实参值 - call():不需要数组，直接传递实参值如何实现三个盒子同行三等分显示？flex（弹性盒子）float（浮动）三个盒子都定位左右两个盒子定位中间的盒子居中？？如何实现一个旋转动画停留在最后一帧？？？？说说你了解的数组遍历的方法？for循环for infor offorEachmap*filter*r..
2021-11-17 21:08:20
2402
原创 微信小程序
微信小程序入门什么是微信小程序？小程序可以视为只能用微信打开和浏览的网站，小程序页面本质上就是网页微信小程序的缺点项目体积不能超过20MB微信小程序的优势微信 App 的功能（比如拍照、扫描、支付等等），小程序大部分都能使用环境搭建流程微信公众平台注册上注册开发者账号，得到APPID和APPSecret下载微信开发工具，创建项目时填写自己的APPID小程序的WXML 标签语言<view>标签表示一个区块，用于跟其他区块分隔, 类似 HTML的标签<text
2021-11-01 20:58:49
1834
原创 Vue 3
Vue3npm init viteVite与Webpackwebpack打包是递归依赖,构建AST抽象语法树,再把抽象语法树转成浏览器可识别的代码Vite通过劫持浏览器请求,将文件进行分解和整合，无需打包编译，速度很快。webpack使用NodeJS实现，Vite使用Go语言编写的esbuild预构建依赖，速度快至少10倍。webpack生态更加强大，插件丰富，Vite伴随Vue3刚刚诞生，还需要沉淀和版本迭代。main.js发生的变化import { createApp } from
2021-10-27 20:54:30
178
原创 Vue-Router
Vue-Routernpm i vue-router --save (如果上线以后还需要使用该模块加 --dev)作用：实现单页面鞥带组件之间的跳转效果配置：创建独立的Router文件夹，并在文件夹下创建index文件import Vue from ‘vue’import Router from ‘vue-router’Vue.use(Router) // 配置Vue - Routerconst router = new Router({ 路由匹配规则代码 })export
2021-10-25 09:36:38
191
原创 Axios
Axios特点：支持客户端和服务端使用、不支持JSONP、支持拦截器、支持Promise语法安装：cnpm i axios —save配置：//main.jsimport axios from 'axios';//挂载到Vue的原型上Vue.prototype.$axios = axios;使用：mounted(){//ajax数据请求通常放在mounted钩子函数里this.$axios({url:'请求地址',method:'请求方式',params:{GE
2021-10-21 20:50:32
88
原创 VUE学习
Vue（2.6版本）渐进式框架（主张最少）安装官网：https://cn.vuejs.org/开发版：Vue组件特点组件式开发【组件相当于零件，页面功能由多个零件开发】SPA单页面应用程序渐进式开发【主张最少】（用多少功能就安装多少模块，所以很轻量化）声明式编码，让编码人员无序操作DOM，提高开发效率Vue的缺点不利于SEO【页面上的所有内容都是通过JS动态渲染的，页面查看源代码看不到HTML代码】如何解决Vue不利于SEO的问题SSR【服务端渲染】：在服务端提
2021-10-16 17:14:37
535
原创 跨域问题
同源策略协议名、域名、端口 三者都保持一致跨域协议名、域名、端口 只要有一个不一致就算跨域跨域什么时候会失败？Ajax请求时会失败普通的html标签不会失败（例如：、、如何解决跨域失败问题？主流：JSONPCORS【跨域资源共享】Nginx【应用服务器】前端的代码被后端包起来、html标签JSONP// 前端 <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.js"></
2021-10-16 16:08:40
60
原创 三阶段整理
day01 - JS高级语法（一）01 - 全局变量_局部变量定义：定义在function外部的变量：全局变量定义在function内部的变量：局部变量定义在function内部，但没有var的变量也是，适合公用的变量使用场景全局：很少，一直常驻内存中不易销毁，容易出现命名冲突，适合公用的变量局部：函数执行完毕02 - 作用域链 var point = 30; function play() { //就近原则：从内部开
2021-10-13 20:30:04
3083
原创 mongoDB数据库 与 Moogoose
数据库（DataBase）传统数据库(关系型数据库)：MySQL、SQL Server、Oracle非关系型数据库：MongoDB、Radis、MemoryCache非关系型数据库应用场景日志管理无关联的数据信息数据量特别大传统数据库层次结构Database => Table => RowMongoDB数据库层级结构常用的命令打开CMD输入：mongo 回车show dbs查看所有数据库名称列表（show：显示）use 数据库名切换到指定的数
2021-09-28 20:40:42
232
原创 Express
Express：NodeJS最有名的框架（老牌）Koa/Koa2：更简洁（新秀）[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nVqkMrLm-1632793446546)(C:\Users\lenovo\Desktop\Express脚手架.png)]set DEBUG=express:* & npm startpost：req.body.XXXget：req.query.XXX页面刷新：location.reload();注：回退操作页面刷新不起作用
2021-09-28 09:44:43
79
原创 HTTP模块
继续Path模块path.joinpath.join([path1], [path2], […])将多个参数值字符串结合成一个路径字符串path.resolvepath.resolve([path1], [path2], […])把一个路径或路径片段的序列解析为一个绝对路径，类似cd命令join和resolve的对比 var path = require("path"); path.join('/a', '/b') // Outputs '\a\b' path.reso
2021-09-23 21:44:06
119
原创 Node
有时间学习一下：NginxNode线程与进程Node是什么？JavaScript的运行环境特点：没有独立语言，本身采用JS语言编写，基于Chrome的V8引擎进行解析不需要运行服务器，可以直接创建HTTP服务单线程非阻塞IO （Input Output）事件驱动适合干嘛？适合计算Node模块化（CMD:同步）分支：异步、同步exports：出口 require：需要语法： 导出：module.exports={变量名,成员名···} // 推荐或exp
2021-09-22 20:45:49
77
原创 Git相关
git进入盘符：cd /盘号ls：列出当前所有的文件与文件夹rm 文件夹/文件：删除mkdir 文件夹名：创建文件夹touch 文件名：创建文件clear：清屏pwdcat 文件名：预览文件内容pwd ：查看当前路径git config user.name ：查看当前用户名git config user.email ：查看当前邮箱get init：初始化Git仓库vim 文件名：进入内置编辑器i：切换到编辑模式esc：退出编辑模式
2021-09-17 20:31:47
74
原创 数组扁平化
// 数组扁平化 let arr = [1, 2, [3, 4, 5, [6, 7], 8], 9, 10, [11, [12, 13]]]; // 方式一 flat(参数) 参数：深度 Infinity：正无穷大 console.log(arr.flat(Infinity)); // 方式二 效果：每次都创建一个数组：[total + value] function array(arr) { return.
2021-09-14 20:57:19
69
原创 js补充
补充trim() 方法用于删除字符串的头尾空白符，空白符包括：空格、制表符 tab、换行符等其他空白符等。trim() 方法不会改变原始字符串。trim() 方法不适用于 null, undefined, Number 类型。split() 方法用于把一个字符串分割成字符串数组setDate() 方法用于设置一个月的某一天。getDate() 方法可返回月份的某一天。Date.now() 方法返回自 1970 年 1 月 1 日 00:00:00 (UTC) 到当前时间的毫秒数。获
2021-09-14 20:54:06
68
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人