js代码 | 易学教程

JS实现逼真的雪花飘落特效

阅读更多关于 JS实现逼真的雪花飘落特效

逼真的雪花飘落特效效果图：图片素材： --> ParticleSmoke.png 代码如下，复制即可使用： <!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="renderer" content="webkit"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JS实现逼真的雪花飘落特效</title>  <script type="text/javascript" src="css/ThreeCanvas.js"></script> <script type="text/javascript" src="css/snow3d.js"></script> <script type="text/javascript" src="css/snow.js"></script> <style type="text/css">body{background-color:#000044;margin:0px;overflow

前端知识点整理

阅读更多关于前端知识点整理

原作者：https://segmentfault.com/a/1190000013857582 1.HTML HTML5新特性，语义化浏览器的标准模式和怪异模式 xhtml和html的区别使用data-的好处 meta标签 canvas HTML废弃的标签 IE6 bug，和一些定位写法 css js放置位置和原因什么是渐进式渲染 html模板语言 meta viewport原理 2.CSS 盒模型，box-sizing CSS3新特性，伪类，伪元素，锚伪类 CSS实现隐藏页面的方式如何实现水平居中和垂直居中。说说position，display 请解释*{box-sizing:border-box;}的作用，并说明使用它的好处浮动元素引起的问题和解决办法？绝对定位和相对定位，元素浮动后的display值 link和@import引入css的区别解释一下css3的flexbox，以及适用场景 inline和inline-block的区别哪些是块级元素那些是行级元素，各有什么特点 grid布局 table布局的作用实现两栏布局有哪些方法？ css dpi 你知道attribute和property的区别么 css布局问题？css实现三列布局怎么做？如果中间是自适应又怎么做？流式布局如何实现，响应式布局如何实现移动端布局方案实现三栏布局（圣杯布局，双飞翼布局

关于JS中的constructor与prototype

阅读更多关于关于JS中的constructor与prototype

======================================================================== 在学习JS的面向对象过程中，一直对constructor与prototype感到很迷惑，看了一些博客与书籍，觉得自己弄明白了，现在记录如下：我们都知道，在JS中有一个function的东西。一般人们叫它函数。比如下面的代码 function Person(name) { alert(name); } Person('js');//js 上面的代码中，Person的表现的确跟一般的函数没有什么区别，接着看下面的代码 function Person(name) { this.name=name; this.showMe=function() { alert(this.name); } }; var one=new Person('JavaScript'); one.showMe();//JavaScript 很多人见到了久违的new操作符，于是就叫Person为“类”，可是又没有关键字class的出现，觉得叫“类”有点勉强。于是退而求其次叫Person为类的构造函数。这些概念好像都没有错，之所以出现这样的情况，可能是因为大家都学习了传统的面向对象语言（c++，c#，java等），还有一种思维定势吧。为了让javascript也面向对象

js中generator函数的原理和使用

阅读更多关于 js中generator函数的原理和使用

generator又名生成器函数，它是一个崭新的函数类型，它和标准的普通函数完全不同。通过显式的调用生成器函数，能对应的产生一个新的值。通过多次调用后，产生一组值的序列，直到生成器告诉我们无法在产生新的值了。每当生成器函数产生一个新值后，它的执行状态会被保留，直到下次请求到来，它就会从上次离开的位置恢复执行。 1、如何定义generator函数下面我们来看一个简单的例子： // 通过在function后面添加星号*来定义生成器函数 function* myGenerator() { // 使用关键字yield产生值 yield "first"; yield "second"; yield "third"; } // 生成迭代器gen let gen = myGenerator(); console.log(gen.next()); console.log(gen.next()); console.log(gen.next()); console.log(gen.next()); 上述例子首先定义了一个生成器函数，它能够产生一系列的值。创建生成器函数非常简单，只要在function后面加上一个星号(*)。然后只要在函数体内部使用关键字yield，就能产生值了。要使用生成器函数，需要先对它进行调用，并生成迭代器gen。 let gen = myGenerator();

qt quick中qml编程语言

阅读更多关于 qt quick中qml编程语言

Qt QML 入门 — 使用C++定义QML类型发表于 2013 年 3 月 11 日注册C++类注册可实例化的类型注册不实例化的QML类型附带属性注册C++类注册可实例化的类型如果一个C++类继承自QObject，如果需要在QML中使用创建对象，则需要注册为可实例化的QML类型。使用 qmlRegisterType() 注册可实例化的QML类型，具体查看qmlRegisterType()的文档说明。 //Message.cpp class Message : public QObject { Q_OBJECT Q_PROPERTY(QString author READ author WRITE setAuthor NOTIFY authorChanged) Q_PROPERTY(QDateTime creationDate READ creationDate WRITE setCreationDate NOTIFY creationDateChanged) public: // ... }; //main.cpp #include <QtQml> ... qmlRegisterType<Message>("com.mycompany.messaging", 1, 0, "Message"); ... //aQmlFile.qml import com

js获取当前时间的前一天/后一天（昨天/明天）

阅读更多关于 js获取当前时间的前一天/后一天（昨天/明天）

首先获取当前时间，代码如下： var nowDay = new Date ( ) ; //获取当前时间由于时间不能直接进行计算，所以需要转成时间戳的形式，代码如下： var toDay = nowDay . getTime ( ) ; //将当前时间转换成时间戳形式并赋值给toDay变量为了方便查看，我们封装一段函数来将时间格式转换为年/月/日的形式，代码如下： // 封装一个函数getToday()，用来将时间格式转换成年/月/日 function getToday ( date ) { return ` ${ nowDay . getFullYear ( ) } 年 ${ nowDay . getMonth ( ) } 月 ${ nowDay . getDate ( ) } 日` } 然后前一天就是用当前时间减去一天的毫秒数，代码如下： function prevDay ( ) { //计算一天的毫秒数 var oneDay = 1000 * 60 * 60 * 24 ; //prevDay就是前一天，就是当前时间（toDay）减去一天时间（oneDay） var prevDay = toDay - oneDay ; nowDay . setTime ( prevDay ) ; console . log ( getToday ( prevDay ) ) ; } //

javascript基础速成必备

阅读更多关于 javascript基础速成必备

01-js-介绍及初体验脚本编程语言；学习特点：首先你要分析逻辑过程；把逻辑写下来 JS作用：与用户交流互动，交互； 02-js-引入方式内嵌式：demo学习阶段外链式：工作使用行内：了解，一般不用；     03-js-注释注释：用于把自己的理解步骤要写出来 // 1.单行注释 ctrl+/ 用于简单说明； // 2.多行注释 ctrl+shift+/ /* * 比较多的注释 * 比较多的注释 * 比较多的注释 * 比较多的注释 * 比较多的注释 * 比较多的注释 * 比较多的注释 * 比较多的注释 * 比较多的注释 */ 04-js-输入输出语法： // 1.输入 // 小括号里面引导信息，必须带单双引号，成对出现；来源： CSDN 作者： zmmsdk15225185085 链接： https://blog.csdn.net/zmmsdk/article/details/103584466

ssm框架之将数据库的数据导入导出为excel文件

阅读更多关于 ssm框架之将数据库的数据导入导出为excel文件

利用poi实现数据库的数据导入导出excel文件在这里首先我要将自己遇到的各种问题，以及需求记录下来，做一个备忘，便于以后查看：需求：主要实现两个功能，将oracle数据库里的数据导出为excel，同时需要将excel表格的数据导入到数据库环境：springmvc + spring + mybatis + jdk1.7 + poi3.8 + easyui + oracle 在开始的时候，我就各种找ｊａｒ包搭建环境，搭建环境时候所有的ｊａｒ包都没有，只能去各种找，去下载，话不多说，直接上ｊａｒ包，然后就是各种配置文件，将配置文件现在直接贴出来：《 applicationContext-dao.xml 》： 1 <?xml version="1.0" encoding="UTF-8"?> 2 <beans xmlns="http://www.springframework.org/schema/beans" 3 xmlns:context="http://www.springframework.org/schema/context" xmlns:p="http://www.springframework.org/schema/p" 4 xmlns:aop="http://www.springframework.org/schema/aop" xmlns:tx="http:/

python selenium 反检测

阅读更多关于 python selenium 反检测

现在有大量的反爬机制，通常我们爬虫有re，bs4，selenium，这里重点说selenium的。之前有业务需求需要爬取boos直聘的信息，我们在使用selenium进行爬虫的时候，发现我们无法登陆进去。在这里我们通过js代码发现他有个检测机制 #通过查看window.navigator.webdriver信息可以看到这里是为true window.navigator.webdriver 因此我们需要修改我们的登陆信息 from selenium.webdriver import ChromeOptions option = ChromeOptions() # 实例化一个ChromeOptions对象 option.add_experimental_option('excludeSwitches', ['enable-automation']) # 以键值对的形式加入参数 driver = webdriver.Chrome(chromedriver.exe',options=option) 在添加option实例之后我们打开网页输入js代码 window.navigator.webdriver 输出undefined 这样我们就可以避开selenium的检测机制。来源： CSDN 作者：柯基是个小短腿丶链接： https://blog.csdn.net/yasuowjh

js文件引用另一个js文件

阅读更多关于 js文件引用另一个js文件

例如: 在 1.js 文件中的方法想引用2. js 文件的方法, 需要在1.js中顶部加入下面代码方法一： document.write(”<script language=javascript src=’/js/2.js’><\/script>”); 立法二： new_element=document.createElement(”script”); new_element.setAttribute(”type”,”text/javascript”); new_element.setAttribute(”src”,”2.js”); document.body.appendChild(new_element); 在1.js文件中前4行代码中我们引入了2.js文件。让我们来分析一下关键的几句代码：首先，我们利用document.createElement(”script”)生成了一个script的标签，设置其type属性为text/javascript，src为2.js(这里的1.js同2.js放在同一个目录，也可放在不同的目录)。最后将这个标签动态地加入body中。如此一来，我们就可以调用到不同js文件中的方法了。注意：<script language=”JAVASCRIPT” src=’1.js’></script>一定要放在body下面。因为在2.js中用到了body

订阅 js代码