js基础
关注
分享
扫一扫
以学习js操作,巩固知识点
风雨等归期
这个作者很懒，什么都没留下…
展开
-
JS控制Video播放器
原文链接思路：一.首先监听触发事件。比如：向上键对应的keyCode为38，向下键对应的keyCode为40，向左键对应的keyCode为37，向右键对应的keyCode为39，空格键对应的keyCode为32，其他的keyCode可以通过 console.log(“keyCode:” + event.keyCode); 打印获取。二.调用video标签对应的属性以及方法，去设置去获取获取视频元素：var videoElement = document.getElementById(“video转载 2020-10-31 14:09:48 · 2778 阅读 · 0 评论 -
ckeditor.js与quill.js富文本编辑器的使用
ckeditor简洁小巧方便使用 缺点没有代码块选项html里面写入这段代码<textarea class="form-control" id="editor" name="content"></textarea>ckeditor.js<script src="ckeditor.js"></script><script type="text/javascript"> let editor; Classic原创 2020-08-27 18:00:19 · 840 阅读 · 0 评论 -
ajax笔记
post请求方式以及传参格式设置原创 2020-09-03 17:54:15 · 173 阅读 · 0 评论 -
js图片预览功能
<input type="file" id="file"> <img src="" id="fileImg"> $('#file').change(function () { // 创建文件读取对象 var reader = new FileReader(); // 读取文件 reader.readAsDataURL(this.files[0]); /.原创 2020-08-27 19:28:22 · 566 阅读 · 0 评论 -
模板引擎 art-template
1.模板引擎 是用来拼接字符串的.简化操作.2.art-template是目前运行最快的模板引擎 .他分为 标准语法,原始语法原创 2020-08-20 18:08:17 · 120 阅读 · 0 评论 -
ES6基础语法
var 和 let都是声明变量的 不同的是let具有块级作用域 多用于for循环 防止块级变量变成全局变量var可以使变量在块级外使用, 且不遵循先声明在使用变量使用 const关键字声明的常量具有块级作用域,且值不可改变,声明时必须附初始值否则会报错 if (true) { const a = 10; if (true) { const a = 20; console.log(a); }原创 2020-08-09 16:21:03 · 140 阅读 · 0 评论 -
js之正则表达式
var reg = /abc/; console.log(reg.test('abc')); console.log(reg.test('abcd')); console.log('----------------------------'); //以abc开头 var reg = /^abc/; console.log(reg.test('abcd')); console.log(reg.test('aabcd')); console.l.原创 2020-08-08 11:05:03 · 143 阅读 · 0 评论 -
ES5基础语法
一.类与对象 class father { that = this; constructor(uname, age) { this.uname = uname; this.age = age; } sing(song) { console.log(this.uname + song); } } class son extends fa原创 2020-08-07 20:12:02 · 2018 阅读 · 0 评论 -
html双击禁止选中文字
window.getSelection?window.getSelection.removeAllRanges():document.selection.empty();原创 2020-08-04 09:38:44 · 1192 阅读 · 1 评论 -
移动端localstorage本地存储的使用
window.sessionStoragewindow.localstorage原创 2020-07-29 19:34:04 · 3673 阅读 · 0 评论 -
js轮播图实现
之前一直用swiper.js插件写轮播图效果不错,想着自己也写一个练练手运行<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播</title></head><style> * { margin: 0; padding: 0; text-de原创 2020-07-28 12:03:20 · 189 阅读 · 0 评论 -
js缓冲动画
六界美人图谱运行<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>缓冲动画</title></head><style> .content { position: relative; top: 100px; left: 0; h原创 2020-07-25 23:47:57 · 261 阅读 · 0 评论 -
js之放大镜
放大镜效果点击可以运行代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> .father { margin: 100px auto; width: 1030px; overflow:原创 2020-07-25 20:13:05 · 104 阅读 · 0 评论 -
js之login
点击可以运行代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> .father { margin: 100px auto; width: 1030px; overflow: hidde原创 2020-07-25 00:15:32 · 909 阅读 · 0 评论 -
js之网页特效知识点总结
1.什么是bombom 浏览器对象模型,他独立于内容而与浏览器窗口进行交互的对象,其核心对象是windowbom是由一系列的对象构成,并且每个对象都提供很多方法与属性window.onresize = function(){} 检测浏览器窗口是否发生变化window.innerWidth获取浏览器的宽度定时器:setTimeout(function(){},时间);...原创 2020-07-26 21:04:48 · 214 阅读 · 0 评论 -
html+css+js制作的导航栏
刚学完js ，练练手写下这个导航栏<style> ul { padding: 0; list-style: none; font-size: 12px; color: #000; overflow: hidden; } .navs { width: 200px; height: 600px; background: #CCFF99;原创 2020-06-27 21:49:57 · 1002 阅读 · 0 评论 -
js基础知识点
1.时间函数 function getDate(){ var date = new Date(); var year = date.getFullYear(); var month = date.getMonth()+1; var dates = date.getDate(); var arr = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六']; var day =原创 2020-07-15 21:50:18 · 222 阅读 · 0 评论