自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 资源 (2)
  • 收藏
  • 关注

原创 Vue-Cli3创建项目

Vue-Cli3详细简绍脚手架创建项目

2021-12-16 14:42:02 641

翻译 【无标题】

webpack入门级教学这个是一个很好的入门级webpack教学(自己收藏)

2021-12-09 14:26:07 54

原创 Dom获取元素

DOM小明:什么是Dom?小花:文档对象模型(Document Object Model)(官方回答)????:Dom操作,可以说是"元素操作"下面我们就简绍几个常用的:获取元素getElementById()通过元素的 id 名称来获取元素语法:document.getElementById("id名")例子:<p id="demo">哈哈哈哈哈哈哈哈哈</p> <script> var a=document.getElementB

2021-04-18 18:50:12 53

原创 2021-04-17

javaScript变量与常量var a = 10 ;数据类型基本数据类型引用数据类型变量与常量var a = 10 ; var 是声明符; a 是变量名; = 是赋值符; 10 是`在这里插入代码片`值(也叫字面量 后面会说到); ` // 在script标签中写入下面代码 var a = 10; document.write(a);` 输出结果: 10; 当然一个var可以声明多

2021-04-18 17:50:58 50

原创 javaScript原生随机验证码

javaScript原生随机验证码运用到了Math(算数)对象验证码代码:<body> <p id="demo">点击获取随机验证码</p><button onclick="butt()">按钮</button> <script> //点击事件 function butt(){ var str='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMN'; var arr

2021-04-18 17:42:53 70

原创 时间对象

时间对象语法:var 日期对象名 = new Date();Date对象的方法主要分为两大类:getXxx() 用于获取时间setXxx()用于设置时间获取年、月、日var d=new Date();var myYear = d.getFullYear();console.log(myYear);//2021设置年、月、日var d = new Date(); d.setFullYear(2099,01,02); console.log(d);小案例:获取当前

2021-04-18 17:15:50 37

原创 数组

数组简单的来说数组就是可以保存多个值创建数组使用new关键字来创建一个数组。创建数组有两种形式:完整形式 和简写形式(又叫语法糖)语法完整写法var 数组名 = new Array(元素1,元素2,....);简写写法var 数组名 =[元素1,元素2,....]例子: var a =new Array('Tog',18) var a=['Tog',18] console.log(a);获取数组中的数据 上面的例子表示 创建了一个名叫 a 的数组; 想要获取数

2021-04-18 13:57:56 50

原创 字符串对象

符串对象自定义对象内置对象获取字符串长度语法字符串名.length例子:var a = 'How are you';console.log(a.length)//输出11/*这时有人会想说:咦,只有9个字符为啥会输出11个,因为空格本身也是作为一个字符来处理的*/大小写转换语法字符串名.toLowerCase()字符串名.toUpperCase()例子:var a = 'Hello Big Dog';var b =a.toLowerCase();var c =

2021-04-18 11:17:11 90

原创 JavaScript函数,全局变量和局部变量等等

函数在JavaScript中要使用函数,通俗来讲就两步1. 定义函数2. 调用函数语法://多个参数之间要用 , 隔开function 函数名(参数1,参数2){/*参数分为形参和实参;定义函数里面的参数为形参,调用函数的时候里面的参数是实参*/}直接上例子://定义函数function fun(a,b){var c = a+b;document.write(c)}//调用函数fun(1,2);//输出的结果是3有return的参数想要在函数外使用函数内的变量,就

2021-04-17 18:59:10 249

原创 条件循环语句

条件循环语句if语句如果条件为 true,执行{}里面的程序;条件为false时,会直接跳过{}里面的程序if(条件){......}例子:var a = 20;if(a>10){alert('giao')}if(条件){…}else{} 语句如果条件为 true,执行{}里面的程序;条件为false时,会执行else{}里面的程序var a = 200;var b = 300;if(a>b){document.write('条件为真 ')}else{docum

2021-04-17 16:11:49 246

原创 javascript数据转换类型

javaScript 数据类型转换1. 转换为Number数字类型 有两种转换方法: 1.parseInt();只提取整数部分 2.parseFloat();不论整数小数都可以提取 3.Number(); 列如: var a = 123.23; b = parseInt(a); //123 b = parseFloat(a); //123.23 b= Number(a);//123.23 console.log(b); 2.转换为字符

2021-04-17 12:17:42 67

原创 webpack安装

webpack全局安装在vscode新建一个文件夹,选中这个文件夹右键点击 在集成终端打开1.先初始化 npm init2.下包 webpack_text3.一直按回车键4.npm i webpack webpack-cli -g当报下面的错误时:npm ERR! code ENOTFOUND.npm.taobao.orgnpm ERR! network This is a problem related to network connectivity.npm ERR! netw

2020-11-29 19:59:56 121

原创 当创建vue-CLI的时候报错,解决问题

当创建vue-CLI的时候报错,解决问题1.在终端输入vue init webpack XXX(项目的名称)如果报这个错误:vue-cli · Failed to download repo vuejs-templates/webpack: getaddrinfo ENOTFOUND github.com2.则需要执行三个命令检查环境: 1.1 node -v 2.1 vue -v (没有显示版本,npm i vue-cli -g) 3.1 webpack-v(需要重新

2020-11-28 12:44:05 1550

原创 vue-CLI(脚手架)创建vue项目

vue-CLI(脚手架)创建vue项目二、使用步骤在终端输入 ,按下面的顺序输入*:1.vue create my-project(项目名称)//一共有三个选择,选择下面2.Manually select features //手动选择3.Sass/SCSS (with dart-sass) (进行实时编译)4.选择N5.运行程序用 npm run serve这是第三步,会看见下面的选择:1.控制键盘的上下方向键进行移动2.想要选取,可以按空格键进行选择说明:Babel.

2020-11-25 21:59:07 70

仿星巴克页面(响应式布局)

因为越来越多的智能移动设备( mobile, tablet device )加入到互联网中来,移动互联网不再是独立的小网络了,而是成为了 Internet 的重要组成部分。响应式网络设计 ( RWD / AWD)的出现,目的是为移动设备提供更好的体验,并且整合从桌面到手机的各种屏幕尺寸和分辨率,用技术来使网页适应从小到大(现在到超大)的不同分辨率的屏幕

2020-11-25

仿星巴克页面(响应式布局)

因为越来越多的智能移动设备( mobile, tablet device )加入到互联网中来,移动互联网不再是独立的小网络了,而是成为了 Internet 的重要组成部分。响应式网络设计 ( RWD / AWD)的出现,目的是为移动设备提供更好的体验,并且整合从桌面到手机的各种屏幕尺寸和分辨率,用技术来使网页适应从小到大(现在到超大)的不同分辨率的屏幕

2020-11-25

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除