- 博客(79)
- 资源 (8)
- 收藏
- 关注
RSS订阅
原创 vue3笔记
第一章：vue3.0基础1，认识vue3.0vue3.0发布时间为2020-9-18，从项目体验上，vue3.0比起vue2.0有以下优势：打包大小减少41%初次渲染块55%，更新渲染块133%内存占比少54%2，新增内容源码重构，新增特性，重写架构。第二章：使用vue3.0创建vue3.0有两种方式：使用vue-cli和使用vitei.使用cli：vue create vue-name 选择vue3.0项目2，使用vite安装vite..
2022-05-25 20:41:50
2945
原创 typescript笔记
一：typescript介绍和环境搭建1.typescript介绍TS是属于JavaScript的超集，可以编译成纯JavaScript，TS新增了许多特性，例如数据类型、类、继承以及接口等。2，typescript环境搭建i.项目环境搭建安装node.js=>全局按照typescript：npm i -g typescriptii.编写一个ts文件并编译编写一个.ts文件=>命令行tsc b.ts=>编译成一个JavaScript文件。iii.vscode
2022-05-25 20:38:05
730
原创 react学习日记
reactreact-hello world第一个react程序hello world<body> <div id="test"></div><!--表示视图 --> <script src="./js/react.development.js"></script> <script src="./js/react-dom.development.js"></script>
2022-04-10 22:51:44
567
2
原创 uni-app学习笔记
uni-app环境以及配置开发环境使用H-builder 开发，下载app开发版本，项目使用uni-app项目。项目配置文件static文件夹用于静态资源文件存放，不会被webpack解析，因此less、sass文件不可存放在此文件夹manifest.json应用配置文件，可配置程序的权限、图标、名称等，同时可以为vue为h5设置跨域配置vue.config.jsvue项目配置文件，可配置webpack等。pages.jsonuni-app全局配置，决定了项目
2022-04-08 09:21:38
1526
原创 vue前端工程化
本文介绍的是有关于vue方面的前端工程化实践，主要通过实践操作让开发人员更好的理解整个前端工程化的流程。本文通过开发准备阶段、开发阶段和开发完成三个阶段开介绍vue前端工程化的整体过程。规范一：适用于小项目，协作人员少的项目，结构清晰明了，维护方便，弊端是协作性比较差。规范二：适用于中大型项目，协作人员多的项目，开发人员只要在自己的目录下开发即可，不相互影响，提交代码不容易发生冲突。命名规范。
2024-03-28 16:08:06
1264
1
原创 git提交规范
Git 有很多的 hooks, 让我们在不同的阶段,对代码进行不同的操作,控制提交到仓库的代码的规范性,和准确性, 以下只是几个常用的钩子git钩子描述pre-commit判断提交的代码是否符合规范commit-msg判断 commit 信息是否符合规范pre-push执行测试,避免对以前的内容造成影响husky：操作git钩子的工具：本地暂存代码检查工具commitlint：提交信息校验工具commitizen：辅助提交信息 ，全局安装后可以使用cz命令，选项式提交git。
2024-03-15 19:16:53
678
原创 项目问题以及解决方案
1，关于tab切换接口请求两次，空数据的时候保留删除数据。问题描述：一个页面，顶部是一个tab，通过切换tab来渲染对应的组件，组件有两个，按照从list接口数组项的type来判断要显示哪个。这时候会导致一系列问题：问题一：切换tab，当切换的tab的类型是同一个的时候，接口会请求两次且第一次请求使用的数据是上次请求的数据作为参数。问题二：切换tab，tab类型是同一个的时候，如果数据为空，保留了上次的数据。
2023-10-16 18:15:39
51
原创 Dart&Flutter基础学习日记
Dart语法每段语气都需要逗号隔开定义变量Dart用两种定义变量的方式，第一种明确变量类型定义，第二种通过推导类型定义通过数据类型定义变量，dart的数据类型有：数字（int/double），字符串(String)，布尔(Boolean)，列表，集合(Set)，映射(Map)，符文。一：使用变量类型定义入口函数mainvoid main(List<String> args) { int firstFlutterCode = 12; print(firstFlutterCo
2022-05-10 17:13:43
917
原创 vuex学习笔记
vuex是vue提供的一个集中式状态管理器，用于对数据的集中式管理。vuex有四个重要的属性：state、mutations、actions、getters1.vuex的使用安装npm install vuex建一个文件夹（store），新建一个index文件，文件内创建状态管理器storeimport Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);export default new Vuex.Store({
2022-04-25 16:36:15
211
原创 JavaScript之数组相关方法以及应用
1，稀疏数组稀疏数组是指数组中的某个下标未给出值或某个下标的值被删除。例如：let arrayOne=['xiaozi',,12,,true,23]let arrayTwo=[1,2,3,3,4]delete arrayTwo[1]console.log(arrayOne);console.log(arrayTwo);打印结果：未给出值或者被删除的元素的打印结果为empty，表示为空（注意不是表示为null）。打印该位置的值：console.log(arrayT.
2022-04-25 16:03:17
1664
原创 [email protected]
react-router6.0做出了一些改变路由注册将<Switch />改成了<Routes />路由引入将component改成了element新增多个hook新增组件新增routes和路由注册用法import React, { Component } from 'react'import { Link, Route, Routes } from 'react-router-dom'import PagesOne from '../pages/P
2022-04-17 02:37:18
681
1
原创 JavaScript正则表达
正则表达式是按照某种规则来处理字符串（主要是博主要啃一下正则了）1.创建正则方式一：简写var 变量 = /正则表达式/匹配模式方式二：构造函数var patt1=new RegExp(pattern, attributes);匹配模式包括：g：指定全局匹配 i：分别用于、区分大小写的匹配 m：多行匹配2.正则方法reg.test(string)：表示字符串是否符合正则表达式约束reg.exec(string)：检索字符串中指定的值。返回找到的值，并确
2022-03-21 15:13:30
1040
原创 【css3-1】选择器
1，基本选择器及其扩展1.1.基本选择器通配符选择器：* （星号）如：* { margin: 0; padding: 0; border: none; }元素选择器：元素名 如：body { background: #eee; }类选择器：.（点） .list { list-style: square; }ID选择器 ：# 如：#list { width: 500px; margin: 0 auto; }后代选择器： （空格）如：.list li { margin-top: 10...
2021-12-10 09:53:12
722
原创 【css3-2】自定义字体与字体图标
1.1.自定义字体css3提供@font-face来实现引入外部定义的字体，如下实例：@font-face { font-family:"damu"; src: url(damu/GOUDYSTO.TTF); }@font-face:允许网页开发者为其网页指定在线字体。 通过这种作者自备字体的方式，可以消除对用户电脑字体的依赖font-family所指定的字体名字将会被用于font或font-family属性 src...
2021-12-10 09:52:41
497
原创 【css3-04】过渡&变形
1，过渡transition 众所周知，css效率极高，其变化的过程往往都是在一瞬间完成，速度极快。CSS transition 提供了一种在更改CSS属性时控制动画速度的方法。 其可以让属性变化成为一个持续一段时间的过程，而不是立即生效的。比如，将一个元素的颜色从白色改为黑色，通常这个改变是立即生效的，使用 CSS transitions 后该元素的颜色将逐渐从白色变为黑色，按照一定的曲线速率变化。这个过程可以自定义简写属性transition:transitio...
2021-12-10 09:52:22
141
原创 JavaScript基础
第一章：js基础为了我们更容易理解js，首先要知道知道几个常用的测试手段：alert(...):将内容以弹出框的形式弹出。document.write(...):建内容打印到页面中。console.log(....):将内容打印到控制台上。1.1JavaScript介绍是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。虽然它是作为开发Web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令
2021-12-10 09:51:11
618
原创 【JavaScript高级05】JavaScript第二大神兽：闭包
1，闭包引入编写以下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>00_引入</title></head><body><button>测试1</button><button>测试2</button><button>测试3<
2021-12-10 09:50:08
403
原创 【css3】01-基本选择器及其扩展
1，基础选择器通配符：*（星号）元素选择器：直接使用元素作为选择器类选择器：.(点)id选择器：#属性选择器：[属性名=属性值]组合选择器：,(逗号表示的是结合符)后代选择器：空格子元素选择器（直接后代选择器）：>（大于号）值得注意的是，li标签不可嵌套一个li标签，如果嵌套，被嵌套的li标签将会从该li标签跳出来变成他的兄弟元素。<style> #id1>li{ color: blue; }</sty
2021-12-10 09:47:21
121
原创 JavaScript小技巧~将伪数组转成数组的方法
伪数组：具有数组结构但是五数组相关方法的类数组结构：方式1：Array.from()方式2：Array.prototype.slice.call();用方式1吧，好记简单
2021-09-05 00:26:38
90
原创 使用JavaScript编写vue指令v-model，v-model原理实现
首先先要知道的是v-model的作用是实现数据的双向绑定，即：数据在视图层的双向响应。实现思路主要分为两步：第一步：数据层到视图 的响应将数据响应到视图层的方式，在vue2使用的是Object.defineProperty()来实现，需要劫持到数据的变化，在数据变化的时候将其渲染到视图上：第二步：视图层到数据层的响应...
2021-09-05 00:17:32
1548
3
原创 java小技巧~修改对象的属性名
今天联调的时候，有个功能是在初始化的时候将图片路径回显到vant组件的上传组件上，但是vant组件需要图片路径名叫url，而后端返给我的路径名叫filePath，而且是双层嵌套。一个个遍历老麻烦了，下面这个方法可以提高效率：思想：将对象数组转成字符串：JSON.stringify(); 使用replaceAll全部替换， 将字符串传成对象let str = JSON.stringify(this.uploaderList);let str1 = str.replaceAll('filePa
2021-09-03 11:03:56
2103
原创 vue进阶一~数据响应式，数据响应到视图层，手写v-model，订阅发布者模式，
1，数据响应式 当数据发生改变的时候，我们立即知道数据发生改变，并做出相关的操作：发送请求，打印文字，操作DOM等。1.1，vue实现数据响应的原理 vue中使用了两种模式来实现数据响应式，分别是vue2(Object.defineProperty())，vue3(Proxy)。1.2，vue2实现数据响应：对象属性拦截Object.defineProperty()首先我们先要知道如何多一个对象进行赋值：两种方式，字面量赋值和Object.def...
2021-09-02 23:14:55
891
1
原创 VUE小知识~作用域插槽
作用域插槽可以为我们向组件内插入特定的标签，方便修改维护。组件内需要使用<slot></slot>进行插槽站位。组件标签内需要使用<template ></template>作为模板来存放需要放入组件内的标签（主要还是为了好取组件内传来的值）例如：在组件内（List.vue文件）：<template> <div v-for="item in dates" ：key="item"> &l..
2021-07-07 23:15:56
255
2
原创 JavaScript小面试~节流
节流，当用户发出多次请求时，需要对事件进行限制，不要让事件过多触发。场景：在用户浏览页面的时候，用户拼命滚动屏幕时，控制页面滚动的事件会多次触发，会导致网络阻塞或者出现渲染差。此时需要对其进行约束。无论用户如何操作，都忽视用户操作，只有当时间到了之后，监视到用户还在触发事件，才触发事件。流程：触发事件，执行任务设置时间间隔>>>>在时间间隔内触发则取消任务>>>>在时间间隔后触发事件>>>则回到第一步。我们设置点击事件，用户点击次数过
2021-07-05 22:16:28
90
原创 vue小知识~eventBus
eventBus是指在向全区暴露这个vue对象，此时在任意一个地方都可以使用vue相关的实例在main.js配置Vue.prototype.$bus=new Vue()此时整个应用都可以使用vue的实例，我们来用$on来举例；在任意的vue文件中定义方法： created() { this.$bus.$on('changeBus', function() { console.log('bus'); }); },表示
2021-07-04 23:16:08
165
1
原创 vue小知识~ref和$refs
$refs表示的是获取被ref标识的标签的DM实例。用法简单：标签上：<div ref='refName'></div>获取：this.$refs.refName就可以获取到该div的DOM实例了。例如：<template> <div> <div @click="getsss">老子</div> <sona ref='getChange'><
2021-07-04 22:46:04
208
原创 vue小知识~注入provide！
注入表示的是将该组件的相关值，方法，实例向后代组件注入。祖先元素中定义注入：export default {provide() { return { provideName: provideValue }; },}还可以是一个对象：export default {provide{ provideName: provideValue },}例如：export default { data() { re
2021-07-04 22:38:27
321
原创 vue小知识~使用$attrs和$listeners接收父组件转来的属性和方法
一般下我们子组件获取父组件传过来的的值得时候，我们是使用props来接收，但是如果我们父组件转过来的值是给孙组件使用时，使用哪个props接收的方式太过麻烦。这是vue为我们提供了一个实例$attrs，表示该组件标签上的属性实例。1，$attrs，该组件的实例标签上的属性例如一个组件在父组件中进行渲染成标签时： <sona name="小智" age="18" sex="男"></sona>怎$arrrs表示<sona/>标签上的name="小智"
2021-07-04 22:01:15
929
6
原创 vue项目坑记录：vue项目运行卡在百分之几几几
今天晚上打着游戏，同事突然叫我拉项目下来运行，我打完就去拉代码了，结果vue项目运行卡在66不动了，我也是百度一下分享别人怎么解决的文章给他，继续我的游戏！结果呢？游戏结束后，我拉代码，还是这个错！我也按照给他的文章做了一遍，还是卡着！随后就是漫长的探索找八哥~~~~~~~。换掉脚手架版本~~~卡了！！！卸载axios~~~~~~卡着！！！！删除node_modules文件夹，在install，，卡住！！！！改npm镜像！在阿里和原生镜像反复横跳~~~~~。。。。。。。。。。。。
2021-07-04 03:28:28
5574
7
原创 vue小知识：多层数据双向相应之向上派发和向下派发（$dispatch和$broadcast）
注意：这两个实例已经在vue3中弃用啦！！！（所以不详细说了，封装知道怎么用就行了，作为了解）都是在vue实例配置（main.js）向上派发：$dispatch注意，在相应后代组件中使用this.$dispatch(eventName, value);表示向上派发事件，只要其祖先元素上有该事件，都会被触发。配置main,js：Vue.prototype.$dispatch=function(eventName,value){ let parent =this.$paren
2021-07-03 00:01:07
339
2
原创 vue小知识~实现父子组件双向数据绑定
vue的数据是单向数据流动，在子组件中是不可以修改父组件的数据的，但是还是可以通过其他方式间接修改父组件的数据。案例：子组件是一个按钮组件，分别有两个按钮，一个按钮表示男，标识符为0，另一个按钮是女，标识符是1。父组件定义一个标识，用于显示子组件按钮选中后标识符。1，方式一：通过向子组件传递方法...
2021-07-01 23:14:45
613
1
原创 vue中使用xlsx导出excel文件
俗话说，前人栽树，后人乘凉，感谢强人封装好的xlsx，直接使用就可以了。这是网上找到的，也不知道原作者是不是这位博主，先贴出来吧：https://www.cnblogs.com/boylxx/p/13646793.html封装的
2021-06-14 21:48:13
1264
11
原创 vue中封装api数据层访问层
api封装的是通过封装get/post/jsonp等请求，使得页面无需直接访问后代而是调用相关方法直接获取相关的后代数据，避免过多的数据处理逻辑，将重点放在数据渲染上。1，首先zhua
2021-06-14 20:32:37
303
2
原创 解决react native打包apk文件安装好之后进入应用闪退的问题
这个是我一个前端前辈帮我弄的，自己解决的时候不行，她去官网找了相关的问题，然后发给我的。react-native android 的release安装包运行闪退，但是debug运行正常环境：0.63.3安卓集成react-native时根据官网提供的文档配置后，跳转到rn页面时闪退，或者页面不出现，可以试试下面的方法：1、下载第三方依赖：yarn add jsc-android2、在android/build.gradle 文件allprojects{}里配置maven { //
2021-06-07 09:43:48
2242
3
原创 关于导入react native项目导致运行异常的那些事
从git上导入公司的项目，在本地运行的时候，项目无法运行。sdk，jdk，node都是使用公司规定的版本，项目中的local.properties文件sdk.dir路径也换成了自己本地的目录，结果就在react-native run-Android的时候，卡着了，等了一个多小时，报错结果如下：> Task :jpush-react-native:compileDebugJavaWithJavac FAILEDDeprecated Gradle features were used in th
2021-05-23 10:37:11
1259
shiro项目基本运行架包以及全部的架包shiro-all.jar
2020-04-17
在html页面使用JavaScript实行文件上传到本地服务器并获取文件所在路径
2020-02-29
cn.yjb.demo.zip
2019-07-29
MD5实现注册登录加密
2018-12-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人