- 博客(45)
- 收藏
- 关注
RSS订阅转载 class类的基本讲解
什么是类?类的特点—重点使用class声明 ,使用时需要实例化 ,new~ 一下constructor构造器使用时,用来接受实例对象参数构造器中的this是谁？—— 指向类的实例对象定义类方法十分简洁speak() { //speak方法放在了哪里？——类的原型对象上，供实例使用 //通过Person实例调用speak时，speak中的this就是Person实例 console.log(`我叫${this.name}，我年龄是${this.age}`);}好啦~ 这样
2021-07-27 15:50:03
638
原创 服务器常用的状态码
1XXInformational信息性状态码，表示接受的请求正在处理2XXSuccess成功状态码，表示请求正常处理完毕3XXRedirection重定向状态码，表示需要客户端需要进行附加操作4XXClient Error客户端错误状态码，表示服务器无法处理请求5XXServer Error服务器错误状态码，表示服务器处理请求出错...
2021-07-13 10:30:33
281
原创 Vue3-入门 拿来吧你!
Vue3-初学入门Vue3 简介1. 了解相关信息2. 性能提升3.新增特性创建Vue3项目有两种方式1.可以使用vue-cli2.可以使用vitevue3 部分源码解析Vue3 简介1. 了解相关信息vue.js 3.0 它支持vue 2.0 的大多数特性更好的支持 TypeScript2. 性能提升减小打包的数据占用空间渲染更快速内存减少使用 Proxy 代替 defineProperty 实现数据响应式重写虚拟 DOM 的实现和 Tree-Shaking3.新增特性
2021-07-02 20:49:02
302
6
原创 TypeScript
快速入门1. TypeScript简介TypeScript是JavaScript的超集。它对JS进行了扩展，向JS中引入了类型的概念，并添加了许多新的特性。TS代码需要通过编译器编译为JS，然后再交由JS解析器执行。TS完全兼容JS，换言之，任何的JS代码都可以直接当成JS使用。相较于JS而言，TS拥有了静态类型，更加严格的语法，更强大的功能；TS可以在代码执行前就完成代码的检查，减小了运行时异常的出现的几率；TS代码可以编译为任意版本的JS代码，可有效解决不同JS运行环境的兼容问题；同样的功
2021-07-02 19:25:41
90
原创 TypeScript快速入门和面向对象
快速入门1. TypeScript简介TypeScript是JavaScript的超集。它对JS进行了扩展，向JS中引入了类型的概念，并添加了许多新的特性。TS代码需要通过编译器编译为JS，然后再交由JS解析器执行。TS完全兼容JS，换言之，任何的JS代码都可以直接当成JS使用。相较于JS而言，TS拥有了静态类型，更加严格的语法，更强大的功能；TS可以在代码执行前就完成代码的检查，减小了运行时异常的出现的几率；TS代码可以编译为任意版本的JS代码，可有效解决不同JS运行环境的兼容问题；同样的功
2021-07-01 15:33:23
235
1
原创 TypeScript学习
TypeScript学习介绍TS和JS的不同点1. 类型注解2. **变量在终端打印**3. TS中的数据类型4. Any 类型详情5. 位运算符6. 带参数函数TypeScriptJavaScript7. 可选参数和默认参数可选参数TypeScriptTS和JS的相同点1. 变量的命名规则和规范2. 空白和换行3. TypeScript 保留关键字4. 算术运算符5. 关系运算符6. 逻辑运算符7. 条件语句和循环总结:介绍通过本篇文章你可以通过了解TS和JS不同之处和相同之处来学习T
2021-06-30 20:49:02
126
原创 TypeScript初学
TypeScript教程介绍TS语言特性JavaScript 与 TypeScript 的区别区别图示TypeScript 实例NPM 安装 TypeScript什么是镜像,什么是源?总结介绍TS是什么?TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准（ES6 教程）。TypeScript 由微软开发的自由和开源的编程语言。TS可以用来做什么?TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScriptTy
2021-06-29 21:14:55
105
原创 微信小程序项目开发知识点
小程序项目开发-商品详情跳转介绍商品列表跳转url传参代码示例返回示例返回参数说明小知识点第二步:设定商品详情的js,来获取到cid的参数微信开发者工具设置总结介绍本文讲解小程序的商品详情跳转接口路径商品列表跳转要实现以上的商品详情跳转需要注意什么细节呢?url传参小程序支持url传参参数名说明query关键字cid分类idpagenum页码pagesize页容量使用的参数cid 分类id代码示例<!-
2021-06-28 20:51:29
400
2
原创 微信小程序-生命周期
微信小程序的生命周期介绍应用生命周期代码示例表格属性说明页面生命周期代码示例表格属性说明生命周期图解总结介绍微信小程序的生命周期分为应用生命周期和页面生命周期关于小程序前后台的定义和小程序的运行机制,请参考运行机制章节.运行机制应用生命周期写在全局 app.js 中代码示例App({ //1.应用第一次启动就会触发的事件 onLaunch(){ //1.应用第一次启动的时候,获取用户的个人信息 console.log("onLaunch"); }, //2. 应用被用户看到
2021-06-27 13:29:35
166
1
原创 微信小程序-自定义组件传参
微信小程序-自定义组件传参自定义组件介绍创建自定义组件声明组件编辑组件注册组件声明引⼊⾃定义组件页面中使用自定义组件定义段与示例方法微信小程序-自定义组件传参介绍流程图示小结自定义组件介绍类似于vue或者react中的自定义组件小程序允许我们使用自定义组件的方式来构建页面创建自定义组件类似于页面,一个自定义组件由json wxml js 4个文件组成的可以在微信开发者工具中快速创建组件的文件结构,如图所示在文件夹内 components/myHeader ,创建组件名为myHeade
2021-06-26 18:26:02
1560
转载 小程序自定义组件以及模板与样式
微信小程序自定义组件和组件的模板和样式自定义组件1. 介绍:2. 创建自定义组件3. 使用自定义组件4. 细节注意事项组件模板和样式1. 组件模板2. 模板数据绑定3. 组件 wxml 的 slot4. 组件样式5. 组件样式隔离6. 外部样式类7. 引用页面或父组件的样式8. 虚拟化组件节点总结自定义组件1. 介绍:开发者可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。自定义组件在使用时与基础组件非常相似。2. 创建自定
2021-06-24 21:11:59
654
原创 微信小程序组件学习(详细且简单易懂)
微信小程序组件学习简介:基础常见组件viewtexticonradioimageswiper轮播图(滑块视图容器)swiper-item注意navigator导航横向布局与纵向布局样式展示总结简介:通过本篇文章我们可以了解到微信小程序常见组件的作用以及特性基础常见组件view小程序中的view标签和我们web中的div标签很像我们可以把它理解为小程序中的div标签<view hover-class="h-class">点击我试试</view>hover-cla
2021-06-23 17:02:56
723
原创 微信小程序-模板语法-事件绑定与样式
微信小程序-模板语法和事件绑定与样式模板语法1. 数据绑定渲染2. 多种运算方式3. 列表渲染4. 条件渲染5. 注意点小程序事件的绑定样式WXSS样式导入总结介绍:本章我们可以学会如何去操作微信小程序的视图页面,以及事件的绑定和触发模板语法1. 数据绑定渲染普通写法在wxml内 <view> {{ message }} </view>在js中 Page({ data: { message: 'Hello MIN
2021-06-22 21:12:31
862
原创 微信小程序开发初学
微信小程序开发初学1. 为什么要学习微信小程序开发2. 拓展知识:还有其他的小程序,不只是微信有小程序3. 微信小程序开发的环境准备4. 创建第一个微信小程序4.1 打开微信开发者工具4.2 新建一个小程序项目4.3 填写项目的信息4.4项目创建成功5. 小程序的结构目录5.1 小程序文件结构和传统web对比5.2 基本的项目目录6. 小程序配置文件7. 全局配置app.json8. window页面配置page.json9. 注意点10. 总结简介:本篇文章我们能学习到创建微信小程序的方法以及步骤1.
2021-06-21 20:54:38
177
原创 webpack的理解以及打包的使用
webpack使用1. webpack的功能2. webpack核心概念3. webpack实践4. 打包css5. 将css打包成独立的文件当中6. 给css添加样式前缀(防止浏览器出现不兼容问题)7. 压缩css8. 打包less9. 打包HTML总结:1. webpack的功能讲多个文件合并(打包),减少HTTP请求次数,从而提高效率对代码进行编译,确保浏览器兼容性对代码进行压缩,减少文件体积,提高加载速度检测代码格式确保代码质量提供热更新服务,提高开发效率针对不同环境,提供不同的打包策
2021-06-19 20:41:49
333
原创 Webpack是什么?(webpack初学简单易理解)
Webpack5实战教程1. 什么是webpack?简介2. 学习webpack使用的环境参数node.js安装webpack安装3. 学习webpack的必备技能4. 为什么使用webpack5. 如何使用webpack6. webpack五个核心概念7. webpack初始化配置8.编译打包应用9.注意!!!10.每日总结1. 什么是webpack?简介首先,他是一个工具,就像扳手螺丝刀,等一系列工具.工具的作用就是让我们更方便,更快捷方便的完成我们想做的事webpack的作用是文件打包,
2021-06-10 21:26:38
1527
原创 Git学习最终篇(第三天)
Git存储-回退撤销-数据恢复介绍1. 分支回顾2. Git存储为什么要用到存储?(存储的介绍)Git存储指令存储的存在的意义3. Git回退撤销操作4. 数据恢复5. 什么是 GitHub？6. 远程协作基本流程介绍本篇博客首先回顾了昨天的git分支指令,然后今天学习了Git的存储以及操作失误后的回退撤销和数据恢复1. 分支回顾回顾分支操作指令:作用效果指令创建分支git branch 分支名切换分支git checkout 分支名创建&切换分
2021-06-09 21:29:11
99
原创 Git分支指令学习---切换分支的注意事项!!!(第二天 )
Git分支指令学习1. Git中三种对象的介绍a. Git对象b. 树对象c. 提交对象2. Git目录3. 高层命令1Git操作最基本的流程Git操作指令查看版本初始化配置初始化仓库C(新增)R(查询)U(修改)D(删除 & 重命名)总结git命令(CRUD)4. Git分支操作为什么要使用分支?为什么选择Git分支?创建分支切换分支删除分支切换分支注意!!!总结分支命令1. Git中三种对象的介绍a. Git对象它只是用来存放内容,无法当做一次git的版本快照因为每次在修改文件之
2021-06-08 16:36:49
508
原创 Git理解和入门学习(第一天)
Git基础入门学习1- Git简介2- 什么是版本控制？3- 为什么要使用版本控制?4- Git与SVN的区别a. 集中式(SVN)b. 分布式(Git)5- Git指令(掌握)6- Git区域7- Git底层概念基础linux命令(了解)**基础的** **linux** **命令**8- 初始化新仓库9- .git目录内文件说明1- Git简介Git 是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。Git 是 Linus Torvalds 为了帮助管理 Linux 内核开
2021-06-07 20:50:08
105
原创 登录注册-路由跳转守卫(代码和思路,附带object.keys方法讲解)
路由守卫配置登录跳转object.keys()登录注册的用户信息存储路由守卫思路总结:路由守卫代码:本篇博客主要讲解在项目中登录注册路由配置的逻辑思维object.keys()方法知识点://object.keys();方法//传入对象， 返回包含对象可枚举属性和方法的数组var obj = {'a': 'Beijing', 'b': 'Haidian'};console.log(Object.keys(obj)); //['a', 'b']//传入字符串，返回索引值var st
2021-06-06 18:35:03
247
原创 节流方法的引入与使用(瀑布流的滚动事件控制案例)
节流方法 ===> 节流器 //节流方法引入 import {throttle} from 'throttle-debounce' data(){ return { //控制加载图标的显隐 isActive: false } }, mounted(){ //参数一:设定节流触发时间 //参数二:节流绑定事件 this.a = throttle(1000,this.scroll.bind(thi
2021-06-05 21:02:30
148
原创 防抖和节流throttle-debounce(不会吧!不会吧!不会这么详细都不理解吧!)
防抖和节流什么是防抖和节流?1. 防抖理解:**防抖**举一个有趣的防抖案例:2. 节流理解:**节流**应用场景什么是防抖和节流?触发------>执行我点击按钮为触发按钮弹出一个666,为执行1. 防抖触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间理解:防抖你一直触发的事件,在你不触发后的一个设定好的时间之后去执行这个时间是固定的,当你在你设定的这个时间内重新去触发它就重新开始计时,直到你最后一次触发度过这个时间事件就会执行.举一个
2021-06-05 20:58:11
221
2
原创 created和mounted不执行的解决方法情况之一
created和mounted不执行的解决方法路由配错在路由的配置中!!!路由配错会导致页面无报错,且代码不执行…吃两次亏了在路由的配置中!!!千万不要讲routes 写成routers这种小问题,有时真的让人想切腹自尽…配置路径懒加载时component: () => import(’@/views/home/Home’)千万 !!! 不要在import和’()'之间加空格...
2021-05-31 09:15:06
1031
原创 router路由传参 - props
使用props路由传参路由传参 - props什么是代码的耦合?路由代码传参模板代码传参布尔模式对象模式函数模式路由传参 - props使用props可以降低耦合度,取代$route什么是代码的耦合?模块之间的联系紧密成度联系越紧密就是耦合度越高，这样是不好的。因为模块和模块要低耦合才对。。 高内聚、低耦合的模块是设计时追求的目标。衡量模块独立性的定性标准是内聚（一个模块内各个元素彼此结合的紧密程度）和耦合（一个软件结构内不同模块之间互连程度的度量）。路由代码传参import Abou
2021-05-28 14:16:55
1056
原创 路由跳转编程式导航
编程式导航 --- 跳转路由两种基本跳转方式路由实例路由控制页面跳转路由跳转指定页两种基本跳转方式路径跳转this.$router.push('./about/'+id);名字跳转this.$router.push({name:'about');路由实例可获取到路由信息console.log(this.$router);路由控制页面跳转路由回退this.$router.go(-1)this.$router.back()路由前进this.$router.go
2021-05-27 11:00:48
365
原创 Mongodb介绍---安装教学(配操作图示)
什么是MongoDB?百度的回答如下:Mongodb，分布式文档存储数据库，由* C++ *语言编写，旨在为WEB应用提供可扩展的高性能数据存储解决方案。MongoDB是一个高性能，开源，无模式的文档型数据库，是当前NoSql数据库中比较热门的一种。它在许多场景下可用于替代传统的关系型数据库或键/值存储方式。Mongo使用C++开发。个人理解:当我们在做一个项目的时候,我们就需要从后端请求数据.这一个过程是需要网络的,我们如果不想多次通过网络来获取到数据,我们可以先用这个文档存储数据库来把数据存
2021-05-26 00:34:20
344
原创 Vue 实例简单的一生 生命周期(易理解)
VUE 生命周期1.生命周期是什么?2.生命周期怎么用?3.生命周期在哪些地方使用?总结1.生命周期是什么?生命周期用于监听每个相应阶段vue实例的创建==>挂载==>更新==>结束销毁的每个阶段生命周期常用的共有8个阶段当Dom渲染到某一周期的时候,会进行自动调用当前周期内部的方法用我们的话来说,生命周期就是在vue的相应阶段内自动执行其内部的方法和代码严格区分大小写,注意其驼峰命名法2.生命周期怎么用?八个常用周期:beforeCreate 创建之前crea
2021-05-24 20:00:15
90
原创 VueX状态管理模式-vuex属性讲解
VueX的各个属性个人剖析它是实现组件全局状态(state数据)管理的一种机制,可以方便的实现组件之间数据的共享state 状态//接收方法:this.$store.seate.namemutation 突变;变化用于修改state内的属性值,不过要封装方法再用commit来调用//接收方法:this.$store.commit('aa','lisi')action 行动;活动用于调用异步操作//接收方法:this.$store.dispatch('addAsync');
2021-05-21 20:46:52
91
原创 vue中watch属性监听项目细节
watch监听属性案例---------<div id = "computed_props"> 千米 : <input type = "text" v-model = "kilometers"> 米 : <input type = "text" v-model = "meters"></div><p id="info"></p><script type = "text/javascript">
2021-05-21 00:09:40
173
原创 Vue项目的数据获取到渲染操作
5-18 D-bug今天美食杰项目的菜谱布局路由传参页面get到的知识在一个组件内已经有了大概的样式轮廓,我们在vue组件页面内所要做的有三步,(因为vue是由数据操作视图),所以我们首先要获取到我们的数据,其一 获取数据先要从后端写的的api文档,获取到我们所需数据的方法,引入 :: improt {getdata} from '/api文件路径'使用 ::可以在声明周期内的挂载后阶段使用,也可以在点击事件内使用,具体使用方法因情景而定(注意:某些数据在挂载后的时候还未能获取到,所以我们在使用
2021-05-19 00:02:51
5323
1
原创 控制台报错以及解决方法
今日D-BUG<el-form label-position="top" label-width="100px" class="demo-ruleForm" :rules="rules" :model='ruleForm' ref="ruleForm" > 这是正确写法<el-form label-position="top" label-width="100px" class="demo-ruleFor
2021-05-17 20:49:12
2846
原创 Vue小练习-制作简易购物车效果
Vue小练习-制作简易购物车效果上代码!!!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="st
2020-11-30 15:16:35
289
原创 Vue的类名点击切换练习-深刻理解v-for中index的应用
Vue的类名点击切换-深刻理解v-for中index的应用以及v-bind的动态绑定属性不跟它做过多的憋憋!!!上代码!!!不跟它做过多的憋憋!!!上代码!!!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2020-11-25 20:23:18
933
1
原创 什么是XML?
什么是 XML？XML 指可扩展标记语言（EXtensible Markup Language）。 XML 是一种很像HTML的标记语言。 XML 的设计宗旨是传输数据，而不是显示数据。 XML 标签没有被预定义。您需要自行定义标签。 XML 被设计为具有自我描述性。 XML 是 W3C 的推荐标准。XML 和 HTML 区别XML 不是 HTML 的替代。XML 和 HTML 为不同的目的而设计： XML 被设计用来传输和存储数据，其焦点是数据的内
2020-11-16 10:37:35
292
原创 js常用的数字方法和算数对象
常用的Number对象数字方法和Math数学对象Number.parseFloat() 将字符串转换成浮点数通常用于保留小数时的操作。Number.parseInt() 将字符串转换成整型数字通常用于保留整数的操作。通常这两种方法较为常用;Math.round()常用于四舍五入,用于取整,可和随机合并使用经典案例:var Num = 10;var suiji = Math.round(Math.random*Num);console.log('suiji');//获取0~Num之间的整数
2020-11-05 20:30:20
144
原创 JavaScript 对象-js什么是对象
JavaScript 对象JavaScript 中的所有事物都是对象对象只是一种特殊的数据。访问对象的方法创建 JavaScript 对象对象是可变的，它们是通过引用来传递的。JavaScript 中的所有事物都是对象字符串、数值、数组、函数等等.等等.JavaScript 提供多个内建对象，比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。布尔型可以是一个对象。数字型可以是一个对象。字符串也可以是一个对象日期是一个对象数学和正则表达式也是对象数组是一
2020-11-05 19:57:26
124
原创 ajax-get和post传参(超详细)
AJAX-get和post传参GET传参POST传参new XMLHttpRequest()xml.onreadystatechangexml.open()xml.setRequestHeader()xml.send()GET传参<script>var xml = new XMLHttpRequest();xml.onreadystatechange = function(){ if(xml.readyState == 200){ if(xml.status == 4){
2020-11-04 10:18:40
2612
1
原创 Object-创建对象常用的六种方法
Object-创建对象常用的六种方法话不多说,上代码!!!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>创建对象的常用的6种方法</title></head
2020-10-29 10:41:44
2169
5
原创 js-放大镜效果
纯js放大镜效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>放大镜</title></head><style> /* *{
2020-10-13 08:13:40
74
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人