- 博客(20)
- 收藏
- 关注
RSS订阅原创 vue3学习之路
面临的问题：随着功能的增长，复杂组件的代码变得难以维护，Vue3 就随之而来，TypeScript 使用的越来越多，Vue3就是 TS 写的所以能够更好的支持 TypeScript在这里介绍就这么简单vue2 的绝大多数的特性 在 Vue3 都能使用，毕竟 Vue 是渐进式的响应式原理进行使用 Proxy 实现，v-model 可以传参了等等新特性到了这里我们基本都了解了 Vue3 的一些特性新的脚手架工具vite在 Vue3 仍然支持 Vue2 中的大多数特性。
2023-06-29 14:03:25
231
9原创 关于null和undefined小结
1、undefinedundefined 是“全局对象”的一个属性。也就是说，它是全局作用域的一个变量（下面展开对 undefined 变量的赋值操作）。undefined 的最初值就是原始数据类型 undefined。场景：1）定义了形参，没有传实参，显示undefined2）对象属性名不存在时，显示undefined3）函数没有写返回值，即没有写return，拿到的是undefined4）写了return，但没有赋值，拿到的是undefined2、nullnull 是一个字面量，不像 u
2022-03-22 18:44:02
1163
原创 react生命周期
componentWillMount在渲染前调用,在客户端也在服务端。componentDidMount*在第一次渲染后调用，只在客户端。之后组件已经生成了对应的DOM结构，可以通过this.getDOMNode()来进行访问。 如果你想和其他JavaScript框架一起使用，可以在这个方法中调用setTimeout, setInterval或者发送AJAX请求等操作(防止异步操作阻塞UI)。componentWillReceiveProps在组件接收到一个新的 prop (更新后)时被调用。这个
2020-09-24 08:02:59
93
原创 webpack 搭建vue项目流程
1.安装node2.打开命令行输入 npm install -g vue-cli3.vue init webpack my-vue4.各种确认（enter键）5.npm install6.npm run dev 运行7.npm run build 打包
2020-09-23 21:21:57
96
原创 vue3.0——生命周期
在组件化的框架中，比如Angular、React或Vue，都为组件定义了生命周期这个概念，每个组件实例在被创建时都要经过一系列的初始化过程，例如：需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时，在这个过程中也会运行一些叫做生命周期钩子的函数，它们提供给用户在组件的不同阶段添加自己的代码的机会。使用过Vue2.x的朋友肯定对它的生命周期钩子很熟悉了，因为在实际的开发过程中我们多多少少会用到他们，比如 created、mounted、destoryed等等。而在Vue3
2020-09-23 11:53:21
5207
原创 使用js将驼峰命名法与-命名的切换
代码展示：var name = 'helloWord'//封装成函数function getKebabCase(str){ var arr=str.split('') //使用循环遍历字符串 str=arr.map(function(item){ if(item.toUpperCase()===item){ //使用toUpperCase()方法检测当前字符是否为大写 return '-'+item.toLowerCase
2020-07-30 17:09:02
1210
原创 js实现时间戳转换时分秒时间
代码展示：var time = 1592222732var date = new Date(time * 1000)//十位需要乘1000，十三位可以直接用var nowDay = new Date()var now = `${date.getFullYear()}年${date.getMonth()+1}月${date.getDate()}日`var aaa = `${nowDay.getFullYear()}年${nowDay.getMonth()+1}月${nowDay.getDa
2020-07-30 11:51:33
2673
原创 React路由传参的三种方式
React路由传参的三种方式方式 一： 通过params 1.路由表中 <Route path=' /sort/:id ' component={Sort}></Route> 2.Link处 HTML方式 <Link to={ ' /sort/ ' + ' 2 ' } activeClassName='active'>XXXX</Li
2020-07-14 12:02:05
1094
原创 基本数据类型与引用数据类型的区别
常用的基本数据类型Number（数值类型）、String（字符串类型）、Boolean（布尔类型）、Null（空）、Undefined（未定义）常用的引用数据类型Object（对象）、Array（数组）、Function（函数）、Data基本数据类型和引用数据类型的区别1.存放的内存分配不同我们的内存分为两部分，一部分是栈内存（小），部分是堆内存（大）；1> 基本数据类型存储...
2020-04-22 19:53:22
473
原创 React学习路线
React学习路线一、关于ReactReact 是一个用于构建用户界面的 JAVASCRIPT 库，主要用于构建UI。React是Facebook开发的一套前端框架，仅仅是MVC中的V。核心思想是“封装组件”，组件封装后可以作为一个独立的实体被引入到新的组件中，这样新的组件就又是一个实体了，由于组件的实现了可复用，所以是大大减小了开发的工作量。二、React特点1. JSXJSX（Ja...
2020-01-30 14:42:22
988
原创 cmd中的目录命令与文件命令
目录操作DIR [目录名或文件名] [/S][/W][/P][/A] 列出目录 参数: /s 查找子目录/w 只显示文件名 /p 分页/a 显示隐藏文件 DIR format.exe /s查找该盘的format.exe文件并报告位置MD (MKDIR) [目录名] 创建目录 MKDIR HELLOWORLD 创建HELLOWORLD目录CD (CHDIR) [目录名] PS:可以使用相对目录...
2020-01-15 11:33:40
463
原创 React路由
1、React路由介绍1.1、单页面应用单页面得特点：只需要加载一次主页面，通过局部刷新，就可以实现跳转或者切换页面优点：加载速度快，用户体验比较好缺点：第一次加载比传统要慢一点不利seo页面相对复杂返回键1.2、安装命令在项目命令行中，执行cnpm install react-router-dom -S下载到生产环境的依赖中。在组件中通过对象的解构方式去获取到rea...
2019-12-25 14:47:52
162
原创 小案例：React中TodoList案例（实现增删查改）
实现增删查改index.html代码：<div id="root"></div> //用于接收组件传来的内容index.js代码：import React from 'react'; //引入React模块import ReactDOM from 'react-dom'; //引入react-dom模块import TodoList from './To...
2019-12-24 18:51:40
1021
原创 关于React组件的理解
1、什么是组件一个应用/版块/页面中用于实现某个局部的功能(包括html, js, css等)把这些局部功能组装到一起，就形成了组件2、如何创建组件组件分为两种，一种是函数组件，另外一种是class类组件我们首先来看一下函数组件的创建，代码如下：import React from 'react'; //引入React模块function A() { //创建函数组件 re...
2019-12-20 17:24:27
288
原创 ES6中关于Class类的知识点汇总
关于Class类的基本使用和继承一、关于类的概念及使用JavaScript 语言中，生成实例对象的传统方法是通过构造函数。下面是一个例子。function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function () { return '(' + this.x + ', ' + th...
2019-12-18 19:38:16
282
原创 小案例：js获取当前时间的前一天/后一天（昨天/明天）
首先获取当前时间，代码如下：var nowDay = new Date(); //获取当前时间由于时间不能直接进行计算，所以需要转成时间戳的形式，代码如下：var day =var toDay = nowDay.getTime(); //将当前时间转换成时间戳形式并赋值给toDay变量为了方便查看，我们封装一段函数来将时间格式转换为年/月/日的形式// 封装一个函数getToda...
2019-12-17 20:53:16
1518
原创 JavaScript简单总结
1、了解JavaScriptJavaScript是一种基于对象和事件驱动的客户端脚本语言。JavaScript是由 ECMAScript (语法) DOM(文档对象模型) BOM（浏览器对象模型）组成。2、JavaScript总结1、JavaScript的使用在页面头部（里面）或者尾部(后面);方法一：直接把js代码写在html页面中script type=“text/j...
2019-12-16 20:30:19
819
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人