gdtown的博客

使用Vite安装并初始化Vue2 + pinia + vue-router项目

gdtown — Sat, 28 Jan 2023 15:23:45 +0800

使用 npm create vite 命令先创建项目vite cli的选择。

JS事件简介

gdtown — Thu, 28 Jul 2022 17:51:12 +0800

js的一些事件概念以及事件方法简介

Vue2中实现响应式数据

gdtown — Fri, 22 Jul 2022 21:57:50 +0800

Vue2利用Object.definedPropty() 劫持数据并获取Dom节点修改数据简易实现响应式。

JavaScript的Promise和异步函数 async-await

gdtown — Sun, 17 Jul 2022 09:40:53 +0800

promise是js的异步请求机制，再ES6时代引入官方的js文档，解决之前的回调函数引起的回调地狱

Vue中实现带token登录的逻辑——panjiacheng的模板登录逻辑

gdtown — Wed, 06 Jul 2022 22:22:37 +0800

panjiacheng 模板 vue-admin-template 的登录逻辑

Vue中子组件给父组件传参数————props和自定义事件

gdtown — Tue, 28 Jun 2022 16:03:04 +0800

VUE中 props和自定义事件的一些区别，以及自定义事件的一些用法

从进程的角度来解释输入URL后浏览器会发生什么？

gdtown — Tue, 21 Jun 2022 16:51:54 +0800

从进程角度回答浏览器输入URL

使用Element-ui和Vue 实现带数据检测的注册页面

gdtown — Fri, 17 Jun 2022 11:41:41 +0800

使用element-ui完成注册时的一系列表单验证

Vue-router的使用（超级扫盲即用版）

gdtown — Sat, 28 May 2022 21:48:07 +0800

所有操作前需要 npm install vue-router 将router库下载到项目中 1、配置路由 1.1、新建router文件夹在src文件夹下创建router文件夹，并创建index.js文件在index.js中引入router组件，因为router的显示需要多个子组件配合，也需要将子组件引入。 //index.js 文件中 import VueRouter from "vue-router" import MyAbout from '../components/MyAbout.vue'

script元素的一些属性以及HTML的渲染模式

gdtown — Sun, 08 May 2022 20:17:21 +0800

script标签主要作用是将JS插入到HTML中，可以再script标签内使用 src 属性引入外部的JS代码文件，也可以直接在标签内部写内容。在内部书写时不能出现标签，否则会被认为是结束标志。放到哪里？主要有两种放法，第一个是放到head中，但因为是单线程运行的，头部的代码和HTML body中的内容相互影响；另一种是放到标签前，这样整个页面渲染完成后再开始执行代码 &l

computed和watch

gdtown — Mon, 02 May 2022 12:16:43 +0800

引子

{{index}}--{{p.name}}--{{p.age}}

插值，v-bind，v-model的区别

gdtown — Sat, 30 Apr 2022 16:49:25 +0800

v-bind {{}} v-model 三者在使用场景上的区别

声明式编程和命令式编程的比较

gdtown — Fri, 29 Apr 2022 09:52:04 +0800

原文 :Imperative vs Declarative 作者 @Philip Roberts 先统一一下概念，我们有两种编程方式：命令式和声明式。我们可以像下面这样定义它们之间的不同：命令式编程：命令“机器”如何去做事情 (how)，这样不管你想要的是什么 (what) ，它都会按照你的命令实现。声明式编程：告诉“机器”你想要的是什么 (what)，让机器想出如何去做 (how)。声明式编程和命令式编程的代码例子举个简单的例子，假设我们想让一个数组里的数值翻倍。我们用命令式编程风格实现，

原型链和原型对象

gdtown — Tue, 29 Mar 2022 16:09:21 +0800

代码 function Fun() { this.test1 = function(){ console.log('test1'); } } Fun.prototype.test2 = function(){ console.log('test2') } let fun = new Fun(); fun.test1(); fun.test2(); console.log(fun.toString());![请添加图片描述](https://img-blog.csdnimg.cn/49303312f

JS数据类型判断

gdtown — Thu, 24 Mar 2022 11:50:37 +0800

JS的数据类型判读

为什么要语义化HTML标签和一些高频率的标签

gdtown — Tue, 22 Mar 2022 12:06:42 +0800

为什么要语义化浏览器初始时只能显示文字，为了对文字进行排版来展示逻辑性就需要标签来区分，而搜索引擎刚诞生时也需要依赖标签来抓取内容。后来css的出现以及搜索引擎的改变，不依靠语义化也可以完成整个网页的布局，且最终效果并不差也并不影响使用。甚至完全用div这种自由度很高的标签，配上css可以得到很好的效果。且目前百度的seo优化并不靠语义化标签所带来的微小差距钱给够就行。所以现在写网页时选择什么样的标签并不重要，没有对错之分。但若从专业的角度来说，语义化标签可以更方便团队其他人维护理解代码，hea

JS基本引用类型二————Boolean 、Number、String

gdtown — Sat, 12 Mar 2022 09:59:11 +0800

特殊的引用类型 JS一共有三种特殊的引用类型 Boolean、number和string 通常 //代码1 let s1 = “Here are some words”； let s2 = s1.substtring（2）； s1.color = "red"; console.log(s1.color); 这两行代码是不会执行的，因为s1是字符串变量，是没有方法的。但实际中JS在后台会这样做 //代码1.1 let s1 = new String（“Here are some words”） let s

JS基本引用类型（一）——正则表达式

gdtown — Fri, 11 Mar 2022 11:48:44 +0800

正则的一些语法和使用

JS变量的引用和复制

gdtown — Thu, 17 Feb 2022 20:43:33 +0800

JS变量的复制和函数传参

JS数据类型

gdtown — Tue, 15 Feb 2022 15:18:38 +0800

数据类型概览六种简单数据类型:Undefined、Null、Boolean、Number、String、Symbol和一种复杂类型Object（数组引用类型变量属于对象，且是JS的内置对象） JS可以使用关键字 typeof()来返回数据类型,但返回值如下: 返回字符串内容代表意义 undefined boolean string number object function symbol 数据类型的相关判断函数 Boolean() isFi