- 博客(22)
- 收藏
- 关注
原创 Vue语基本指令-绑定、事件以及渲染等
一、绑定1、数据绑定代码:<template> <div id="app"> //{{}}为单项数据绑定 <h4>{{msg}}</h4> </div></template><script>export default { name: "App",//名称与div的id名称保持一致 data() { return { msg: "我是VUE", };
2020-08-06 17:05:51
310
原创 Visual Studio Code安装及环境配置
一、安装Visual Studio Code在https://code.visualstudio.com/中下载,并且安装。二、环境配置1、首先安装node.js。2、打开cmd,以管理员身份运行。在cmd中输入命令node - v,运行成功将显示node的版本。3、安装淘宝镜像。在cmd中输入指令:npm install -g cnpm --registry=https://registry.npm.taobao.org 。等待安装完成。4、语言设置。打开Visual Studio
2020-08-02 11:21:05
9411
原创 ES6基本命令和变量的解构赋值
一、基本语法1.let命令let命令类似于var,但是其所声明的变量仅在let命令所在的代码块内有效。let命令不存在声明提前,并且不允许重复声明变量。2.const命令const命令用来声明一个只读的变量。一旦声明,则值不可以改变。所以用来声明常量。二、变量的解构赋值解构:按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。1、数组的解构赋值数组解构中数组的元素是按照次序排列的,变量的取值由位置决定。let a=1;lat b=2;let c=3;可以写作:le
2020-07-30 11:47:46
144
1
原创 jQuery动画
一、基本动画1、hide和show(1)不加参数时,直接显示隐藏。(2)show([speed,[easing],[fn]]),hide([speed,[easing],[fn]])参数:speed:normal、slow和fast或者表示动画时长的毫秒数值;easing:swing和linear;fn:在动画完成时执行的函数。div class="box"></div>$("#anniu").click(function () {$(".box").hide(100
2020-07-23 15:38:54
60
原创 jQuery引入、jQuery选择器以及属性
一、jQuery的引入1、什么是jQuery?jQuery是一个轻量级的JavaScript库。2、jQuery的优点(1)拥有CSS1-CSS3所有的选择器;(2)简化了dom操作;(3)优化了事件机制。3、jQuery的引入<script src="URL"></script>其中,URL地址为jQuery库的地址。二、jQuery选择器1、基本选择器基本选择器:#id,element,class,*(1)id选择器:<div id="mydi
2020-07-23 14:15:21
139
原创 HTML5 vedio
一、HTML5中的新属性1、autoplay属性;autoplay属性是布尔属性。其规定一旦视频就绪马上开始播放。即设置了该属性,属性将自动播放。<video controls autoplay> <source src="" type=""></video>2、controls属性;controls属性也是布尔属性。其规定浏览器应该为视频提供播放控件。当设置了该属性时,规定不存在作者设置的脚本控件。浏览器控件应包括:播放,暂停,定位,音量,全屏切换,
2020-07-23 09:45:52
502
原创 HTML5拖放、地理定位
一、HTML5拖放(Drag和Drop)1、什么是拖放?拖放是一种常见的特性,即抓取对象之后拖到另一位置。在HTML5中,拖放是标准的一部分,任何元素都可以拖放。2、设置元素为可拖放设置元素draggable属性为true:<image draggable="true">...
2020-07-16 21:56:21
236
原创 canvas总结
一、什么是canvas?HTML5 <canvas> 元素用于图形的绘制,通过脚本 (JavaScript)来完成。可以通过多种方法使用 canvas 绘制路径,矩形、圆、字符等。注:<canvas> 标签只是图形容器,必须使用脚本来绘制图形。...
2020-07-16 11:34:39
326
原创 JavaScript继承的6种方法
六种继承方法: 1. 原型链继承 2. 构造继承 3. 实例继承 4. 拷贝继承 5. 组合继承 6. 寄生组合继承
2020-07-12 00:14:07
212
原创 js事件委托、Cookie缓存、转码解码、严格模式以及异常处理
主要内容1、js事件委托;2、cookie缓存;3、转码解码4、js严格模式;5、js中异常处理(try、catch、finally);
2020-07-11 21:07:49
380
原创 js案例——贪吃蛇
思路:1、创建地图对象:设置宽、高、颜色相关样式;2、创建蛇对象:创建蛇的初始状态,默认3小节,并设定相关宽、高、颜色相关样 式;并渲染到地图;3、创建食物:属性宽、高、颜色等相关样式并添加到地图;4、蛇移动起来:下一节移动到前一节的位置,蛇头根据方向变化,蛇的穿墙检测。当蛇头与蛇尾坐标一致时,停止结束;5、食物被吃掉,蛇加一节。设置相关样式。重新随机食物坐标并判断是否与蛇坐标重合,当一致时重新随机,生成新的食物;7、添加按键事件,来控制蛇移动的方向。8、长按方向键时,蛇加速移动js代
2020-06-25 13:57:49
172
原创 js正则表达式和js自定义对象
涉及知识点:1.js正则表达式;2.js this关键字;3.js自定义对象。部分内容摘自菜鸟教程一、js正则表达式1.正则表达式概念:正则表达式描述了一种字符串匹配的模式,可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。2.非打印字符:①\cx :匹配键盘的。x 的值必须为 A-Z 或 a-z 之一。②\f :匹配换页符。等价于 \x0c 和 \cL。③\n :匹配换行符。等价于 \x0a 和 \cJ。④\r :匹配回车符。等价于 \x0
2020-06-18 01:34:37
177
原创 JS基础知识总结2——JS字符串方法以及JS对象
知识点:1.JS字符串方法;2.JS的内置对象:String和Array;3.数组的方法;4.JS中常用排序;5.Math对象;6.Date对象。一、JS字符串的方法1.类型的强制转换字符串类型和数字类型相互转化①字符串类型的数字,转化为数字类型parseInt("123") //123parseInt("98.8") //98.8②待转化的值是前数字后字符串,转化出其中的数字parseInt("98¥") //98③数字类型转字符串类型var a = 123
2020-06-11 00:15:34
261
原创 BOM浏览器对象和json格式
知识点:1.window对象2.history对象3.location对象一、window对象Window 对象表示浏览器中打开的窗口。如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。1.弹框(1)alert()警告框 alert("提示!");(2)prompt 带输入框的提示框,点击确定,返回值是输入的值或者默认值var x=prompt("请输入您的价格:",1)
2020-05-26 11:34:03
249
原创 DOM知识点总结
知识点罗列:1.获取dom元素的方式2.获取dom元素后的相关操作3.dom元素创建4.dom元素事件5.dom事件的监听6.事件的执行参数7.事件冒泡与捕获一、获取dom元素的方式dom元素共有8种获取方式,其中有4种动态获取,2种静态获取,2个固有对象获取。1.4种动态获取及使用。动态获取:后期代码添加的也可以获取。(1)通过class 类名称获取元素,返回的是一个集合。 document.getElementsByClassName() (2)通过元素的name属性获取元
2020-05-21 03:53:11
549
原创 JavaScript基础总结
知识点:1.JavaScript简介;2.JavaScript基础语法;3.JavaScript函数;4.JavaScript运算符;5.JavaScript逻辑结构和循环语句。一、JavaScript简介1.js简介 JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。特点:①JavaScript 是脚本语言②JavaScript 是一种轻
2020-05-13 15:03:29
96
原创 HTML5和CSS3总结
知识点罗列1.HTML5新标签2.HTML5兼容性3.CSS3过渡4.CSS3的2D转换5.CSS3的3D转换6.CSS3弹性flex7.CSS3多列布局8.CSS3动画9.CSS3多媒体查询10.CSS3选择器总结1.HTML5的新标签(1)<canvas>新元素<canvas>标签定义图形,比如图表和其他图像。该标签基于 JavaScript...
2020-05-07 20:53:56
333
原创 CSS第二次总结
知识点罗列:1.CSS元素浮动2.CSS行元素、块元素转化3.显示与隐藏4.CSS伪类选择器5.CSS定位6.CSS盒子模型7.解决CSS盒模型塌陷问题8.checked伪类9.CSS的对齐方式10.CSS网页布局内容:7.CSS元素浮动属性:float属性值:left,right,none,inherit(继承)作用:元素浮动后会脱离文档流,不占用位置。float实...
2020-04-23 17:48:55
195
原创 CSS第一次总结
二.CSS(层叠样式表)1.CSS是写html的表现形式2.分类:行内样式、内嵌样式和外部样式3.样式结构(1)行内样式:在开始标签内添加style样式属性,如:style=”color:red;”(2)内嵌样式:在head标签中添加属性,如:style type=”text/css”样式内容/style(3)外部样式:将css样式代码写在单独的文件中。拓展名:css文件名....
2020-04-16 18:43:53
89
原创 HTML总结
一.HTML1.html:即超文本标记语言。作用是描述网页的一种语言2.html特点:①不需要编译,直接有浏览器执行;②html文件是一个文本文件;③html文件必须使用html或者htm为文件后缀;④html大小写不敏感。3.基本结构:html标签 显示当前网页的所有信息;head 头标签;body显示网页主体内容;!DOCTYPE html //声明,声明当前文档为htmlhtml...
2020-04-16 18:39:10
134
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人