js代码

html5 video标签屏蔽右键视频另存为的js代码

做HTML5的video标签,本身我们有下载功能,但是在video区域内,点击右键可以将“视频另存为”, 来下载视频,为了屏蔽“视频另存为”,可以在js中加入以下代码: 复制代码代码如下: $(‘#myVideo’).bind(‘contextmenu’,function() { return fals... »

typeof的返回值对照表

typeof、instanceof、constructor 的联系、区别、应用场景(js 类型判断)

'hello' instanceof String // 输出: ?没错,这些输出全是 false如果你已经知道这三个输出都是 false,则本篇笔记对你就没有任何帮助了typeof写法首先对 typeof 的写法做一个建议:一种是函数写法 typeof,另一种是操作符写法typeof 'hello'。 »

JS入门级知识点之循环结构语句

js的循环结构语句循环结构:根据某些给出的条件,重复的执行同一段代码。我们写的时候一定要设定一个边界值,并且改变自身,不然就会陷入死循环。基础循环结构语句:while循环说明:当…例:下面这段代码的结果就是100,如果var i = 1; 那么结果就是1-10的数字var i = 100; do while for循环说明:如果条件满足时就执行代码,一旦不满足了就不执行了。 »

在这里插入图片描述

原生JS实现轮播图的自动播放、点击切换等效果【小白都看得懂系列】

先来看一下效果: 注:展示所用图片来自 站酷,文末附所需引入的JS封装函数的链接。 CSS部分: .box{width: 1000px;height: 300px;margin: 20px auto;position: relative;overflow: hidden;} .imgbox a{width: 1000px;height: 300px;position: absolute;left:... »

在这里插入图片描述

原生JS实现轮播图的自动播放、点击切换等效果【小白都看得懂系列】

先来看一下效果: 注:展示所用图片来自 站酷,文末附所需引入的JS封装函数的链接。 CSS部分: .box{width: 1000px;height: 300px;margin: 20px auto;position: relative;overflow: hidden;} .imgbox a{width: 1000px;height: 300px;position: absolute;left:... »

鼠标离开时效果

原生JS写轮播效果

一、设计概述 这次的轮播图功能很全面,里面有鼠标事件效果,比如鼠标移入,停止自动播放,鼠标离开图片开始自动播放,当鼠标移入是会有箭头出现,鼠标离开始时箭头就会消失,图片可以通过点击左右箭头来切换,也可以通过点击li里面的小圆点来切换。这个轮播图主要运用到DOM,事件,Date对象里面自动调用函数和清空自动调用函数的知识了。 二、程序运行效果 三、代码 body代码 < > css样式代... »

uPJ3Yd.png

前端精准测试探索:覆盖率实时统计工具

背景 随着业务增长, 随之而来的前端需求激增, 如何在有限的时间内保证前端代码的质量. 通过测试同学单方面的保障, 还是免不了前端线上问题, 存在回归不到位或者测试遗漏的地方, 同时测试质量的高低没有客观数据可量化. 通过单测方法补充, 可以提前发现一部分问题, 减少问题解决的成本, 但是由于业务形态的原因, 需求变更频繁, 功能迭代快, 补充和维护单测的成本比较高, 在业务方的大部分前端工程中暂... »

CSS,JS实现3D切割轮播图

第一步:我们首先要通过CSS来完成一个基本布局,利用 transform-style: preserve-3d设置成3D。 下面是CSS部分的代码 * { margin: 0; padding: 0; box-sizing: border-box; } li { list-style: none; } /* 轮播图 */ .homePage { width: 800px; height: 200p... »

js用name做变量名

js用name做变量名

昨天帮室友写作业的时候发生了一件很奇怪的事情,我使用var关键字定义了一个name,目的是为了获取一个input标签中的value值,因为是很简单的操作,所以我直接绑定了点击事件,后来发现点击事件不生效,打印name发现其实根本没有获取到input标签中的value,而是一个字符串,下面给大家看一下我的代码: 打印的结果如下所示:在这里打印的name »

在这里插入图片描述

js中的原型与原型链

new关键字做了什么在构造函数内创建了一个临时的对象将构造函数内临时对象的__proto__属性和构造函数的原型进行绑定将临时对象的作用域赋给真正的对象即改变this指针的指向,并将创建好的对象返回将所有构造函数的原型统一命名为prototype原型和原型链我个人觉得最绕的地方,首先名词多,然后互相之间的关系歪七扭八的。在js万物皆对象的思想下,__proto__属性是每个对象都有的,包括原型。 »

JS设计模式之单例模式

在了解单例模式之前,我们要先搞懂什么是设计模式: 比较官方的设计模式定义:就是在面向对象软件设计过程中针对特定问题的简洁而优雅的解决方案。 当然说白了就是:设计模式对某个特定场景下对某种问题的解决方案。 所以,我们在合适的场景下可能会条件反射一样自然而然想到符合这种场景的设计模式。 所有的设计模式的共同目标都是:高内聚,低耦合。 我们在日常的开发当中,都或多或少地接触了设计模式,但是很多时候不知道... »

在这里插入图片描述

前端关于JS的面向对象概念

什么是面向对象顾名思义,就是和对象面对面,关注于对象面向对象是一种编程思想,不是语法我们一般写的代码是通过逻辑分析,先做什么,再做什么,关注到其中的每一个过程 - 面向过程 - 关注于过程的一种思想面向对象和面向过程实现的效果是一样的,只不过在写的方面,关注点不同面向过程是从上到下分析逻辑,中间每个过程都按照顺序来写面向对象不管中间是什么逻辑,只需要知道其中 »

在这里插入图片描述

前端关于JS实现贪吃蛇

=‘up’)}else if{if(that.fx! »

在这里插入图片描述

原生js实现的金山打字小游戏

首先先来看一下效果图 如果感兴趣的就来看一下Js源码吧 //计分板 var board = { dom: document.getElementById("score"), maxLost: 3, //最大丢失量 lost: 0, //当前丢失了多少个 score: 0, //当前分数 render: function() { //显示 this.dom.innerHTML = " 得分:" + ... »

Android网页加载控件WebView应知应会

在Android4.4之前使用的是WebKit的内核,之后使用的是Chrome内核。onResume():在调用 onPause()后,可以调用该方法来恢复 WebView 的运行。destroy():销毁 WebViewclearHistory():清除当前 WebView 访问的历史记录。stopLoading():停止 WebView 当前加载。clearView():在Android 4.... »

js贪吃蛇

就是这么简单粗暴,作为一个it行业的小白,在我还没有跨入行业的时候,生活就给了我致命一击,fine,这就是命啊。 这周依旧是js的学习,老师给我们讲了构造函数,用构造函数的方法写了一些小案例。 就拿贪吃蛇来说吧,写了还是蛮久的,主要是你一直信心满满写出来就会被一堆不知道是什么的bug给缠住,嗯,可能仅仅是个拼写错误。 代码如下: 先把大致的框框写出来 function Map(){ this.ma... »

JS中DOM元素的操作等基础知识笔记

目录1. DOM的概念和作用2.节点树3.DOM选择器:(查询、创建、添加,修改,删除)4.DOM的基本操作①.添加②.插入③.替换④.删除5.DOM节点类型(元素和文本)6.DOM属性节点7.DOM高级操作 1. DOM的概念和作用        DOM 是 JavaScript操作网页的api接口,全称为“文档对象模型”(Document Object Model)。它的作用是将网页转为一个 ... »

用原生JS搞懂VUE的响应式原理,这篇文章就够了

用原生JS搞懂VUE的响应式原理,这篇文章就够了

在实现之前我们先了解下VUE的响应式是什么;它是Vue 最独特的特性之一,是其非侵入性的响应式系统。VUE会将一个普通的JavaScript对象传入VUE实例中作为data选项,data中就是我们运用到的所有变量,也就是下图所示的部分。这些getter/setter对用户来说是不可见的,但是在内部它们让 Vue 能够追踪依赖,在属性被访问和修改时通知变更。只要侦听到数据变化,Vue 将开启一个队列... »

浅谈js中的回调地狱问题

回调地狱 由多层嵌套的回调函数组成的代码称为回调地狱,多数在写阻塞执行代码的时候会产生。回调地狱的代码可读性差,很难让人弄清楚业务逻辑。 下面便是回调地狱的代码: function callbackFn(callback){ setTimeout(function(){ callback() },1000) } callbackFn(function(){ callbackFn(function(... »

在这里插入图片描述

JS实现腾讯课堂答题,送花,发消息脚本

闲来无事写个简单的JS脚本,实现自动签到,答题,送花,发消息脚本,这样就可以睡觉了,哈哈哈。 由于老师一直没有签到,也没测试好这块代码,等测试完成再补充。 操作步骤: 注意,这个只能在网页版的腾讯课堂中完成。 首先,右击页面,点击检查,会出现如下页面。 然后,点击上方的console 出现如下页面: 然后往里面复制相关代码即可 代码如下: 送花代码: var flower = setInterva... »

caniuse-css-var

妙用CSS变量,让你的CSS变得更心动

作者:JowayYoung 仓库:Github、CodePen 博客:掘金、思否、知乎、简书、头条、CSDN 公众号:IQ前端 联系我:关注公众号后有我的微信哟 特别声明:原创不易,未经授权不得对此文章进行转载或抄袭,否则按侵权处理,如需转载或开通公众号白名单可联系我,希望各位尊重原创的知识产权 前言 CSS变量又叫CSS自定义属性,为什么会突然提起这个很少人用到的东西呢?因为最近在重构个人官网,... »

学习笔记(34):第一章:数据科学原理与数据处理-数据分析好帮手Jupyternotebook 03…

utm_source=blogtoedujupyter中常用的魔法命令:%load:加载本地的py文件%run:运行本地的py文件%timeit:计算程序运行的平均时间%time:计算程序运行的实际时间%%html:写入HTML文件%%js:写入js文件%%writefile:把jupyter中写的代码保存到本地文件夹,默认是同级目录注意:python中的列表生成式要比for循环高效很多,千次运算... »

手风琴特性图(对无序列表进行操作)

css代码段:用无序列表进行布局,然后用块级元素div进行结合使用ul * div { width: 1150px; »

超星尔雅js自动刷课脚本

Readme 之前找了很多js刷课脚本,要么不能自动播放下一课,要么不能快进自动答题,结合了几个脚本,自己修改了一下,可以实现自动下一课,自动答题,倍速播放,后台播放。 因尚无法得知尔雅检测刷课的原理,本脚本不能保证百分百安全。不过如果不在短时间内快速刷完大量的课应该没问题,请控制一下刷课的速度。 /** * author:Vhagar * 修改自https://hacpai.com/articl... »

js事件冒泡及其阻止方法

js事件冒泡概念:事件冒泡,即事件开始时由最具体的元素接收,然后逐级向上传播。包括导致事件的元素、事件的类型以及其他与特定事件相关的信息。)事件对象的stopPropagation() 方法,该方法可以取消事件的进一步冒泡。 »

Page 1 of 291123»