js代码 | 易学教程

JS 循环

阅读更多关于 JS 循环

介绍循环之前，首先要说一下同样很重要的 if-else结构，switch-case结构 ①if-else结构 if(判断条件) { 条件为true时执行 } else{ 条件为false时执行 } ②if-else-if结构(阶梯if) if(条件一){ 条件一成立 } else if( 条件二){ 条件一不成立&&条件二成立（else-if部分可以有多个） } else{ 条件一不成立&&条件二不成立 } ③嵌套if结构结构写法 if（条件一）{ 　　条件一成立 if（条件二）{ } else{ 条件一成立&&条件二不成立 } } else{ 条件一不成立 } 要注意的是 if()中的表达式，运算之后结果应该是 ①boolean： true为真，false为假 ②string：非空字符串为真，空字符串为假 ③null / NaN /Undefined 全为假 ④object类型全为真 ⑤number： 0为假，非零为真 Switch-Case结构 1.．结构写法： switch（表达式）{ 　　case 常量表达式1：　　语句一；　　break；　　case 表达式2：　　语句二；　　break； ....... 　　default：　　语句N } 2.注意事项： ①switch（）中的表达式以及每个case后的表达式，可以为任何JS支持的数据类型

js基础（二）

阅读更多关于 js基础（二）

1、作用域　　块级作用域：一个大括号可以看成是一块，在这块区域中定义的变量，只能在这个区域中使用。　　全局变量：用var声明的变量，可以在任何地方使用　　局部变量：在函数内部定义的变量　　隐式全局变量：声明的变量没有var。全局变量是不能被删除的，隐式全局变量可以被删除。 { var a = 10; console.log(`a=${a}`); // 10 } console.log(`a=${a}`); // 10 { const b = 10; console.log(`b=${b}`); } //console.log(`b=${b}`); // b is not defined { let c = 10; console.log(`c=${c}`); } //console.log(`c=${c}`); // c is not defined 　　if块 if (false) { var b = 20; } console.log(`b=${b}`) // b=undefined if (true) { var c = 20; } console.log(`c=${c}`) // c=20 　　方法内定义的变量 function fun () { var a = 10; console.log(`fun方法内打印a的值，a=${a}`) } fun() /

js笔记1

阅读更多关于 js笔记1

1JS简介特点：跨平台弱类型基于对象函数式编程跨平台：可以再不同的系统上运行弱类型：Java是强类型给什么数据就是什么类型基于对象：面向对象函数式编程脚本语言：js运行依赖于一个网页，不能独立运行 2JS输出方式 alert(); console.log(); document.write(); prompt("请输入");//提示对话框 3变量在程序运行期间，其值发生变化的量，类似于数学中的未知数 js定义变量 var 变量名 = 值； var b; b=10;先定义后赋值 4数据类型 5种基本数据类型用typeof检测变量的类型数字类型number 字符串string 布尔类型boolean true false undefined 一个变量定义后没有赋值,默认是undefined null 空引用类型 object 5运算符取模运算符% parseInt()向下取整短路现象 && 前面为假就整体为假,||前面为真,结果就是真,不用看后面的. Mumber()把其他类型转数字; Boolean()把其他类型转为布尔值 eval("alert('ok')");执行js表达式的 6控制结构顺序结构条件结构(分支结构) 循环结构(重复结构) 其他类型转为布尔类型 undefined转化为 false null false 数字中 0 -0

用JS识别各版本浏览器

阅读更多关于用JS识别各版本浏览器

自昨天发了各浏览器内核介绍的随笔，就闲不住了，想直接写个JS来识别用户所用浏览器版本。写着写着却发现很多坑爹的地方，比如IE10-的版本是依循常规支持attachEvent，但到了IE11，却只支持addEventListener而不再支持attachEvent。光是这一点就可以判断IE是个大坑，IE11的存在可能会导致之前你写过的代码出现错乱。另如原本可用 var ieVersion = eval("''+/*@cc_on"+" @_jscript_version@*/-0")*1 的嗅探脚本来判断是否IE，如果值非0则表示为IE浏览器，但到了IE11，也直接返回0了（即IE11不再识别@cc_on这个IE独有的条件编译语句）。。。。还有就是上篇文章提到的Opera自从去年就抛弃了自家的Presto内核，转而跟进使用Chrome内核，导致的结果是，新版Opera不再支持window.opera，而且跟随Chrome浏览器支持window.chrome等系列Chrome特性，就连userAgent字样也去了“opera”并直接套用Chromium/Blink内核的userAgent信息（好事是在尾部还是保留了一句OPR/XX.0）不过琢磨琢磨，问题总会得到解决的。首先解决下比较容易解决的Firefox，其userAgent信息如下：对比其它浏览器内核的ua信息它独有

程序员整理的各种不错的工具

阅读更多关于程序员整理的各种不错的工具

技术站点 Hacker News：非常棒的针对编程的链接聚合网站 Programming reddit：同上 MSDN：微软相关的官方技术集中地，主要是文档类 infoq：企业级应用，关注软件开发领域 OSChina：开源技术社区，开源方面做的不错哦 cnblogs，51cto，csdn：常见的技术社区，各有专长 stackoverflow：IT技术问答网站 GitHub：全球最大的源代码管理平台，很多知名开源项目都在上面，如Linux内核， OpenStack等免费的it电子书：http://it-ebooks.info/ DevStore:开发者服务商店不错的书籍人件人月神话代码大全2 计算机程序设计艺术程序员的自我修养程序员修炼之道高效能程序员的修炼（成为一名杰出的程序员其实跟写代码没有太大关系）深入理解计算机系统软件随想录算法导论（麻省理工学院出版社）离线数学及其应用设计模式编程之美黑客与画家编程珠玑 C++ Prime Effective C++ TCP/IP详解 Unix 编程艺术《精神分析引论》弗洛伊德搞定：无压力工作的艺术平台工具（都是开源的好东东哦） Redmine/Trac：项目管理平台 Jenkins/Jira(非开源)：持续集成系统（Apache Continuum，这个是Apache下的CI系统，还没来得及研究）

Canvas + JS 实现简易的时钟

阅读更多关于 Canvas + JS 实现简易的时钟

之前学习了下html5中的canvas元素，为了练练手就实现了一个简易的时钟。时钟本身并不复杂，也没有使用图片进行美化，不过麻雀虽小五脏俱全，下面就与大家分享一下：实现效果： html代码： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Clock</title> <style type="text/css"> *{ margin: 0; padding: 0; } .canvas{ margin-left: 20px; margin-top: 20px; border: solid 1px; } </style> </head> <body onload= "main()"> <canvas class = "canvas" id="canvasId" width = '500px' height = '400px'></canvas> <script type= "text/javascript" src = "Clock.js"></script> </body> </html> JS代码: var Canvas = {}; Canvas.cxt = document.getElementById(

WebView Js注入

阅读更多关于 WebView Js注入

注入前：注入后：主界面： [java] view plain copy package com.example.webviewjsdemo; import android.os.Bundle; import android.app.Activity; import android.view.Menu; import android.webkit.WebChromeClient; import android.webkit.WebSettings; import android.webkit.WebView; import android.webkit.WebViewClient; import android.widget.Toast; public class MainActivity extends Activity { private WebView wv; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); wv = (WebView) findViewById(R.id.wv_main); wv.setWebChromeClient( new

js基础

阅读更多关于 js基础

目录： 1、js介绍 * js是一款运行在客户端的网页编程语言。最初的目的是为了处理表单的验证操作。 - 弱类型语言 - 脚本语言 - 解释型语言 - 动态类型的语言 - 基于对象的语言 * 组成 - ECMAscript：js标准 - DOM(Document Object Model)：文档对象模型，通过js操作网页元素 - BOM(Bowser Object Model)：浏览器对象模型，通过api操作浏览器 * 特点： - 简单易用 - 解释执行，无需编译 - 基于对象 * js的应用场景 - 网页特效 - 服务端开发（nodejs） - 命令行工具（nodejs） - 桌面程序（Electron） - app（Cordova） - 控制硬件-物联网（Ruff） - 游戏开发（coco2d-js） 2、js的书写位置 * 内嵌式 <script type="text/javascript"> alert("Hello~"); </script> * 外链式 <script src="" type="text/javascript"></script> * html标签内嵌 <input type='button' value='alert(hello~)' onclick='' /> 3、js代码的注意事项和注释 1）在一对script标签中有错误的js代码

利用JS实现简单的瀑布流效果

阅读更多关于利用JS实现简单的瀑布流效果

　　哈哈, 我又来啦, 在这一段时间里, 我简单的学习了一下javascript(JS), 虽然不是很懂啦, 但是我也简单的尝试着做了点小东西, 就比如现在流行的瀑布流效果, 经过我的努力终于成功的完成了, 虽然中间非常的坎坷, 并不是一帆风顺但是最终我还是实现了个简单的效果, 下面就为大家简单的介绍下, 不知道的友友们, 有兴趣的话, 可以来参考下, 欢迎指出缺点和不足! 一.瀑布流之准备工作　　首先声明下, 为了方便演示和联系, 我使用的是本地图片, 如果大家有需要的话可以尝试着写下网络的, 不过本地和远端的大致是相同的. 那么我就来简单介绍下本地的瀑布流效果吧, 我们要先准备好八九张图片, 当然啦, 我们实现的是瀑布流效果, 所以最好是高度不相同的, 这样才可以看出来效果, 对吧, 嘿嘿. 二.代码的准备工作　　我们打开开发工具, 先建个html工程, 在内部写下如下代码, 因为是准备工作, 所以刚开始写的都是一些基础性的东西, 就不一一解释了, 直接上代码: <body> <div id="container"> <div class="box"> <div class="boximg"> <img src="img/1.jpeg"> </div> </div> <div class="box"> <div class="boximg"> <img src="img

JS + HTml 时钟代码实现

阅读更多关于 JS + HTml 时钟代码实现

JS+ Html 画布实现的时钟效果图：闲来无聊做了一个网页的时钟，效果模拟传统时钟的运行方式，运用了html 的画布实现指针，背景图片引用了网络图片。具体原理：首先将时钟分为四个不同区域，对每个区域计算cos，sin 来确实指针顶点位置。在通过画布来绘画出指针。通过setInterval 每秒刷新指针位置实现传统机械表针的动态跳动。本人是JS开发程序员，从业1年多。闲来无聊的简单页面，欢迎大家提问，或者建议。共同进步代码部分，直接复制HTML 文件中即可查看效果： <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>clock</title> </head> <body style="color:green;  background-size:100%; background-repeat: no-repeat; background-attachment:fixed"> <div style="width: 900px; height: 900px; margin-top:

订阅 js代码