script
文章平均质量分 64
新手小白web
正式学习web中
展开
-
call和apply应用详解
ECAMScript3给Function的原型定义了两个方法,分别是Function.prototype.call和Function.prototype.apply,他们的作用一模一样,区别仅在于传参方式不同。传递参数的方式。用法上不同,主要是参数不同与apply相同,第一个参数是指定函数体内this对象的指向,后面的是需要传入被调用函数的参数call实际上是包装在apply上的语法糖。如果我们需要明确的知道函数接收多少个参数,而且想一目了然的表达形参和实参的对应关系,可以用call。......原创 2022-06-27 20:25:34 · 109 阅读 · 0 评论 -
ES6快速入门(三)--拓展运算符
ES6的拓展运算符,与解构赋值原创 2022-06-27 19:38:26 · 187 阅读 · 0 评论 -
HTML5标签--Canvas实例--哆啦A梦大头:
HTML5标签--Canvas实例--哆啦A梦大头:context.scale( ,);原创 2022-06-23 11:12:59 · 181 阅读 · 0 评论 -
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原创 2022-06-21 21:30:32 · 594 阅读 · 0 评论 -
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原创 2022-06-21 20:12:03 · 286 阅读 · 0 评论 -
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:代原创 2022-06-18 22:03:49 · 437 阅读 · 0 评论 -
从html,css,js,服务器部分四个维度说一下如何优化页面
HTML,CSS,JS,服务器部分优化原创 2022-06-16 10:33:18 · 146 阅读 · 0 评论 -
HTML5标签--Canvas基础(2):
HTML5标签--Canvas实际应用:1:绘制直线2:绘制五角星3:动态矩形(随机函数很重要)4:动态弧线原创 2022-06-15 22:05:40 · 70 阅读 · 0 评论 -
HTML5标签--Canvas基础(1):
canvas原创 2022-06-14 21:50:14 · 1068 阅读 · 0 评论 -
AJAX操作实例
ajax,汇率原创 2022-06-12 22:23:40 · 166 阅读 · 0 评论 -
AJAX详情介绍
ajax,AJAX,同步与异步,如何跨域操作,发送请求,接受数据原创 2022-06-08 21:59:41 · 200 阅读 · 0 评论 -
用Dom和js两种方法实现《手风琴》效果
手风琴原创 2022-06-08 21:09:57 · 106 阅读 · 0 评论 -
js中常见对象和怎么写对象?
js中常见对象和怎么写对象?原创 2022-06-03 20:38:29 · 882 阅读 · 0 评论 -
面向对象(OOP)知识点整理:
面向对象oop原创 2022-06-02 21:00:08 · 724 阅读 · 0 评论 -
HTML---JS移动端触屏事件touch详解
HTML---JS移动端触屏事件touch详解原创 2022-05-25 21:22:25 · 1731 阅读 · 0 评论 -
HTML:本地存储的方法详解:
HTML:本地存储有四种方式。分别为:cookies、Storage 、Web SQL、IndexedDB。其中前端开发最常用的是Storage。下面来讲解一下他们的具体内容和区别;Cookie:构成: 名称 一个唯一确定cookie的名称 值 储存在cookie中的字符串值 域 cookie对于那个域是有效的 路径 指定域中的指定路径 失效时间 cookie何时应该被删除的时间戳 安全标志 指定后,cookie原创 2022-05-25 18:01:21 · 2699 阅读 · 0 评论 -
Html:简单实现弹砖块小游戏
用html与js实现简单的弹砖块小游戏(初级)用键盘的左右键控制一个板块让小球反弹,小球反弹到上面,与其相碰的砖块会消失,小球落地会重新开始游戏。弹砖块小游戏--初级第一部分body:要注意格式,父级与子级,兄弟的关系。<div class="container"> <div id="zhuan"> <!-- id砖只有管理权限,没有定位权限 --> <!-- <div c原创 2022-05-23 21:33:38 · 2319 阅读 · 4 评论 -
HTML:实现鼠标拖拽,释放效果
第一部分body:先定义一个块标签,例如div class="drag"第二部分style:自由书写其样式,不可或缺的属性position:absolute;第三部分script:鼠标拖动元素移动,即元素的位置放上变化---坐标.var drag=document.querySelector(".drag");//获取元素//鼠标按下事件,获取起点位置信息drag.onmousedown=function(e1){ var x1=e1.clientX;//可显示出事件发生时鼠标原创 2022-05-25 19:41:11 · 1163 阅读 · 0 评论 -
HTML:用键盘实现元素的方向移动
案例:div的方向移动body部分: <div id="ok">✈</div>style样式:自己设置大小灯样式,其中最重要的是要元素脱离文档流---不占页面位置了,其下也可以放其他元素。 #ok {position: absolute; }补absolute:它的参照物是最近使用了定位的父级,如果没有找body。此案例中div id="ok"的父级就是body。首先:我们需要知道怎样将键盘中的按键与元素/对象相联系,能控制它。这就是JS键盘事件原创 2022-05-20 17:04:56 · 1985 阅读 · 0 评论 -
JavaScript:Bom详解
1:什么是Bom?BOM(BrowserObjectModel):浏览器对象模型。在浏览器中的一些操作都可以使用 BOM 的方法进行编程处理。比如:刷新浏览器、前进、后退、在地址栏输入 URL 等。2: BOM 的顶级对象是:window,当调用window下的属性和方法时,可以省略window。...原创 2022-05-19 14:16:02 · 185 阅读 · 0 评论 -
JavaScript:Dom详解
JavaScript由三部分组成:JavaScript概述:是一种嵌在网页中的脚本语言。包括三部分:ECMAScript、DOM、BOMDom详解-1:什么是Dom?文档对象模型( Document Object Model ,简称DOM) , 是W3C组织推荐的处理可扩展标记语言( HTML或者XML)的标准编程接口。...原创 2022-05-18 15:35:07 · 406 阅读 · 0 评论 -
用html,script和dom知识实现电子倒计时
script原创 2022-05-10 15:37:59 · 94 阅读 · 0 评论 -
html:用script实现搜索框
搜索框原创 2022-05-08 09:45:15 · 460 阅读 · 0 评论 -
html:button + script 侧边栏-实现正序和倒序
1:body部分 <button onclick="zf()">正序/倒序</button>//侧边栏 <aside> <ul></ul></aside> 2:script部分//数据源 var arr = ["盒模型","浮动","定位","表单","响应式","弹性盒子","特效","动画","less/sass","网格","ES5"]; // 获取ul var ul =do原创 2022-05-06 16:33:49 · 328 阅读 · 0 评论 -
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原创 2022-05-06 16:16:50 · 508 阅读 · 0 评论 -
html--电子闹钟
1:在body中打个稿,样式在css中写就行//YYYY/MM/DD hh:mm:ss2:script中获取时间原创 2022-05-05 17:21:36 · 990 阅读 · 0 评论 -
怎么把cities.js导入的html的script中
<scriptsrc="cities.js">varcities=[{"id":1,"nm":"北京","py":"beijing"},{"id":10,"nm":"上海","py":"shanghai"},{</script><script>varmyCity={}//判断数组格式...原创 2022-05-04 15:41:22 · 257 阅读 · 0 评论