- 博客(22)
- 收藏
- 关注
RSS订阅原创 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
367
原创 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
9595
原创 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
180
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
90
原创 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
184
原创 HTML5 vedio
一、HTML5中的新属性1、autoplay属性;autoplay属性是布尔属性。其规定一旦视频就绪马上开始播放。即设置了该属性，属性将自动播放。<video controls autoplay> <source src="" type=""></video>2、controls属性；controls属性也是布尔属性。其规定浏览器应该为视频提供播放控件。当设置了该属性时，规定不存在作者设置的脚本控件。浏览器控件应包括：播放，暂停，定位，音量，全屏切换，
2020-07-23 09:45:52
559
原创 HTML5拖放、地理定位
一、HTML5拖放（Drag和Drop）1、什么是拖放？拖放是一种常见的特性，即抓取对象之后拖到另一位置。在HTML5中，拖放是标准的一部分，任何元素都可以拖放。2、设置元素为可拖放设置元素draggable属性为true：<image draggable="true">...
2020-07-16 21:56:21
274
原创 canvas总结
一、什么是canvas？HTML5 <canvas> 元素用于图形的绘制，通过脚本 (JavaScript)来完成。可以通过多种方法使用 canvas 绘制路径,矩形、圆、字符等。注：<canvas> 标签只是图形容器，必须使用脚本来绘制图形。...
2020-07-16 11:34:39
520
原创 JavaScript继承的6种方法
六种继承方法： 1. 原型链继承 2. 构造继承 3. 实例继承 4. 拷贝继承 5. 组合继承 6. 寄生组合继承
2020-07-12 00:14:07
252
原创 js事件委托、Cookie缓存、转码解码、严格模式以及异常处理
主要内容1、js事件委托；2、cookie缓存；3、转码解码4、js严格模式；5、js中异常处理（try、catch、finally）；
2020-07-11 21:07:49
451
原创 js案例——贪吃蛇
思路：1、创建地图对象：设置宽、高、颜色相关样式；2、创建蛇对象：创建蛇的初始状态，默认3小节，并设定相关宽、高、颜色相关样 式；并渲染到地图；3、创建食物：属性宽、高、颜色等相关样式并添加到地图；4、蛇移动起来：下一节移动到前一节的位置，蛇头根据方向变化，蛇的穿墙检测。当蛇头与蛇尾坐标一致时，停止结束；5、食物被吃掉，蛇加一节。设置相关样式。重新随机食物坐标并判断是否与蛇坐标重合，当一致时重新随机，生成新的食物；7、添加按键事件，来控制蛇移动的方向。8、长按方向键时，蛇加速移动js代
2020-06-25 13:57:49
214
原创 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
212
原创 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
299
原创 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
286
原创 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
612
原创 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
126
原创 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
393
原创 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
247
原创 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
101
原创 HTML总结
一．HTML1.html：即超文本标记语言。作用是描述网页的一种语言2.html特点：①不需要编译，直接有浏览器执行；②html文件是一个文本文件；③html文件必须使用html或者htm为文件后缀；④html大小写不敏感。3.基本结构：html标签 显示当前网页的所有信息；head 头标签；body显示网页主体内容；!DOCTYPE html //声明，声明当前文档为htmlhtml...
2020-04-16 18:39:10
177
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人