var函数 | 易学教程

d3入门

阅读更多关于 d3入门

d3的安装 npm install d3 --save 在需要的文件中导入 import * as d3 from "d3" 向svg中填充图形 <template> <div class="dthreeAppend"> <p class="title">This is a d3</p> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" width="600" height="300"></svg> </div> </template> <script> import * as d3 from "d3" export default { mounted(){ var svg=d3.select('svg') .attr('width',600) .attr('height',400) svg.append('circle') .attr('cx',100) //cx,cy圆心坐标 .attr('cy',200) .attr('r',50) //r圆心半径 .attr('fill','blue'); //将圆设置为蓝色 svg.append('rect') //矩形 .attr('x',50) //矩形左上角横坐标 .attr(

对象（续）

阅读更多关于对象（续）

日期对象 JavaScript使用Date对象表示日期 1.创建日期对象 new Date() 通过new Date创建一个日期对象，这个对象就表示当前日期（现在）例： < script > var d = new Date ( ) ; document . write ( 'new Date():' + d ) ; < / script > 2.年/月/日 getFullYear()、getMonth()、getDate() 分别获取年月日需要注意的是，getMonth()返回的约束，是基0的，0代表1月份例： < script > var d = new Date ( ) ; document . write ( '分别获取年月日' ) ; document . write ( d . getFullYear ( ) ) ; document . write ( "/" ) ; document . write ( d . getMonth ( ) ) ; document . write ( "/" ) ; document . write ( d . getDate ( ) ) ; < / script > 3.时分秒毫秒 d.getHours()/getMinutes()/getSeconds()/getMilliSeconds() 分别获取时：分：秒：毫秒

ECMAScript 6入门

阅读更多关于 ECMAScript 6入门

一、ECMAScript 6 简介 ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 1、ECMAScript 和 JavaScript 的关系要讲清楚这个问题，需要回顾历史。1996 年 11 月，JavaScript 的创造者 Netscape 公司，决定将 JavaScript 提交给标准化组织 ECMA，希望这种语言能够成为国际标准。次年，ECMA 发布 262 号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为 ECMAScript，这个版本就是 1.0 版。因此，ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现（另外的 ECMAScript 方言还有 Jscript 和 ActionScript） 2、ES6 与 ECMAScript 2015 的关系 2011 年，ECMAScript 5.1 版发布后，就开始制定 6.0 版了。因此，ES6 这个词的原意，就是指 JavaScript 语言的下一个版本。 ES6 的第一个版本，在 2015 年 6 月发布，正式名称是《ECMAScript 2015 标准》

JS实现天、时、分、秒倒计时---处理ios兼容问题

阅读更多关于 JS实现天、时、分、秒倒计时---处理ios兼容问题

马上双十二了，各大电商平台的活动倒计时又要开启了。今天在做移动端倒计时的时候，遇到了ios兼容问题，特意在此记录，希望早看到的小伙伴可以少走弯路。倒计时的实现 // 双十二倒计时 var endTime = '2019-12-12 00:00:00' ; // 结束时间 var startTime = '2019-12-10 00:00:00' ; // 开始时间 var et = new Date ( endTime ) . getTime ( ) ; // 结束时间戳 var st = new Date ( startTime ) . getTime ( ) ; // 开始时间戳 var ct = new Date ( ) . getTime ( ) ; // 当前时间戳 var val = et - ct ; // 开始倒计时的时间戳 var res , timer ; // 最终时间，定时器 var tDom = $ ( '.count-down' ) ; // 拿到倒计时的dom // 拆分时间位数的函数----hh拆成 h h function splitTime ( time ) { var str1 , str2 , str ; var len = time . toString ( ) . length ; if ( len === 2 ) { str1 =

ES6学习之 - 编程风格 ※

阅读更多关于 ES6学习之 - 编程风格 ※

块级作用域（1）let 取代 var ES6 提出了两个新的声明变量的命令： let 和 const 。其中， let 完全可以取代 var ，因为两者语义相同，而且 let 没有副作用。 'use strict'; if (true) { let x = 'hello'; } for (let i = 0; i < 10; i++) { console.log(i); } 上面代码如果用 var 替代 let ，实际上就声明了两个全局变量，这显然不是本意。变量应该只在其声明的代码块内有效， var 命令做不到这一点。 var 命令存在变量提升效用， let 命令没有这个问题。 'use strict'; if (true) { console.log(x); // ReferenceError let x = 'hello'; } 上面代码如果使用 var 替代 let ， console.log 那一行就不会报错，而是会输出 undefined ，因为变量声明提升到代码块的头部。这违反了变量先声明后使用的原则。所以，建议不再使用 var 命令，而是使用 let 命令取代。（2）全局常量和线程安全在 let 和 const 之间，建议优先使用 const ，尤其是在全局环境，不应该设置变量，只应设置常量。 const 优于 let 有几个原因。一个是 const

在小程序中点击后跳转到另一个小程序

阅读更多关于在小程序中点击后跳转到另一个小程序

绑定一个点击事件：点击触发的函数 jumpToReportDetail: function(e) { 　　if (e.timeStamp-this.data.lastClickTime < 300){ 　　　　return 　　} 　　this.setData({ 　　　　lastClickTime: e.timeStamp 　　}) 　　//跳转到报告详情　　const tokenInfo = wx.getStorageSync('tokenInfo'); 　　var data = e.currentTarget.dataset; 　　console.log(data) 　　var path = " "; 　　wx.navigateToMiniProgram({ 　　　　appId: ' ',//要打开的小程序appId 　　　　envVersion:' ',//要打开的小程序版本　　　　path: path,// 打开的页面路径　　　　success(res) { 　　　　　　console.log("打开成功"); 　　　　} 　　}) }, 来源： https://www.cnblogs.com/weiweiyeyu/p/12015180.html

js消除图片小游戏

阅读更多关于 js消除图片小游戏

做了一个简易的消除图片的小游戏，没有连线的规则。 <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < meta http-equiv = " X-UA-Compatible " content = " ie=edge " > < title > js连连看 </ title > < style > * { margin : 0 ; padding : 0 ; } html, body { width : 100% ; height : 100% ; background : #222 ; overflow : hidden ; } .wrapper { background-size : 100% 100% ; margin : 10px auto ; position : relative ; /* border: 1px solid #f40; */ } .square { cursor : pointer ; position : absolute ; width : 80px ; height : 80px ;

学习 easyui 之四：禁用 linkbutton 问题之后,颜色变灰,但是还能执行onclick事件

阅读更多关于学习 easyui 之四：禁用 linkbutton 问题之后,颜色变灰,但是还能执行onclick事件

1.问题的起源 linkbutton 是 easyui 中常用的一个控件，我们可以使用它创建按钮。用法很简单，使用 a 元素，标记上 easyui-linkbutton 的类就可以看到按钮了。 <a id="btn" class="easyui-linkbutton">这是一个按钮</a> 看起来就是这个样子或者使用代码方式。 $("#btn").linkbutton(); 不过，点了也没有作用，如果希望有作用，那么，再为它添加一个事件处理吧。通常你会使用 jQuery 的方式添加事件处理函数。结果可能是这样。脚本中的事件注册。 $("#btn").click(function () { alert("我被点到了！"); }); 看起来一切正常。很快你发现一个新的需求，需要暂时禁用这个按钮，太简单了，easyui 中已经提供了禁用按钮的方法 disable，来让我们禁用一下。直接调用linkbutton的"disable"属性,代码变成了这样。 $("#btn").linkbutton("disable"); 按钮则变成了这样。再点击一下，傻眼了吧！提示框照样弹了出来！。 2. linkbutton 是如何禁用按钮的 easyui 提供了 linkbutton 的源代码，所以，我们可以很方便地看一下，内部是如何实现禁用按钮的。 function setButtonState

学会JavaScript函数式编程(第1部分)

阅读更多关于学会JavaScript函数式编程(第1部分)

摘要： JS函数式编程入门。原文：学会使用函数式编程的程序员(第1部分) 作者：前端小智 Fundebug 经授权转载，版权归原作者所有。在这篇由多部分组成的文章中，接下来将介绍函数式编程的一些概念，这些概念对你学习函数式编程有所帮助。如果你已经懂了什么是函数式编程，这可以加深你的理解。请不要着急。从这一点开始，花点时间阅读并理解代码示例。你甚至可能想在每节课结束后停止阅读，以便让你的观点深入理解，然后再回来完成。最重要的是你要理解。纯函数(Purity) 所谓纯函数，就是指这样一个函数，对于相同的输入，永远得到相同的输出，它不依赖外部环境，也不会改变外部环境。如果不满足以上几个条件那就是非纯函数。下面是Javascript中的一个纯函数示例: var z = 10; function add(x, y) { return x + y; } 注意， add 函数不涉及 z 变量。它不从 z 读取，也不从 z 写入，它只读取 x 和 y ，然后返回它们相加的结果。这是一个纯函数。如果 add 函数确实访问了变量z，那么它就不再是纯函数了。请思考一下下面这个函数： function justTen() { return 10; } 如果函数 justTen 是纯的，那么它只能返回一个常量, 为什么？因为我们没有给它任何参数。而且，既然是纯函数的

[学习笔记]记一次使用web3.js连接INFURA公共节点进行以太币转账

阅读更多关于 [学习笔记]记一次使用web3.js连接INFURA公共节点进行以太币转账

注册infura账号，获取项目工程ID https://infura.io/ 创建一个项目安装node.js，新建一个工程目录 mkdir web3 && cd web3 && echo {} > package.json 使用npm安装web3.js以及ethereumjs-tx： npm install web3 ethereumjs-tx 对于未知的东西都喜欢先从简单的测试开始一步步去了解，先进行个测试操作： $ node Welcome to Node.js v12.13.0. Type ".help" for more information. > var Web3 = require ( 'web3' ) undefined > if ( typeof web3 != = 'undefined' ) { .. . web3 = new Web3 ( web3.currentProvider ) ; .. . } else { .. . web3 = new Web3 ( new Web3.providers.HttpProvider ( "https://mainnet.infura.io/v3/19ccd12995a34b9ba3cb71f43473d3f3" )) ; .. . } 连接成功打印的内容 Web3 { currentProvider: [

订阅 var函数