安财小山羊
安财小山羊

JavaScript入门(part2)--JS书写方式及注释

学习笔记，仅供参考，有错必纠

参考自：pink老师教案

文章目录

    • JavaScript入门
      • JS书写方式
        • 行内式
        • 内嵌式
        • 外部JS文件
      • JS注释


JavaScript入门


JS书写方式


JS有3种书写方式，分别为行内、内嵌和外部，下面我们将进行一一演示。


行内式


  • 举个例子

HTML代码：


"en">


    "UTF-8">
    "viewport" content="width=device-width, initial-scale=1.0">
    JS导入方式



    "button" value="点我" οnclick="alert('Hi~')" />

页面：

JavaScript入门(part2)--JS书写方式及注释_第1张图片


  • 注意事项
    • 可以将单行或少量 JS 代码写在HTML标签的事件属性中（以on开头的属性，如：onclick）
    • 注意单双引号的使用：在HTML中我们推荐使用双引号, JS 中我们推荐使用单引号
    • 可读性差， 在html中编写JS大量代码时，不方便阅读；
    • 引号易错，引号多层嵌套匹配时，非常容易弄混；

内嵌式


  • 举个例子

HTML代码：


<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS导入方式title>
    <script>
        alert('Hello  World~!');
    script>
head>

<body>

body>

html>

注意，可以将多行JS代码写到script标签中。

页面：

JavaScript入门(part2)--JS书写方式及注释_第2张图片


外部JS文件


  • 举个例子

HTML代码：


<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS导入方式title>
    <script src="js/jsDemo1.js">script>
head>

<body>

body>

html>

页面：

JavaScript入门(part2)--JS书写方式及注释_第3张图片


  • 注意事项
    • 利于HTML页面代码结构化，把大段 JS代码独立到 HTML 页面之外，既美观，也方便文件级别的复用
    • 引用外部 JS文件的成对script标签中不可以写代码
    • 该引用方式，适合于JS 代码量比较大的情况

JS注释


单行注释的注释方式如下：

// 我是一行文字

多行注释的注释方式如下：

/*
  我是第1行
  我是第2行
*/

你可能感兴趣的:(JavaScript,前端,javascript)

  • Vue：现代前端开发的首选框架-【应用篇】 行动π技术博客 vue.js前端javascript
    引言在现代前端开发中，Vue.js以其轻量、灵活和易学的特性成为开发者的热门选择。本文将深入探讨Vue.js的核心优势，与React和Angular的比较，前端工程化的最佳实践，性能优化的关键策略，测试驱动开发（TDD）的实施方法，以及Vue.js生态系统的强大工具和资源。Vue.js与React和Angular的深度比较Vue.js的核心优势学习曲线：Vue.js的设计哲学使得新手能够快速上手，
  • Web前端学习重点笔记 HeHolly 前端学习笔记
    第一章：Web前端开发技术综述第二章：HTML基础第三章：格式化文本与段落标记：标题字标记：大——小字体标记：水平线标记：段落缩进标记：默认5个字符位置拼音标记：何(he)原样显示标记：特殊符号：显示结果说明符号代码空格 >大于号>加粗倾斜删除线下划线上标下标加粗倾斜变小字号变大字号第四章：列表有序列表……type="1(默认)|A|a|i|I"无序列表……type="disc(默
  • 解决ERROR: This version of pnpm requires at least Node.js xxx 的问题 互联网全栈开发实战 前端开发技术解决方法vue.jsjavascriptnode.js前端npm前端框架
    1.复现错误今天从gitee下载某项目，用来学习前端开发，在执行npmi-gpnpm命令时，虽然没有报错，但出现不分警告，暂忽略这些警告，执行如下命令时，却报出错误：PSC:\test>pnpmiERROR:ThisversionofpnpmrequiresatleastNode.jsv18.12ThecurrentversionofNode.jsisv16.0.0Visithttps://r.p
  • Node.js超详细教程！ 刘大本尊 前端技术node.js
    0.基础概念Node.js是一个基于ChromeV8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型，让JavaScript运行在服务端的开发平台。官方地址：https://nodejs.org/en中文地址：https://nodejs.org/zh-cn代码初体验：console.log("helloNodeJS")//1.进入到对应js文件的目录下//2.执行nod
  • Sui Bridge激励计划更新，一周后结束 Sui_Network Sui重要公告web3大数据区块链网络云计算
    SuiBridge的激励测试网阶段将于7月8日结束，这是最后一周参与的机会。在这一关键阶段，社区反馈和全面测试对于确保SuiBridge在主网上线时的顺利运行至关重要。为了确保你的操作符合奖励条件，请确保遵守以下要求：完成完整的桥接循环，从以太坊转移到Sui，再从Sui转回以太坊。仅通过官方的SuiBridge前端发起桥接交易。对于提供反馈的人，请确保你的Sui地址与Discord上的反馈相关联。
  • 多种vue前端框架介绍 灵魂清零 其他前端javascript
    学如逆水行舟，不进则退。在现今的软件开发领域，Vue.js凭借其高效、灵活和易于上手的特性，成为了前端开发的热门选择。对于需要快速搭建企业级后台管理系统的开发者而言，使用现成的Vue后台管理系统模板无疑是一个明智之举。本文我为大家分享几款开源、免费开源、开箱即用的开源免费的Vue3开源管理后台，它们可以帮助你在项目中快速起步！专注于业务逻辑的开发。01.vue-element-adminGithu
  • 2018年年度总结 weixin_30514745 前端后端phpViewUI
    首先先看2017年定下的小目标：PHP基础知识的再次学习。（今年在工作的时候也发现了这个问题，所以将PHP基础知识再学习了一遍，对一些容易混淆的概念进行了学习。这个目标算是实现了80%吧）对前端新特性的了解。（因为之前在太原工作的时候，前端后端都干，所以当时觉得前端和后台都很重要，今年在北京主要干的是后端的工作，所以这个并没有去进行了解）python的学习。（这个也没有进行学习，了解了也没有用，今
  • 钉钉小程序、文件上传（excel、ppt、word等） xluo1715 钉钉（小程序和H5）钉钉小程序excelpptpdfword
    钉钉小程序上传下载（反显）文件（如excelpptworld等文件）前端处理（需要后端配合加上传下载的权限）要上传excelpptworld等文件还需要借助钉盘实现，我就不废话了，直接上代码axml结构,红框中的为钉盘文件上传和预览其余的是兼容图片上传和PC端上传的文件，这里提一嘴，如果是PC端上传到自己服务器的文件要想在小程序里显示，需要后端把服务器的文件先传到钉盘，前端再通过钉盘下载，如果是小
  • JavaScript中通过array.map(）实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等，array.map(）的使用详解（附实际应用代码） watermelo37 前端#数据结构javascriptvue.js前端算法数据分析数据挖掘
    目录JavaScript中通过array.map(）实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等，array.map（）的使用详解（附实际应用代码）一、什么时候该使用Array.map()，与forEach()的区别是什么？1、什么时候该用Array.map()2、Array.map()与Array.forEach()的区别二、Array.map(）的使用与
  • 零售业的AI赋能与前端开发效率革命：ScriptEcho 的助力 前端
    零售业正经历着前所未有的数字化转型，但同时也面临着巨大的挑战。库存管理混乱、个性化客户体验不足等问题，严重制约着零售企业的盈利能力。而人工智能（AI）的兴起，为解决这些问题提供了新的思路。通过AI驱动的实时库存管理和客户行为分析，零售企业可以显著提升运营效率和客户满意度。然而，构建这些AI赋能的零售应用，需要强大的前端开发能力，这正是AI代码生成器ScriptEcho能够发挥关键作用的地方。AI赋
  • 前端大文件OSS上传注意事项 前端
    大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比较长（要传输更多的报文，丢包重传的概率也更大），用户不能刷新页面，只能耐心等待请求完成。1.利用上传控件inputtype="file"绑定一个change事件，在回调中通过事件对象的e.target.files拿到这个文件对象，进行文件对象的slice方
  • JS工程化集锦
    项目工具模块化JS模块规范CommonJS·AMD·CMD·UMD·ES6NPM版本NPM版本介绍打包构建polyfill工程化篇-JS兼容方案项目管理LintCodeReview效率工具ESLint方案官方：https://cn.eslint.org/docs/user-guide/configuringairbnb:https://github.com/airbnb/javascriptsta
  • 深入理解视图的创建与删除：数据库管理中的高级功能
    title:深入理解视图的创建与删除：数据库管理中的高级功能date:2025/1/21updated:2025/1/21author:cmdragonexcerpt:在现代数据库管理系统中，视图是一个重要的高级功能，可以为用户提供定制化的数据视图以满足特定需求。视图不仅能够简化复杂的查询，还能增强数据安全性和访问效率。categories:前端开发tags:数据库视图创建视图删除视图数据库管理数
  • 百度AI战略与2025年AI应用井喷：AI代码生成器ScriptEcho如何助力前端开发 前端
    2025年，百度创始人李彦宏在百度25周年全员信中预言：AI应用将在2025年井喷式增长。这预示着AI技术将迎来一个新的发展高峰，同时也为前端开发者带来了前所未有的机遇和挑战。面对AI应用的快速发展，如何提升前端开发效率，降低开发成本，成为摆在开发者面前的难题。本文将探讨百度AI战略下前端开发面临的挑战，并重点介绍AI代码生成器ScriptEcho如何助力开发者迎接2025年AI应用井喷的浪潮。百
  • [前端算法]动态规划 摇光93 算法算法动态规划
    最优子结构,重叠子问题爬楼梯递归+记忆化搜索自顶向下varclimbStairs=function(n){letmap=[]functiondfs(n){if(n=coins[j]){dp[i]=Math.min(dp[i],dp[i-coins[j]]+1);}}}if(dp[amount]===Infinity){return-1;}returndp[amount];}01背包问题functi
  • 【2024年华为OD机试】(C/D卷,200分)- 5G网络建设 （JavaScript&Java & Python&C/C++） 妄北y 算法汇集笔记总结(保姆级)华为odc语言5Gpythonjavascriptjava网络
    一、问题描述题目描述现需要在某城市进行5G网络建设，已经选取N个地点设置5G基站，编号固定为1到N。接下来需要各个基站之间使用光纤进行连接以确保基站能互联互通。不同基站之间假设光纤的成本各不相同，且有些节点之间已经存在光纤相连。请你设计算法，计算出能联通这些基站的最小成本是多少。注意：基站的联通具有传递性，比如基站A与基站B架设了光纤，基站B与基站C也架设了光纤，则基站A与基站C视为可以互相联通。
  • 使用Python进行后端开发 code_welike python开发语言后端
    在现代的Web应用程序中，后端开发扮演着至关重要的角色。后端是负责处理数据、逻辑和业务规则的部分，它与前端交互并提供必要的功能和服务。Python是一种广泛使用的编程语言，具有丰富的库和框架，非常适合用于后端开发。本文将介绍如何使用Python进行后端开发，并提供一些示例代码。安装Python和相关工具首先，我们需要安装Python和一些常用的后端开发工具。你可以从Python官方网站（https
  • JS中const有没有变量提升 lvbb66 javascript前端开发语言
    在JavaScript中，const关键字用于声明一个只读的常量，其值在初始化后不能被重新赋值。关于变量提升（Hoisting），它是JavaScript中一个重要的概念，指的是无论变量或函数声明在何处，它们都会被“提升”到其所在作用域的最顶部。但是，这个规则不完全适用于const和let声明的变量。变量提升（Hoisting）的传统理解在ES6之前，JavaScript只有var关键字用于声明变
  • 一比一实现ChatGPT流式接口前端显示效果（打字机效果）【对比几种不同的流式实现方案】 吉吉安 前端javapythonGPTchatgpt
    前端实现GPT或者其他大模型的流式推送的数据接收可以通过EventSource、Axios、或者基于EventSource实现的@microsoft/fetch-event-source插件库；GPT官方是基于原生EventSource实现的流式数据接收，我们作为个人开发使用可以使用Axios或者使用@microsoft/fetch-event-source插件库，后两种可以携带header并且操
  • 软件生命周期管理的智能化转型：AI写代码工具赋能前端开发 前端
    软件开发行业正经历着前所未有的变革。传统的软件生命周期管理模式，常常面临效率低下、成本居高不下、团队沟通不畅以及错误率高等诸多挑战。为了应对这些挑战，智能化转型已成为大势所趋。本文将探讨如何利用先进技术，例如AI写代码工具，来提升软件开发效率，最终实现软件生命周期管理的智能化转型。智能化转型：提升软件开发效率的关键软件生命周期管理涵盖需求分析、设计、编码、测试、部署和维护等多个阶段。每个阶段都可能
  • 用python、JavaScript (Node.js)、JAVA等多种语言的实例代码演示教你如何获取股票数据（实时数据、历史数据、CDMA、KDJ等指标数据配有股票数据API接口说明文档详解参数说明 Eumenides_max pythonjavascriptnode.js股票API接口股票数据接口
    近一两年来，股票量化分析逐渐受到广泛关注。而作为这一领域的初学者，首先需要面对的挑战就是如何获取全面且准确的股票数据。因为无论是实时交易数据、历史交易记录、财务数据还是基本面信息，这些数据都是我们进行量化分析时不可或缺的宝贵资源。我们的核心任务是从这些数据中挖掘出有价值的信息，为我们的投资策略提供有力的支持。在寻找数据的过程中，我尝试了多种途径，包括自编网易股票页面爬虫、申万行业数据爬虫，以及同花
  • 【前端三剑客实现3D相册~爱她，就为她做一个3D相册吧！！！】 烂然星陈 前端动态集前端3dhtml5css3javascript
    爱她，就为她做一个3D相册吧！！！创建一个3D相册盒子效果的HTML页面引言一、技术栈二、页面结构三、样式设计四、JavaScript逻辑五、总结完整源码获取，私信了解更多！！！创建一个3D相册盒子效果的HTML页面引言在网页设计中，3D效果总能吸引用户的注意力，提升用户体验。本文介绍如何使用HTML、CSS和JavaScript创建一个3D相册盒子效果。这个效果不仅包含了3D旋转和缩放动画，还结
  • 利用AI代码生成器构建高效智能的前端组件库生态 前端
    前端组件库是现代前端开发的基石，它能够极大地提高开发效率，提升代码复用率，并降低维护成本。然而，构建和维护一个高质量的前端组件库却面临着诸多挑战。传统方式下，开发者常常需要花费大量时间进行重复性工作，组件复用性差，难以保证组件质量的一致性，团队协作也存在困难，最终导致开发效率低下和维护成本居高不下。本文将探讨如何利用智能化工具，例如AI代码生成器，来构建一个更高效、更智能的前端组件库生态。智能化构
  • 软件生命周期管理的智能化转型：AI写代码工具赋能前端开发 前端
    软件开发行业正经历着前所未有的变革。传统的软件生命周期管理模式，常常面临效率低下、成本居高不下、团队沟通不畅以及错误率高等诸多挑战。为了应对这些挑战，智能化转型已成为大势所趋。本文将探讨如何利用先进技术，例如AI写代码工具，来提升软件开发效率，最终实现软件生命周期管理的智能化转型。智能化转型：提升软件开发效率的关键软件生命周期管理涵盖需求分析、设计、编码、测试、部署和维护等多个阶段。每个阶段都可能
  • Vue 3 中的 fragment 是什么？它为什么被引入？ JJCTO袁龙 Vuevue.js前端javascript
    Vue3中的Fragment：全新特性与应用场景在前端开发中，我们自主决定如何组织和展示数据。对于频繁与DOM打交道的开发者而言，如何高效、灵活地进行渲染显得尤为重要。Vue.js作为一款备受欢迎的渐进式JavaScript框架，持续为开发者提供各种性能优化和特性增强。在Vue3中，Fragment功能的引入为开发者们提供了更多选择与便利。本文将重点讨论Vue3中的Fragment的含义、特性，以
  • 五、React(环境配置和ES6语法糖） 老帅比阿 web前端开发javascriptreact.js前端
    文章目录一、React是什么？二、React能用来做什么？三、配置环境四、ES6语法糖总结一、React是什么？React是一个开源JavaScript库，用于专门为单页应用程序构建用户界面。它用于处理Web和移动应用程序的视图层，允许我们创建可重用的UI组件。二、React能用来做什么？React非常灵活。你学会了React，你就可以在各种各样的平台上使用它来构建高质量的用户界面。React是一
  • 10多套html视频教程，让你彻底搞懂html。学习路上助你一臂之力！ guoguo507 前端javascripthtml
    快速入口在文章最后，大家耐心观看！谢谢(想学其他更多编程技术视频，请进我的博客查看。)踏上HTML之旅：从新手到进阶的蜕变在当今数字化时代，网页无处不在，从社交媒体到在线购物，从新闻资讯到学习平台。而HTML作为构建网页的基石，掌握它不仅是踏入Web开发领域的第一步，更是理解互联网信息呈现方式的关键。对于渴望在网页设计、前端开发领域一展身手的人来说，从浅入深地学习HTML是开启精彩旅程的钥匙。一、
  • TypeScript语言的软件工程 编程小筑 包罗万象golang开发语言后端
    TypeScript语言的软件工程实践引言在现代软件工程中，编程语言的选择对项目的成功至关重要。近年来，JavaScript凭借其在Web开发中的广泛应用取得了巨大成功。然而，随着Web应用程序的复杂性不断增加，开发者渐渐发现纯JavaScript在可维护性、类型安全性和开发效率方面的不足。为了解决这些问题，TypeScript应运而生。TypeScript是一种由微软开发的开源语言，它在Java
  • 安全见闻二：Web程序构成与潜在漏洞 vortex5 星河飞雪安全见闻安全web安全网络安全前端
    内容预览≧∀≦ゞ安全见闻二：Web程序构成与潜在漏洞声明导语前端语言及潜在漏洞前端语言前端框架与代码库常见的前端框架与代码库安全问题的根源前端潜在漏洞后端语言及潜在漏洞常见后端语言协议问题后端潜在漏洞数据库及潜在漏洞数据库分类数据库潜在漏洞服务器程序及潜在漏洞常见服务器程序服务器程序潜在漏洞结语安全见闻二：Web程序构成与潜在漏洞声明学习视频来自B站UP主泷羽sec,如涉及侵权马上删除文章笔记的只
  • 搭建直播网站技术层面准备全流程 sanx18 java
    搭建直播网站涉及多个环节，包括前期的规划、技术选型、开发、部署。以下是搭建直播网站的完整流程：1.技术选型服务器端语言与框架：后端-选择如Java(SpringBoot)、或Go。数据库：用户和直播信息-MySQL/PostgreSQL。快速读写-Redis（用于弹幕、热度计数等）。文件存储-阿里云OSS、腾讯云COS或本地存储。2.前端框架：PC端-React、Vue.js。移动端-ReactN
  • Linux的Initrd机制 被触发 linux
    Linux 的 initrd 技术是一个非常普遍使用的机制，linux2.6 内核的 initrd 的文件格式由原来的文件系统镜像文件转变成了 cpio 格式，变化不仅反映在文件格式上， linux 内核对这两种格式的 initrd 的处理有着截然的不同。本文首先介绍了什么是 initrd 技术，然后分别介绍了 Linux2.4 内核和 2.6 内核的 initrd 的处理流程。最后通过对 Lin
  • maven本地仓库路径修改 bitcarter maven
    默认maven本地仓库路径：C:\Users\Administrator\.m2 修改maven本地仓库路径方法：     1.打开E:\maven\apache-maven-2.2.1\conf\settings.xml     2.找到        
  • XSD和XML中的命名空间 darrenzhu xmlxsdschemanamespace命名空间
    http://www.360doc.com/content/12/0418/10/9437165_204585479.shtml http://blog.csdn.net/wanghuan203/article/details/9203621 http://blog.csdn.net/wanghuan203/article/details/9204337 http://www.cn
  • Java 求素数运算 周凡杨 java算法素数
    网络上对求素数之解数不胜数，我在此总结归纳一下，同时对一些编码，加以改进，效率有成倍热提高。 第一种：   原理: 6N(+-)1法         任何一个自然数，总可以表示成为如下的形式之一： 6N，6N+1，6N+2，6N+3，6N+4，6N+5 (N=0，1，2，…)   
  • java 单例模式 g21121 java
    想必单例模式大家都不会陌生，有如下两种方式来实现单例模式：   class Singleton { private static Singleton instance=new Singleton(); private Singleton(){} static Singleton getInstance() { return instance; }
  • Linux下Mysql源码安装 510888780 mysql
    1.假设已经有mysql-5.6.23-linux-glibc2.5-x86_64.tar.gz (1)创建mysql的安装目录及数据库存放目录       解压缩下载的源码包，目录结构，特殊指定的目录除外：           
  • 32位和64位操作系统 墙头上一根草 32位和64位操作系统
    32位和64位操作系统是指：CPU一次处理数据的能力是32位还是64位。现在市场上的CPU一般都是64位的，但是这些CPU并不是真正意义上的64 位CPU，里面依然保留了大部分32位的技术，只是进行了部分64位的改进。32位和64位的区别还涉及了内存的寻址方面，32位系统的最大寻址空间是2 的32次方= 4294967296（bit）= 4（GB）左右，而64位系统的最大寻址空间的寻址空间则达到了
  • 我的spring学习笔记10-轻量级_Spring框架 aijuans Spring 3
    一、问题提问：     → 请简单介绍一下什么是轻量级？     轻量级（Leightweight）是相对于一些重量级的容器来说的，比如Spring的核心是一个轻量级的容器，Spring的核心包在文件容量上只有不到1M大小，使用Spring核心包所需要的资源也是很少的，您甚至可以在小型设备中使用Spring。  
  • mongodb 环境搭建及简单CURD antlove WebInstallcurdNoSQLmongo
    一 搭建mongodb环境 1. 在mongo官网下载mongodb 2. 在本地创建目录 "D:\Program Files\mongodb-win32-i386-2.6.4\data\db" 3. 运行mongodb服务 [mongod.exe --dbpath "D:\Program Files\mongodb-win32-i386-2.6.4\data\
  • 数据字典和动态视图 百合不是茶 oracle数据字典动态视图系统和对象权限
    数据字典（data dictionary）是 Oracle 数据库的一个重要组成部分，这是一组用于记录数据库信息的只读（read-only）表。随着数据库的启动而启动,数据库关闭时数据字典也关闭   数据字典中包含   数据库中所有方案对象（schema object）的定义(包括表，视图，索引，簇，同义词，序列，过程，函数，包，触发器等等) 数据库为一
  • 多线程编程一般规则 bijian1013 javathread多线程java多线程
           如果两个工两个以上的线程都修改一个对象，那么把执行修改的方法定义为被同步的，如果对象更新影响到只读方法，那么只读方法也要定义成同步的。        不要滥用同步。如果在一个对象内的不同的方法访问的不是同一个数据，就不要将方法设置为synchronized的。
  • 将文件或目录拷贝到另一个Linux系统的命令scp bijian1013 linuxunixscp
    一.功能说明        scp就是security copy，用于将文件或者目录从一个Linux系统拷贝到另一个Linux系统下。scp传输数据用的是SSH协议，保证了数据传输的安全，其格式如下：        scp 远程用户名@IP地址：文件的绝对路径
  • 【持久化框架MyBatis3五】MyBatis3一对多关联查询 bit1129 Mybatis3
    以教员和课程为例介绍一对多关联关系，在这里认为一个教员可以叫多门课程，而一门课程只有1个教员教，这种关系在实际中不太常见，通过教员和课程是多对多的关系。   示例数据：   地址表：   CREATE TABLE ADDRESSES ( ADDR_ID INT(11) NOT NULL AUTO_INCREMENT, STREET VAR
  • cookie状态判断引发的查找问题 bitcarter formcgi
    先说一下我们的业务背景： 1.前台将图片和文本通过form表单提交到后台，图片我们都做了base64的编码，并且前台图片进行了压缩 2.form中action是一个cgi服务 3.后台cgi服务同时供PC，H5，APP 4.后台cgi中调用公共的cookie状态判断方法（公共的，大家都用，几年了没有问题） 问题：（折腾两天。。。。） 1.PC端cgi服务正常调用，cookie判断没
  • 通过Nginx,Tomcat访问日志(access log)记录请求耗时 ronin47
    一、Nginx通过$upstream_response_time $request_time统计请求和后台服务响应时间 nginx.conf使用配置方式： log_format main '$remote_addr - $remote_user [$time_local] "$request" ''$status $body_bytes_sent "$http_r
  • java-67- n个骰子的点数。 把n个骰子扔在地上，所有骰子朝上一面的点数之和为S。输入n，打印出S的所有可能的值出现的概率。 bylijinnan java
    public class ProbabilityOfDice { /** * Q67 n个骰子的点数 * 把n个骰子扔在地上，所有骰子朝上一面的点数之和为S。输入n，打印出S的所有可能的值出现的概率。 * 在以下求解过程中，我们把骰子看作是有序的。 * 例如当n=2时，我们认为（1，2）和（2，1）是两种不同的情况 */ private stati
  • 看别人的博客，觉得心情很好 Cb123456 博客心情
       以为写博客，就是总结，就和日记一样吧，同时也在督促自己。今天看了好长时间博客:    职业规划:    http://www.iteye.com/blogs/subjects/zhiyeguihua      android学习:    1.http://byandby.i
  • [JWFD开源工作流]尝试用原生代码引擎实现循环反馈拓扑分析 comsci 工作流
        我们已经不满足于仅仅跳跃一次，通过对引擎的升级，今天我测试了一下循环反馈模式，大概跑了200圈，引擎报一个溢出错误      在一个流程图的结束节点中嵌入一段方程，每次引擎运行到这个节点的时候，通过实时编译器GM模块，计算这个方程，计算结果与预设值进行比较，符合条件则跳跃到开始节点，继续新一轮拓扑分析，直到遇到
  • JS常用的事件及方法 cwqcwqmax9 js
    事件 描述 onactivate 当对象设置为活动元素时触发。 onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。 onbeforeactivate 对象要被设置为当前元素前立即触发。 onbeforecut 当选中区从文档中删除之前在源对象触发。 onbeforedeactivate 在 activeElement 从当前对象变为父文档其它对象之前立即
  • 正则表达式验证日期格式 dashuaifu 正则表达式IT其它java其它
    正则表达式验证日期格式 function isDate(d){ var v = d.match(/^(\d{4})-(\d{1,2})-(\d{1,2})$/i); if(!v) { this.focus(); return false; } } <input value="2000-8-8" onblu
  • Yii CModel.rules() 方法 、validate预定义完整列表、以及说说验证 dcj3sjt126com yii
    public array rules () {return} array 要调用 validate() 时应用的有效性规则。 返回属性的有效性规则。声明验证规则，应重写此方法。 每个规则是数组具有以下结构：array('attribute list', 'validator name', 'on'=>'scenario name', ...validation
  • UITextAttributeTextColor = deprecated in iOS 7.0 dcj3sjt126com ios
    In this lesson we used the key "UITextAttributeTextColor" to change the color of the UINavigationBar appearance to white. This prompts a warning "first deprecated in iOS 7.0." Ins
  • 判断一个数是质数的几种方法 EmmaZhao Mathpython
    质数也叫素数，是只能被1和它本身整除的正整数，最小的质数是2，目前发现的最大的质数是p=2^57885161-1【注1】。 判断一个数是质数的最简单的方法如下： def isPrime1(n): for i in range(2, n): if n % i == 0: return False return True 但是在上面的方法中有一些冗余的计算，所以
  • SpringSecurity工作原理小解读 坏我一锅粥 SpringSecurity
      SecurityContextPersistenceFilter   ConcurrentSessionFilter   WebAsyncManagerIntegrationFilter   HeaderWriterFilter   CsrfFilter   LogoutFilter   Use
  • JS实现自适应宽度的Tag切换 ini JavaScripthtmlWebcsshtml5
    效果体验：http://hovertree.com/texiao/js/3.htm   该效果使用纯JavaScript代码，实现TAB页切换效果，TAB标签根据内容自适应宽度，点击TAB标签切换内容页。 HTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"
  • Hbase Rest API : 数据查询 kane_xie RESThbase
    hbase（hadoop）是用java编写的，有些语言（例如python）能够对它提供良好的支持，但也有很多语言使用起来并不是那么方便，比如c#只能通过thrift访问。Rest就能很好的解决这个问题。Hbase的org.apache.hadoop.hbase.rest包提供了rest接口，它内嵌了jetty作为servlet容器。   启动命令：./bin/hbase rest s
  • JQuery实现鼠标拖动元素移动位置（源码+注释） 明子健 jqueryjs源码拖动鼠标
    欢迎讨论指正！   print.html代码： <!DOCTYPE html> <html> <head> <meta http-equiv=Content-Type content="text/html;charset=utf-8"> <title>发票打印</title> &l
  • Postgresql 连表更新字段语法 update qifeifei PostgreSQL
    下面这段sql本来目的是想更新条件下的数据，可是这段sql却更新了整个表的数据。sql如下： UPDATE tops_visa.visa_order SET op_audit_abort_pass_date = now() FROM tops_visa.visa_order as t1 INNER JOIN tops_visa.visa_visitor as t2 ON t1.
  • 将redis,memcache结合使用的方案? tcrct rediscache
    公司架构上使用了阿里云的服务，由于阿里的kvstore收费相当高，打算自建，自建后就需要自己维护，所以就有了一个想法，针对kvstore(redis)及ocs(memcache)的特点，想自己开发一个cache层，将需要用到list，set，map等redis方法的继续使用redis来完成，将整条记录放在memcache下，即findbyid，save等时就memcache，其它就对应使用redi
  • 开发中遇到的诡异的bug wudixiaotie bug
    今天我们服务器组遇到个问题： 我们的服务是从Kafka里面取出数据，然后把offset存储到ssdb中，每个topic和partition都对应ssdb中不同的key，服务启动之后，每次kafka数据更新我们这边收到消息，然后存储之后就发现ssdb的值偶尔是-2,这就奇怪了，最开始我们是在代码中打印存储的日志，发现没什么问题，后来去查看ssdb的日志，才发现里面每次set的时候都会对同一个key
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他