js代码 | 易学教程

JS 取当前日期、时间的代码

阅读更多关于 JS 取当前日期、时间的代码

<SCRIPT LANGUAGE="JavaScript"> <!-- var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31) myDate.getDay(); //获取当前星期X(0-6,0代表星期天) myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数) myDate.getHours(); //获取当前小时数(0-23) myDate.getMinutes(); //获取当前分钟数(0-59) myDate.getSeconds(); //获取当前秒数(0-59) myDate.getMilliseconds(); //获取当前毫秒数(0-999) myDate.toLocaleDateString(); //获取当前日期 var mytime=myDate.toLocaleTimeString(); //获取当前时间 myDate.toLocaleString( ); //获取日期与时间 if (mytime<"23:30:00") { alert

js字符串截取函数slice()、substring()、substr()

阅读更多关于 js字符串截取函数slice()、substring()、substr()

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 在js中字符截取函数有常用的三个slice()、substring()、substr()了，下面我来给大家介绍slice()、substring()、substr()函数在字符截取时的一些用法与区别吧。取字符串的三个函数:slice(start,[end]), substr ing(start,[end])和substr(start,[length]) 相关属性： slice() 第一个参数代表开始位置,第二个参数代表结束位置的下一个位置,截取出来的字符串的长度为第二个参数与第一个参数之间的差;若参数值为负数,则将该值加上字符串长度后转为正值;若第一个参数等于大于第二个参数,则返回空字符串. substring() 第一个参数代表开始位置,第二个参数代表结束位置的下一个位置;若参数值为负数,则将该值转为0;两个参数中,取较小值作为开始位置,截取出来的字符串的长度为较大值与较小值之间的差. substr() 第一个参数代表开始位置,第二个参数代表截取的长度 PS：字符串都从0开始计起例子： <script type="text/ javascript "> var stmp = "rcinn.cn"; //使用一个参数 alert(stmp.slice(3));//从第4个字符开始,截取到最后个字符;返回

原生JS投票特效

阅读更多关于原生JS投票特效

效果： http://hovertree.com/texiao/js/24/ 效果图：代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS+CSS实现投票效果 - 何问起</title> <link rel="stylesheet" href="http://hovertree.com/texiao/js/24/style.css" type="text/css"> <script src="http://hovertree.com/texiao/js/24/vote.js" type="text/javascript"></script> </head> <body> <div><h1>Javascript实现在线调查投票</h1> <a href="http://hovertree.com/h/bjaf/jsdiaocha.htm">原文</a> <a href="http://hovertree.com">首页</a> <a href="http://hovertree.com/texiao/">特效</a> </div>  <div class="vote"> <div class="votechoice"> <ul class="vote1"

js 刷新页面的几种方法

阅读更多关于 js 刷新页面的几种方法

1. reload reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet]) 参数： bForceGet，可选参数，默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新") reload() 方法用于重新加载当前文档。如果该方法没有规定参数，或者参数是 false，它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变，reload() 会再次下载该文档。如果文档未改变，则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。 2，replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替换的URL。语法： location.replace(URL) 通常使用： location.reload() 或者是 history.go(0) 来做。此方法类似客户端点F5刷新页面，所以页面method="post"时，会出现"网页过期"的提示。因为Session的安全保护机制。当调用 location.reload() 方法时， aspx页面此时在服务端内存里已经存在，

人生第一次面试---百度前端面试

阅读更多关于人生第一次面试---百度前端面试

　　在这里记录一下自己人生中的第一次面试，因为之前春招有其他的安排，没有去实习的打算，错过了腾讯和阿里的面试，觉得也挺可惜的，能不能过是一回事，去锻炼自己又是一回事。　　在自己被通知简历通过筛选以后，心里其实还是非常高兴的，然后被通知了面试，开始了一个星期的CSS和JS基础复习之路，学习了css3的新特性和许多HTML5的新技术。第一面　　第一面是一个美女，开始的时候直接叫我做个自我介绍，没错，第一个问题就把我问蒙了，经验不足的后果啊，也没准备过自我介绍说些什么，然后说了一些自己的基本情况，结果面试官问了句：“没有了？”，表示很惊讶，然后开始问问题了。。　　question 1：img标签中的title和alt的区别？　　answer：title是鼠标放上去的时候显示，alt呢是图片无法显示的时候显示在浏览器。　　question 2：css的选择器有哪些？优先级？　　answer：派生选择器，ID选择器，类选择器。选择越精准优先级越高。　　question 3:position有哪些？　　answer：绝对定位absolute，相对定义relative，静态static，固定fixed；　　question 4：absolute和relative是相对于什么来定位？　　answer：absolute是相对于body来定位，relative是相对于父级来定位。

JavaScript 基础语法

阅读更多关于 JavaScript 基础语法

JavaScript 基础语法 1 JavaScript 1.1 特点解释型弱类型基于对象跨平台性事件驱动 1.2 JavaScript版本 ECMAScript3.0 ECMAScript5.0 ECMAScript6.0 (ECMA2015、ECMAScript2016、ECMAScript2017) 1.3 应用领域 WEB前端 (网页) 后端（node.js）混合APP(IOS 安卓) 游戏 2 浏览器中JavaScript的基本语法 2.1 在HTML中使用JS 引入外部的 js 文件。类似于 CSS的link <script src="js文件的地址"></script> <script src="js文件的地址"></script> <script src="js文件的地址"></script> 在htm中直接写，包裹在script标签中，类似css的style <script> code... js代码 </script> 2.2 指令结束符 #第一种 ; #第二种换行 2.3 注释 // 单行注释 /* 多行注释 */ 2.4 变量 var 变量名 = 值; * var 关键字 * 变量名由数字、字母、下划线、$ 组成不能数字开头。变量名不能使关键字 * 变量名严格区分大小写 * 变量声明没给值，默认值是undefined 2.5 输出内容

使用webstorm搭建vue-cli项目

阅读更多关于使用webstorm搭建vue-cli项目

前言在上一章博客的内容中 vue学习笔记(七)组件我们初步的认识了组件，并学会了如何定义局部组件和全局组件，上一篇内容仅仅只是对组件一个简单的入门，并没有深入的了解组件当中的其它机制，本篇博客将会带大家深入了解组件的其它知识，组件的校验，组件的通信等等。本章目标学会组件简单的校验学会父组件向子组件传递数据学会子组件向父组件传递数据父组件向子组件传递数据父组件向子组件传递数据实现的方式特别简单，只用使用props进行数据传递就可以了。语法：props['属性1'，‘属性2’，...] 我找了一张图给大家参考一下在 Vue.js 中，父子组件的关系可以总结为 props down, events up 。父组件通过 props 向下传递数据给子组件，子组件通过 events 给父组件发送消息 (1)简单的父组件向子组件传递信息 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>父组件向子组件传递信息</title> </head> <body> <div id="app"> <my-content :title='title' :content='content'></my-content> </div> <script src="../js/vue.js" type="text

前端构建工具gulp入门教程

阅读更多关于前端构建工具gulp入门教程

最近想搞些自动化，网上搜了不少的关于gulp的攻略，然后结合自己的一些实践发出来。如果对你有帮助也别谢谢我。如果误导了你，也别喷我。。。。水平有限。呵呵本文假设你之前没有用过任何任务脚本（task runner）和命令行工具，一步步教你上手Gulp。不要怕，它其实很简单，我会分为五步向你介绍gulp并帮助你完成一些惊人的事情。那就直接开始吧。第一步：安装Node 首先，最基本也最重要的是，我们需要搭建node环境。访问 http://nodejs.org ，然后点击大大的绿色的 install 按钮，下载完成后直接运行程序，就一切准备就绪。 npm 会随着安装包一起安装，稍后会用到它。第二步：使用命令行也许现在你还不是很了解什么是命令行——OSX中的终端（Terminal），windows中的命令提示符（Command Prompt），但很快你就会知道。它看起来没那么简单，但一旦掌握了它的窍门，就可以很方便的执行很多命令行程序，比如Sass，Yeoman和Git等，这些都是非常有用的工具。如果你很熟悉命令行，直接跳到步骤四。为了确保Node已经正确安装，我们执行几个简单的命令。 node -v 回车（Enter），如果正确安装的话，你会看到所安装的Node的版本号，接下来看看npm。 npm -v 这同样能得到npm的版本号。如果这两行命令没有得到返回

js加密数据爬取

阅读更多关于 js加密数据爬取

- 中国空气质量在线监测分析平台是一个收录全国各大城市天气数据的网站，包括温度、湿度、PM 2.5、AQI 等数据，链接为：https://www.aqistudy.cn/html/city_detail.html,网站显示为：该网站所有的空气质量数据都是基于图表进行显示的，并且都是出发鼠标滑动或者点动后才会显示某点的数据，所以如果基于selenium进行数据爬取也是挺吃力的，因此我们采用requests模块进行数据爬取。 - 基于抓包工具展开分析：　　- 通过分析发现，只有在页面中设置了查询的城市名称和时间范围后，然后点击查询按钮，在抓包工具中才会捕获到一个ajax请求的数据包，我们想要爬取的数据也在该数据包中：　　　　然后点击捕获到的数据包后，发现当前ajax请求为post类型的请求，携带一个请求参数d，且该请求参数为加密之后的数据，并且响应中的响应数据也是经过加密后的密文数据。　　加密的请求参数：　　　　加密的响应数据：　　 - 问题：那么如果我们想要将空气质量数据进行爬取，则需要对上述捕获到的ajax数据包中的post请求对应的url携带请求参数进行请求发送，然后获取对应的响应数据。但是请求参数是加密后的密文，响应数据也是加密后的密文。并且post请求参数对应的密文每次请求都是动态变化的，我们如何设置？就算能够破解动态且加密的请求参数

JS---变速动画函数封装

阅读更多关于 JS---变速动画函数封装

变速动画函数封装匀速动画：每次步数都是10 (var step=10;) 变速(缓动)动画：每次的步数是用当前位置和目标位置相减 var step=(target-current)/10; 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <style> * { margin: 0; padding: 0; } div { margin-top: 20px; width: 200px; height: 100px; background-color: green; position: absolute; left: 0; top: 0; } </style> </head> <body> <input type="button" value="移动到400px" id="btn1" /> <input type="button" value="移动到800px" id="btn2" /> <div id="dv"> <script src="common.js"></script> <script> //点击按钮移动div my$("btn1").onclick = function () { animate(my$("dv"), 400); };

订阅 js代码