Venus熊-CSDN博客

原创 promise和flex——学习笔记

本文是自己复习的笔记内容，可能不太完整，但是我觉得可能有人会需要，哈哈哈。

2023-10-11 22:10:33 98

原创 vue3与vue2的区别

总所周知，vue是一套用于构建用户界面的渐进式框架。vue的下一代标准也就是vue3，在2019年首次被尤雨溪提出，2020年正式发布。vue3较vue2而言更快、体积更小，这是因为它的新特性一边编译一边打包。除此之外还有哪些改变和新特性呢？...

2022-01-14 16:11:21 1099

原创 v-if和v-show的区别——面试

面试的时候面试官经常会问到一个问题，你在vue中使用了哪些命令，一般都会回答的有v-if、v-for、v-show、v-model等，接着就会问到那你知道v-if和v-show有什么区别？我们知道v-if一般搭配v-else使用，用来选择dom节点是否显示或者隐藏，而v-show也面试某个元素的显示或隐藏...

2021-11-11 14:24:25 951

相信只要学过vue的基本都学过javascript和jquery，那么而jquery和vue都是基于javascript有什么区别呢？javascript：是一种脚本语言，可以用来操作赋值、取值和操作dom节点，但是操作特别复杂繁琐。jquery（dom驱动）：对原生js进行了一些封装，简化了操作，但是本质上还是需要操作dom进行赋值、取值等，页面和数据没有分离。vue（数据驱动）：是一个框架，使用MVVM模式，与前者最大的不同是视图和数据进行了分离，不必直接操作dom节点，而是vue实例vm进行绑定

2021-10-08 19:19:58 1020

原创 es5与es6中类和继承的区别

我们知道es6是es5的下一代标准，严格上指ECMAScript2015，广泛上指es6之后的所有ECMAScript，如es7,es8等，经常说的就是广泛上的es6。本文主要讲的就是两代标准中类的实现和区别。es5es5中的类就是用function生成的一个方法，通过new实例化一个对象可以使用该方法的属性。该方法也就是一个构造函数，构造函数通过prototype指向原型对象，原型对象里存放公共方法，实例化对象可以使用公共方法。function Person(name,age){ this.nam

2021-09-28 17:32:28 271

原创 CommonJS与es6模块化规范的区别

CommonJS：对于基本数据类型，属于复制。即会被模块缓存。同时，在另一个模块可以对该模块输出的变量重新赋值。对于复杂数据类型，属于浅拷贝。由于两个模块引用的对象指向同一个内存空间，因此对该模块的值做修改时会影响另一个模块。当使用require命令加载某个模块时，就会运行整个模块的代码。当使用require命令加载同一个模块时，不会再执行该模块，而是取到缓存之中的值。也就是说，CommonJS模块无论加载多少次，都只会在第一次加载时运行一次，以后再加载，就返回第一次运行的结果，除非手动清除系统缓

2021-09-26 13:18:32 129

原创 CommonJS、es6和AMD模块化机制

模块化通俗一点讲就是当需要引入某个变量或者函数之类的时，可以不用引入整个文件，只引入所需要的内容，这种操作就叫做模块化。模块化可以避免冗余，在大型项目中起到优化代码的作用。在es6中有CommonJS、es6、AMD这几种，其中CommonJS模块化和es6模块化使用更多，就详细介绍这两种。CommonJS模块化导入使用require进行导入，具体实现看下边例子let {firstName,lastName} = require('./module.js');//上面的代码等同于下面let

2021-09-26 13:14:50 158

原创 es6中的babel转码工具使用

安装babel：在vs code的终端中输入cnpm install babel-preset-latest --save-dev命令进行安装。babel-cli：执行cnpm i babel-cli -g命令。预设（转码的标准）：babel-preset-latest（最新），执行命令cnpm i babel-preset-latest -D。使用在项目中新建.babelrc文件，内容为{ "presets":"lastest"}转码命令：转码输出到控制台命令：babel

2021-09-26 12:45:27 104

原创客户端的三种存储方式：Cookies,sessionStorage,localStorage

区别：Web存储：Cookie：存储少量数据，面向服务器的，同一个服务器的cookie是共享的，最大4kbWebStorage ：sessionStorage：会话存储，选项卡选项卡关闭,会话失效 --写项目推荐使用localStorage：本地存储，存到本地磁盘中，即使浏览器关闭数据依然在Cookies存储特点：每次浏览器向服务器发送请求都需要携带cookie，一般情况下，cookie是产生于服务器端，保存于客户端，但是我们也可以通过js来产生cookie，同一服务器可以共享cook

2021-09-16 19:50:23 366

原创 javaScript的拖动事件，拖动一个图片

ondragender事件又叫拖动事件。把一个图片拖动到另外一个元素上。 <style> #div1,#div2{ border: 1px solid #aaa; width: 80px; height: 80px; margin: 10px; padding: 10px; float: left; } <

2021-09-16 19:19:01 595

原创 canvas画布绘制矩形、圆形、三角形、图像、渐变、视频等的方法

ad身份彻底

2021-09-16 18:54:58 1336

原创 Ajax的用法示例

Ajax的作用是实现页面与后台服务器之间的异步传输，下卖弄我们就来看一下具体怎么实现的。第一步创建一个xhl的实例对象var httpRequest = new XMLHttpReuest();第二步打开一个http连接httpRequest,open('get','http://203.195.240.58:8888/index/category/findAll');注意：如果有需要则设置参数var obj = { page:1, pageSize:10,}//将js字符串转换

2021-09-12 22:30:20 361

原创 BOM的简单应用

Ajax就是一种快捷创建动态网页的方式，与后台服务器进行少量的数据交换，进行异步更新，不用重载整个页面就能更新部分内容。由于javascript是一种单线程语言，我们就可以通过超时调用或者间歇调用来调度代码。超时调用：setTimeout()作用：在指定的毫秒数后（时间）执行函数参数：两个参数，要执行的函数（必须）以毫秒表示时间（可选）返回值：是一个数字，是当前setTimeout的id，可以通过这个id取消执行超时调用清除：clearTimeout()作用：取消某个超时调用参数：一个参

2021-09-12 22:09:12 110

原创 DOM的Document类型、Element类型、Text类型和Comment类型的方法

DOM：Document Object Model文档对象模型。式js中用来操作html和xml文档的api。背景：1998年10月DOM1被W3C推荐使用，大部分主流浏览器使用，不包括IE，IE中的DOM对象是以COM对象形式实现。Document类型Document：表示整个html文档属性：body：直接指向body元素head：获取html头部内容title：获取文档标题doctype：获取<!DOCTYPE>，兼容性不太强很少用URL：获取完整的URLdomain

2021-09-06 15:08:15 594

原创 js内置对象Date的方法

Date的用途广泛，也还是比较重要的，下面就是一些常用方法。var date = new Date()：获取当前日期Date()：返回日期对象中的日getDay()：返回星期几，周日返回0 ，周一至周六返回1-6。getFullYear()：返回当前年份getHours()：获取小时数getMinutes()：返回分钟数。getSeconds()：获取秒getMilliseconds():获取毫秒getMonth()：获取月份注：返回值为0-11，使用时更改getTime()：返回日

2021-09-02 16:33:29 142

原创 js内置Math对象的方法

math对象的方法还是比较多的，用途也较广。比较方法：Math.min()：返回一组数中的最小值Math.max()：返回一组数中的最大值浮点数取舍方法：Math.ceil()：向上取舍Math.floor()：向下取舍Math.round()：四舍五入随机数：Math.random()：返回0-1之间的一个随机数其他方法：abs(n)：返回n的绝对值exp(n)：返回Math.E的n次幂log(num) 返回num的自然对数pow(num,power) 返回num

2021-09-02 16:30:24 191

原创 js中String类型的包装类方法

为了方便用户使用，ECMAscript为我们提供了Number、String和Boolean三个特殊的应用类。在我们使用的时候js会在内部自动生成，让我们方便使用。String类型String类型的一些常用方法如下：length：str.length获取字符串的数量charAt(i)：返回给定位置i的字符charCodeAt(i)：返回指定位置i处的字符的Unico编码indexOf(“x”,[i])：查找指定字符x所在位置。如果字符存在返回字符位置，不存在返回-1。i 表示一个

2021-09-02 14:09:23 177

原创前端js面试题（一）

数据类型基本数据类型：Null（空）、Undefined（未定义）、Number（数值型）、Boolean（布尔型）、String（字符型）。引用数据类型：Object（对象）、Function（函数）、Array（数组）。闭包概念：闭包就是函数包裹函数优点：保护函数内变量安全，防止函数内部变量流入外部环境从而造成污染，封装函数；在内存堆中可以维持一个变量做缓存。缺点：匿名执行函数私有变量不能销毁造成内存消耗；作用域链的跨域调用使作用域链得不到释放，从而消耗内存。解决方法：使用立即执行函

2021-09-01 22:26:11 86

原创 javascript中数据在栈和堆中的存储方式

学过javascript的都知道js中的数据类型分为基本数据类型和引用数据类型，那么他们需要存储，具体是怎样存储呢？栈（stack）：会自动分配内存空间、自动释放，存放简单的数据段，占据固定的空间大小，存放基本数据类型。基本数据类型：Null、Undefined、Number、Boolean、String堆（heap）：动态分配内存空间，大小不固定不自动释放，用来存放引用数据类型。引用数据类型：Object、Function、Array先看一下图当数据生成时首先会在栈中分配一个空间，举个例子就像

2021-08-29 21:25:26 949

原创前端笔试算法题js——99乘法表、10！、水仙花数、101-200之间的素数

在很多大厂的笔试中会有算法题，在前端中由于js的重要性所以算法题肯定不会少，下面总结了几个差不多算必考的案例。打印出99乘法表写之前先捋一下思想，乘法表1-9之间肯定需要用到循环，而且因为有两个因数所以需要两个变量、需要嵌套循环语句。var k="";for(var i=1;i<=9;i++){ for(var j=1;j<=i;j++) { k = k + j + "*" + i +"=" = " "; if(j == i) { k = k

2021-08-26 20:32:06 271

原创前端三大剑客之一——javascript

前端有三要素：html、css、js。其中html主要进行布局，举个例子如果把前端看做一个洋娃娃那么html就是洋娃娃没有任何修饰的身体，css对页面进行渲染，是洋娃娃的衣服，js就是页面与后台进行交互的动作，是洋娃娃的跑、跳等动作。所以js是一个比较重要的部分，下面就来介绍一下js。js是一门编程性语言，主要是为了缓解页面用户提交无效信息对后台服务器的影响。js的三大核心组成部分：ECMAScript、DOM、BOM。ECMAScript：ECMA规定了js的标准DOM：是文本对象模型BO

2021-08-23 16:35:30 227

原创 Linux的内容以及常用命令

Linux作为一个开源免费的操作系统内核，有开放性、多用户、多任务的特点，在操作系统界有着举足轻重的作用，在IT行业使用比较广泛，就像普通百姓使用Windows和Mac一样，那么使用它就需要知道它的命令，因为IT需要的是与底层代码命令打交道不是像普通老百姓一样使用图像界面，下面就来介绍一下那些常用的命令。1.Linux的构成Linux由硬件、kernel内核、shell和文件管理几个部分构成，其中kernel内核是系统的核心，shell是内核与用户的接口，文件管理负责文件方面的管理。常见的几种shel

2021-08-19 20:04:54 96

原创 CSS中的position属性怎么使用

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2021-08-19 17:14:07 1122

Venus熊的博客