- 博客(21)
- 收藏
- 关注
RSS订阅转载 Vue3快速上手
文章目录Vue3快速上手1.Vue3简介2.Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性一、创建Vue3.0工程1.使用 vue-cli 创建2.使用 vite 创建二、常用 Composition API1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理vue2.x的响应式Vue3.0的响应式5.reactive对比ref6.setup的两个注意点7.计算属性与监视1.computed函数2.watch函数3.watchE
2021-11-28 11:34:00
165
原创 git命令
1.克隆(clone)：从远程仓库URL加载创建一个与远程仓库一样的本地仓库2.提交(commit)：将暂存文件上传到本地仓库（我们在Finder中对本地仓库做修改后一般都得先提交一次，再推送）3.检出(checkout)：切换不同分支4.添加（add）：添加文件到缓存区5.移除（remove）：移除文件至缓存区6.暂存(git stash)：保存工作现场7.重置(reset)：回到最近添加(add)/提交(commit)状态8.合并(merge)：将多个同名文件合并为一个文件，该文件包含多个
2021-08-27 22:47:33
70
原创 日常笔记2021
数组方法改变原数据不改变原数据Object.keys(obj) 返回一个对象key组成的数组arr等于对象的key组成的数组const arr = Object.keys(对象)slice()截取数组或字符串var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];arr.slice(0, 3); // 从索引0开始，到索引3结束，但不包括索引3: ['A', 'B', 'C'];arr.slice(3); // 从索引3开始到结束: ['D', '
2021-08-25 00:39:37
97
原创 编程思维笔记
文章目录总结对象调用妙用链式调用返回自己 注意返回值二维数组闭包私有化变量 圣杯模式 命名空间加锁式思维先写css 系统编程思想 想法按需异步加载未知总结当你点击一个方块变大变红，再点击变黄色变小，改变的是两个状态，既然是状态就可以先写cssMath.round(Math.random()*8); //向上取整 0-1的随机数 取8个都乘8取1-8的值是不是可以0-1的值都乘8？对象调用妙用var deng = { wife1 : {name:'1'}, wife2 : {name:'
2021-08-18 05:30:55
135
原创 mongoDB
文章目录mongoDBMongoose第三方包基本使用 连接数据库创建集合 向集合插入文档向集合中插入文档的另一种方式现成的数据插入数据库增删改查查 find() findOne()删findOneAndDelete()修改更新mongoose验证集合关联案例：用户信息增删改查搭建服务器，实现客户端于服务端的通信连接数据库，创建用户集合，向集合中插入文档实现路由功能 判断请求方式地址路由实现转跳模块化实际开发mongoDB动态网站中的数据都是存储在数据库中的下载安装mongo和它的图形化界面术语d
2021-08-18 05:28:06
73
原创 node笔记
文章目录node基于chrome的v8引擎的运行环境模块化系统模块 node为错误优先绝对路径相对路径 __dirname模块 全局安装 本地安装 nodemon nrm换源开发依赖 项目依赖 命令别名网站服务器 http协议搭建基础判断不同的请求方式req.method判断不同的请求地址req.url 需用url.parse处理请求报文 响应报文 状态码 end内容类型请求参数GET请求参数POST请求参数end一些api路由静态 动态资源异步 同步的概念回调地狱async await es7异步函数
2021-08-18 05:27:20
73
原创 jQuery
文章目录杂一jQuery原理理论冲突问题二核心函数jq对象静态方法each方法遍历数组map方法遍历数组 和当前被遍历的数组trim去除字符串两端空格isWindow isArray isFunction$.holdReady(true) 暂停/恢复ready事件实例方法文档处理内部插入 append最后 prepend最前 (content) || (content|fn)外部插入 after before || insertAfter/Before || (content|fn)/(content)删除
2021-08-18 05:26:06
58
原创 Dom记事本(代码+冷门api)
文章目录冷门二级选择菜单查找最大的数日期自动变点击改变div颜色选项卡3个按钮对应3个显示框自己添加div方块运动封装函数 返回e的第n层元素节点方块加速自己写一个MyChildren功能封装hasChildren 不可用children属性返回e 的第n个兄弟元素节点封装insertAfter方法，功能类似insertBefore标签内子标签逆序计时三分钟展开关闭展开收起2.0和小说一样滚轮自动下滚加锁式思维改进小说自动滚点击改变伪元素立即执行函数解决闭包ul里面无数的li点击都能输出自身值 事件对象鼠标
2021-08-18 05:21:56
259
原创 Object.defineProperty()&利用它做数据代理
Object.defineProperty()基本用法三个参数(给那个对象添加属性 , 属性叫什么 , {配置项} )Object.defineProperty('给那个对象添加属性' , '添加的属性叫什么' , { //配置项 value:18})-----------------------------------------------------------比如 我给person加一个age = 18let person = { name: "张三", sex:
2021-08-18 05:09:13
262
原创 vue笔记
文章目录指令知识点v-model修饰符 trim number lazyv-forv-pre 不编译里面的东西v-cloak事件修饰符 .stop冒泡 .once单次 .prevent默认事件 .self只处理自己的事件 .capture.native原生事件(组件里用的)常用特性知识样式绑定常规style样式处理自定义指令常规带参数局部指令博客详细介绍自定义指令计算属性可以读写 尚硅谷阶段40vue第二节 43分侦听器过滤器 格式化数据常规局部组件化开发子组件通过自定义事件向父组件传值组件之间传值(未看)
2021-07-26 15:17:30
73
原创 express基础笔记
文章目录express第三方模块基本使用进阶拿到get请求参数req.query拿到post请求参数静态资源处理 express.static中间件 进行拦截验证登陆态promisify包装异步函数 try catch捕获错误构建模块化路由express第三方模块npm i express提供了方便简洁的路由定义方式对获取http请求参数进行了简化操作对模板引擎支持程度高，方便渲染动态html页面提供了中间件，对请求的拦截大量的第三方中间件对功能进行扩展基本使用npm i expre
2021-07-26 15:14:26
54
原创 react笔记-基础+脚手架
React应用(通过脚手架)基本使用全剧安装npm i -g create-react-app切换到你想创建项目的目录 运行create-react-app hello-react进入cd hello-react启动项目 npm startyarn start 开启开发者服务器 没有安装yarn也可以npm startyarn build 生成最终的静态文件yarn eject暴露所有的webpack配置文件(此操作不可逆)文件解读public index.html 主页面 m
2021-07-26 15:03:28
147
原创 nodeExpress跨域代码
app.all('*',function (req, res, next) { res.header('Access-Control-Allow-Origin', '*'); res.header('Access-Control-Allow-Headers', 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With'); res.header('Access-Control-Allow-Methods', 'P
2021-07-22 15:59:02
64
原创 记一次写饭店点单的小项目2021.7.20
我朋友后端接了他朋友的委托给亲戚写一个点单项目我vue写过好多项目但是因为专升本拖延了 不过写这个还是感觉挺简单 react刚刚学到路由 小程序全忘了得亏我还写过项目还是用vue写吧后端自己先写个小的const express = require("express");const app = express()app.all('*',function (req, res, next) { res.header('Access-Control-Allow-Origin', '*');
2021-07-20 23:40:04
72
2
原创 react笔记-基础
初识react是一个将数据渲染为HTML视图的开源JavaScript库React的优点采用组件化模式，声明式编码，提高开发效率及组件复用率在React Native中可以使用React语法进行移动端开发(React Native可以编写苹果安卓应用)使用虚拟dom+优秀的Diffing算法，尽量减少与真实DOM的交互，最小化页面重绘Hello Reactbabel.js用来转换js和jsx可以通过 CDN 获得 React 和 ReactDOM 的 UMD 版本。引入顺序要主意
2021-07-12 18:23:06
181
原创 电商后台管理2-主页home页
子路由的重定向const routes = [ { path: "/", redirect: "/login" }, { path: "/login", component: Login }, //懒加载 { path: "/home", component: () => import('../components/Home') , //重定向为welcome redirect:"/welcome", children:[ {
2021-06-30 21:12:19
127
原创 电商后台管理1-初始化+登陆页面
前言大学断断续续自学小一年已经做过的项目再做一遍因为一些外界因素 考试等等 一年没用碰前端 所以重做一遍复习一下vue项目初始化安装插件router创建自带elementui运行依赖router创建时自带axios开发依赖lessless-loader登录界面首先清空vue初始项目创建login页面 写进路由创建login.vue写进路由表 重定向路由表import Vue from 'vue'import VueRouter from 'vue-router'i
2021-06-26 19:12:19
204
原创 css如何让一个块级元素居中的
第一种方法{ width: 450px; height: 300px; background-color: white; border-radius: 3px; position: absolute; top: 50%; left: 50%; margin-top: calc(-300px/2); margin-left: calc(-450px/2); }第二种方法{ width: 450px; heigh
2021-06-25 17:17:30
650
原创 vue脚手架安装less和less-loader报错的解决方法
vue脚手架安装less和less-loader报错的解决方法Failed to compile../src/components/Login.vue?vue&type=style&index=0&id=ef68022e&lang=less&scoped=true& (./node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!./node_modules/vue-loader/lib/loader
2021-06-25 16:44:46
1691
原创 js内存里的栈堆，和构造函数原形的关系__proto__&prototype
首先我们需要明白什么是栈和堆 原始值 引用值(大致)stack栈 heap堆***看不动可以直接跳过***栈 比如你的口袋 放了 钥匙，水，钱包，你忘拿东西的话要是在最里面，先进去的在最里面这就是栈的结构，有低没有顶的箱子。给钥匙赋值10，在让水等于钥匙，那么水也是10，然后改谁的值都和对方没关系栈内存和栈内存是拷贝的关系(把钥匙从10变为2...
2020-03-12 02:23:02
246
原创 构造函数的底层知识
构造函数的隐式操作构造函数构造函数的前提是加new在逻辑最顶端加var this = {};空对象执行以后会在末尾隐式加一个return this; function Car(){ //此时AO里{this : {}} var this = {}; this.name = 'BMW'; //此时AO里{this : {name : 'BWM'}} ...
2020-03-07 17:06:58
194
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人