JS
Always_Love
有些事,记得不如忘了好。
展开
-
video属性及操作
video属性较多,这篇博客总结一下几个常用的,然后再写一个例子练习一下。video apivar video = document.querySelector("#video");加载播放路径video.src = "./mp4/mov_bbb.mp4";当浏览器加载媒体数据的时候执行的video.onloadstart = function () { conso...原创 2020-03-19 12:55:18 · 2739 阅读 · 0 评论 -
缓存(cookie)
cookie:主要用于缓存web 页面用户的信息的。cookie 是一种数据 缓存到电脑上的文本文件,在web页面上,用户的信息不回存储在后端,在页面上使用缓存 来存储。在用户访问页面的时候存储用户的信息到cookie,下次访问的时候,直接从cookie读取信息。另外,cookie 缓存 存在有效期。一、JavaScript中的缓存创建cookiecookie的简单建立documen...原创 2020-03-19 12:44:18 · 3479 阅读 · 0 评论 -
ECMAScript6
ECMAScript6简称ES6,和ECMAScript5简称ES5一样,代表了不同的标准。es6的语法接近于后端语法,而另一种脚本语言TypeScript更接近后端。一、let和constlet :1、let声明的变量只在 let 命令所在的代码块内有效。2、let不能重复声明。3、不存在变量提升。const :声明一个只读的常量,一旦声明,常量的值就不能改变。意味着,一旦声明必须...原创 2020-03-19 12:16:54 · 209 阅读 · 0 评论 -
JavaScript之模式
JS中有许多种模式,被用来解决不同的问题,下面就总结一下。一、工厂模式工厂模式用来实例化对象和返回对象,它可以解决创建多个对象的问题,但是所创建的对象类型都一致,没办法区分对象的类型。操作实例: function Factory(n,s){ //创建一个对象 var obj={}; obj.name=n; obj.sex=s;...原创 2020-03-19 11:01:35 · 142 阅读 · 0 评论 -
JavaScript之继承
这篇博客总结一下JavaScript中的6种继承方式。一、原型链继承prototype指的是原型对象。例如:实例化的数组对象继承的Array 的原型对象console.log(Array.prototype);所有的javascript都会继承一个prototype原型对象,继承原型对象上的属性和方法。例如:date 对象 从Date.prototype 原型对象上继承属性和方法...原创 2020-03-19 10:23:22 · 157 阅读 · 0 评论 -
echarts入门
最近在学习用echarts来建立一些图表,其实echarts就是JavaScript的一个图表库,用来画一些数据图表等等。一、获取echarts库echarts有四种获取方法:1、 从 Apache ECharts (incubating) 官网下载界面 获取官方源码包后构建。2、在 ECharts 的 GitHub 获取。3、通过 npm 获取 echarts,npm install ...原创 2020-03-19 09:28:44 · 738 阅读 · 0 评论 -
jQuery之插件机制
在jQuery的高级语法里面有个插件机制,换句话说就是扩展jQuery,提供新的方法。一、插件机制jQuery.fn.extend(object) 扩展 jQuery 元素集来提供新的方法(通常用来制作插件)。jQuery.extend(object) 扩展jQuery对象本身。用来在jQuery命名空间上增加新函数。// 扩展jquery 元素集 $.fn.extend({ ...原创 2020-03-05 15:52:59 · 206 阅读 · 0 评论 -
Ajax
这篇博客用来总结Ajax,包括了挺多新的知识。一、Ajax基本信息Ajax被用在前后端分离开发,连接在数据接口(api)上,它运用了异步请求的方法(请求和后续代码同时执行)。所以总结来说,Ajax是专门做后台数据的访问的。首先学习原生js的ajax,面向的是XMLhttprequest对象,也是后台数据访问的对象。原生js用Ajax访问后台数据一般分为5个步骤:1.实例化对象2.open...原创 2020-03-05 15:46:13 · 216 阅读 · 0 评论 -
jQuery的动画效果
jQuery里面有一些简单的动画效果,下面就总结和实践一下。一、基本效果jQuery里的基本动画效果有显示、隐藏和显示隐藏切换1、show([s,[e],[fn]]) 显示2、hide([s,[e],[fn]]) 隐藏3、toggle([s],[e],[fn]) 显示隐藏切换下面是用法练习:<!DOCTYPE html><html><head l...原创 2020-03-05 15:08:37 · 460 阅读 · 0 评论 -
jQuery基础之正则表达式及表单验证
这篇博客就来总结一下jQuery里面的正则表达式以及表单验证。一、正则表达式正则表达式的作用是用来验证字符串的格式。虽然它的内容比较繁琐,但是功能很强大。它的写法很随意,但是要注意语法规则,在此前提下就可以自己随意拼接。...原创 2020-02-23 15:05:58 · 1894 阅读 · 0 评论 -
JavaScript基础总结(4)
最近在写一些JavaScript的实践例子,发现了一些知识点,总结一下。一、JavaScript中的数据类型es5中一共有6种数据类型,分别是:Number、String、Boolean、Null、undefined、object。es6中新增了一种:Symbol 。这种类型的对象是永不相等的,即始在创建时传入相同的赋值,可以解决属性名冲突,设置为标记。谷歌67版本中还出现了一种 bigI...原创 2020-01-08 14:20:32 · 221 阅读 · 0 评论 -
JavaScript基础总结(3)
总结一下最近学习的内容。一、bom对象 bom指的是浏览器对象模型。1、window对象 所有浏览器都支持 window 对象。它表示浏览器窗口。所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的...原创 2020-01-02 09:58:21 · 395 阅读 · 1 评论 -
JavaScript基础总结(2)
之前总结到JavaScript事件的绑定,下面进行后面知识点的总结,并且穿插几个案例。一、JS事件的委托 首先要鲜明白一个问题,为什么JS里对集合的操作只能是用方括号【】进行单个操作?&nbs...原创 2019-12-25 10:52:13 · 137 阅读 · 0 评论 -
Javascript基础总结(1)
经过这段时间的学习,我将目前所学的JavaScript的基础部分做一个总结。一、JavaScript基础知识1、JavaScript是一个脚本语言,也是前端开发的核心语言,目前所学的是ecmascript5.0的版本,企业里用的是ecmascript6.0/es7,基本上是在5.0的基础上对语句进行了一些优化等...原创 2019-12-17 13:41:22 · 137 阅读 · 0 评论 -
Javascript基础(2)
上周进行了JS的进一步学习,学习了几个对象,以及数组的操作还有冒泡事件,下面就做一下总结。一、知识点内置对象number对象:.toString(进制数) 转换成不同进制数.toFixed(小数位数) 保留小数倍数string对象.length 字符串长度indexOf()查找字符串返回字符串位...原创 2019-12-11 11:05:18 · 22905 阅读 · 0 评论 -
Javascript入门
最近几天开始了Javascript的学习,从最基础的语句语法入手,边学习边实践,效果还不错。一、基本知识输出:alert() 弹框输出confirm() 带确定取消按钮的弹框document.write() 在文档流中输出document.getElementById.innerHTML修改页面中的html元素console.log() 在调试平台中输出输入:1、prompt(“...原创 2019-12-02 18:50:11 · 142 阅读 · 0 评论