qq_51874203的博客

原创 html5知识点总结（一）（语义化）

目录标签语义化（html5）1.1、什么是语义化的HTML？1.2、html语义化是什么？1.3:、语义？什么是语义元素?1.4、语义HTML具有一下特性：2、为什么要做到语义化？3、语义化HTML该怎么做呢？4、写html代码时应该注意什么？ 5、html5有哪些新特性，移除了哪些元素？补充：网络爬虫，SEO，html新旧区别，SGML概念SEO：网络爬虫：html新旧区别：SGML......

原创 Vue--前言（为什么要学Vue及其特性详解）

Vue--前言（为什么要学Vue及其特性详解）

原创 Node.js详解（--模块内容详解（同步与异步，fs，url））

Node.js详解（--模块内容详解（同步与异步，fs，url））

原创 Node.js详解（--模块）

模块化：在Node.js中，一个js文件就是一个模块在Node.js中，每一行js文件夹中的js代码都是独立运行在一个函数中，而不是全局作用域，所以一个模块中的变量和函数，在其他模块中都是无法访问的。模块作用：代码逻辑分离。每一个文件都是一个模块，文件有专职，复用性更强。分类：1：核心模块：Node.js包自带的模块（http，fs，url，path）。2：自定义模块：自己实现的js代码注意：路径必须以./开头注意：尽量使用module.exports导出如果导入文件夹为路径：是否才能

原创 call和apply应用详解

ECAMScript3给Function的原型定义了两个方法，分别是Function.prototype.call和Function.prototype.apply，他们的作用一模一样，区别仅在于传参方式不同。传递参数的方式。用法上不同，主要是参数不同与apply相同，第一个参数是指定函数体内this对象的指向，后面的是需要传入被调用函数的参数call实际上是包装在apply上的语法糖。如果我们需要明确的知道函数接收多少个参数，而且想一目了然的表达形参和实参的对应关系，可以用call。......

原创 ES6快速入门（三）--拓展运算符

ES6的拓展运算符，与解构赋值

原创 HTML5标签--Canvas实例--哆啦A梦大头：

HTML5标签--Canvas实例--哆啦A梦大头：context.scale( ，);

原创 Node.js:详解（--内置模块（http，fs）

目录1:Node.js1.1:什么是node.js1.2:Node.js中的Javascript运行环境1.3:Node.js可以做什么1.4:Node.js的学习路径1.5:查看已安装的Node.js的版本号 介绍2:http模块：2.1:http总结图2.2:什么是http 模块2.3:用http创建web服务器3:fs模块3.1:fs总结图3.2:fs详解3.3:常见api3.4:同步和异步3.5：文档流首先要清楚Node不是一个Web服务器，这十分重要。它本身并不能做任何事情。它无法像Apach

原创 ES6快速入门（二）

目录5：新增字符串操作5.1：模板字符串5.2：repeat()5.3：字符串补全长度()--str.padStart() str.padEnd()5.4：包含某个字符串（之前：indexOf ，正则）:includes(),startsWith(),endsWith()6：函数新特性6.1：参数默认值6.2：引入rest参数6.3：箭头函数padStart()和padEnd()方法的使用5：新增字符串操作5.1：模板字符串：就是反引号的用法，定义比较长，复杂的字符串，可以插入变量，可以插入函数。5.2：r

原创 ES6快速入门（一）

目录1: ES61.1：ECMAScript 6.0 简介1.2：为什么要学ES6？ES6的用处是什么？2：基本语法：2.1：新特性 let与const的详细介绍，以及区别2.2. let：声明变量以及与var声明变量的区别。 2.3：const声明常量（只读变量）2.4：let声明的变量不能重复使用2.5：let声明的变量不能变量提升2.6：块状作用域(ES6)2.7：使用let声明的变量不属于顶层对象2.8：let和var的区别：3：变量的结构赋值3.1：代码实例4：for...of的基础介绍4.1：代

原创 从html，css，js，服务器部分四个维度说一下如何优化页面

HTML,CSS,JS，服务器部分优化

原创 HTML5标签--Canvas基础（2）：

HTML5标签--Canvas实际应用：1：绘制直线2：绘制五角星3：动态矩形（随机函数很重要）4：动态弧线

原创 HTML5标签--Canvas基础（1）：

canvas

原创 考题1：AJAX与Form表单提交的区别

Ajax与表单form的区别

原创 AJAX操作实例

ajax，汇率

原创 AJAX详情介绍

ajax，AJAX，同步与异步，如何跨域操作，发送请求，接受数据

原创 用Dom和js两种方法实现《手风琴》效果

手风琴

原创 js中常见对象和怎么写对象？

js中常见对象和怎么写对象？

原创 面向对象（OOP）知识点整理：

面向对象oop

原创 HTML---JS移动端触屏事件touch详解

HTML---JS移动端触屏事件touch详解

原创 HTML：实现鼠标拖拽，释放效果

第一部分body：先定义一个块标签，例如div class="drag"第二部分style：自由书写其样式，不可或缺的属性position：absolute；第三部分script：鼠标拖动元素移动，即元素的位置放上变化---坐标.var drag=document.querySelector(".drag");//获取元素//鼠标按下事件，获取起点位置信息drag.onmousedown=function(e1){ var x1=e1.clientX;//可显示出事件发生时鼠标

原创 HTML：本地存储的方法详解：

HTML:本地存储有四种方式。分别为：cookies、Storage 、Web SQL、IndexedDB。其中前端开发最常用的是Storage。下面来讲解一下他们的具体内容和区别；Cookie：构成： 名称 一个唯一确定cookie的名称 值 储存在cookie中的字符串值 域 cookie对于那个域是有效的 路径 指定域中的指定路径 失效时间 cookie何时应该被删除的时间戳 安全标志 指定后，cookie

原创 Html：简单实现弹砖块小游戏

用html与js实现简单的弹砖块小游戏(初级)用键盘的左右键控制一个板块让小球反弹，小球反弹到上面，与其相碰的砖块会消失，小球落地会重新开始游戏。弹砖块小游戏--初级第一部分body：要注意格式，父级与子级，兄弟的关系。<div class="container"> <div id="zhuan"> <!-- id砖只有管理权限，没有定位权限 --> <!-- <div c

原创 HTML：用键盘实现元素的方向移动

案例:div的方向移动body部分： <div id="ok">✈</div>style样式：自己设置大小灯样式，其中最重要的是要元素脱离文档流---不占页面位置了，其下也可以放其他元素。 #ok {position: absolute; }补absolute：它的参照物是最近使用了定位的父级，如果没有找body。此案例中div id="ok"的父级就是body。首先：我们需要知道怎样将键盘中的按键与元素/对象相联系，能控制它。这就是JS键盘事件

原创 JavaScript:Bom详解

1：什么是Bom？BOM（BrowserObjectModel）：浏览器对象模型。在浏览器中的一些操作都可以使用 BOM 的方法进行编程处理。比如：刷新浏览器、前进、后退、在地址栏输入 URL 等。2： BOM 的顶级对象是：window，当调用window下的属性和方法时，可以省略window。...

原创 JavaScript：Dom详解

JavaScript由三部分组成：JavaScript概述:是一种嵌在网页中的脚本语言。包括三部分:ECMAScript、DOM、BOMDom详解-1:什么是Dom？文档对象模型( Document Object Model ,简称DOM) , 是W3C组织推荐的处理可扩展标记语言( HTML或者XML)的标准编程接口。...

原创 用html，script和dom知识实现电子倒计时

script

原创 html：用script实现搜索框

搜索框

原创 html：button + script 侧边栏-实现正序和倒序

1：body部分 <button onclick="zf()">正序/倒序</button>//侧边栏 <aside> <ul></ul></aside> 2：script部分//数据源 var arr = ["盒模型","浮动","定位","表单","响应式","弹性盒子","特效","动画","less/sass","网格","ES5"]; // 获取ul var ul =do

原创 html：时钟 ＜script＞

1:时钟构造：背景，表盘，指针(时针，分针，秒针），数字。2：body：一个div，class=clock{p便签嵌套span标签写上1~12的数字p标签是为了位置，span标签是为了数字的显示，能正过来例： <p><span>1</span></p>三个div，class分别为="hour","minute","second"。 <div id="hour"></div> <div id="m

原创 html--电子闹钟

1：在body中打个稿，样式在css中写就行//YYYY/MM/DD hh:mm:ss2：script中获取时间

原创 怎么把cities.js导入的html的script中

<scriptsrc="cities.js">varcities=[{"id":1,"nm":"北京","py":"beijing"},{"id":10,"nm":"上海","py":"shanghai"},{</script><script>varmyCity={}//判断数组格式...

原创 动画-旋转阴影

在style中用@keyframes 来规定元素的动画动作，是一种创建动画的css规则。使用方法:keyframe规则由关键字“@keyframe”组成语法为:@keyframes 动画名{keyframes-selector{css-styles;}}。案例解析：当白色图像旋转中，每次落地，落地角都会收缩一下，阴影会发大缩小。注意：落地角收缩，另外三个角并没有收缩，所以要四个属性都心需要写上。主要代码如下：12.5%{top:100px;border-bottom-right-radiu

原创 弹性盒模型--属性、值、案例整理.

弹性盒模型帮助我们更好的处理元素的分配，如居中显示，多个块元素水平居中等，不用在左浮动，右浮动，计算间距等，弹性盒模型能更加简单快速的将元素按我们的需求分配，但是大的网页，复杂的网页设计不推荐使用，会影响大布局，推荐用于小型的，和顶部导航，底部导航简单的那种。如： display: flex;/* 换行 /flex-wrap: wrap;/ 两端对齐，中间空着 */justify-content: space-between;...

原创 html5新标签详解

原创 定位position属性详解

#position定位详解##absolute/relative/fixed###left/right/top/bottom

原创 表单标签——input标签的常用属性(name；value；placeholder；method；action；type；checked)详解

Input标签属性1.name:关键词；作用域　　2.type=" text (文本框)/submit (提交按钮)/password (密码域)/　　radio (单选框)/checkbox (复选框)/button (普通按钮)　　reset (重置按钮)/hidden (隐藏域)/ image (图片提交按钮)　　file (文件域) "3.value 表单元素的值　　4checked 默认选中 (单选框和复选框)　　5.placeholder：提示文本　　6.action：

原创 HTML元素居中的三种方法

HTML元素居中方法

原创 HTML浮动介绍，基础学习，使网页更加美观。

html浮动float详解，做好网页

原创 HTML怎么设置超链接点击前后和悬浮时的变化？设置超链接方法总结

HTML超链接蓝色不美观，这里教你一分钟学会美化超链接。