yidanY
yidanY

Web前端（二）:JavaScript入门基础、类型、变量

JavaScript

完整的Javascript语言由三部分组成：

  • 核心（ECMAScript）
  • 文档对象模型（DOM,Document Object Model）
  • 浏览器对象模型（BOM,Browser Object Model）
    Web前端（二）:JavaScript入门基础、类型、变量_第1张图片

为什么学习Javascript

  • 所有主流浏览器都支持Javascript
  • 目前，全世界大部分网页都是用Javascript
  • 它可以让网页呈现各种动态效果
  • 作为Web开发工程师，如果你想提供漂亮的网页，另用户满意的上网体验，Javascript是必不可少的工具

浏览器内核

浏览器内核负责页面内容的渲染，主要由两部分组成：

  • 内容排版引擎——解析HTML/CSS
  • 脚本解释引擎——解析Javascript
    Web前端（二）:JavaScript入门基础、类型、变量_第2张图片

第一个JavaScript程序

<!DOCTYPE html>
<html>
	<head>
		<title>我的第一个js程序<title>
		<meta charset="utf-8">
	</head>
	<body>
		<script>
			alert("欢迎来到JavaScript的世界！");
		</script>
	</body>
</html>

如何插入Javascript

  • 网页中直接插入脚本块

    使用

JS在页面中的位置

  • 我们可以将JavaScript代码放在html文件中任何位置，但是我们一般放在网页的head或者body部分。
    放在部分
    最常用的方式是在页面中head部分放置

JS的代码错误

  • 解释性语言，若某行代码错误，则解释器终止此次执行；
  • 但不影响后续块的执行，以及后续HTML元素的解析
<script>
	document.write("a");  //正常执行
	document.writ("b");  //方法名错误
	document.write("c");  //语法正确，但未能正确执行
</script>
<script>
	document.write("d");  //正常执行
</script>

编写JS代码

  • 语句——会被Javascript引擎解释执行的代码

    • 由表达式，关键字，运算符组成；

    • 大小写敏感

    • 使用分号或换行结束；

  • 注释——不会被Javascript引擎解释执行的代码

    • 单行注释 ：//

    • 多行注释： /* */

大小写敏感

  • 在Javascript程序中大小写是敏感的

    • userName ,UserName是不同的

    • getCity(), GetCity是不同
      Web前端（二）:JavaScript入门基础、类型、变量_第3张图片

换行与空格

  • 换行，分号

Web前端（二）:JavaScript入门基础、类型、变量_第4张图片

  • 空格, TAB

Web前端（二）:JavaScript入门基础、类型、变量_第5张图片

变量

什么是变量

  1. 变量是存储信息的容器

  2. 在代数中，使用字母（比如：x）来保存值（比如：2）

    x=2; y=3; sum=x+y; 通过三个语句，就能计算出sum的值为5

  3. Javascript中，这些字母就被称为变量

变量的声明

  • 使用关键字var声明变量，如: var username;

    虽然声明变量时可以省略var关键字，推荐不要省略

  • 使用“=”为变量赋值 var num = 100;

  • 没有初始化的变量自动取值为undefined

    var a;

    alert(a);

  • 一条语句中可以声明多个变量，变量名使用“,”分割

    var name1,name2,name3;

    var num1,num2=20;

变量的命名要求符合语法

  • 不允许使用语言关键字和保留字作为变量名
    Web前端（二）:JavaScript入门基础、类型、变量_第6张图片

  • 预保留的关键字

    • class, int ,float等

命名规范

  • 可以包含字母，数字，下划线，美元符号（$）

  • 不能以数字开头

  • 常用表示函数，变量等的名称

  • 名称最好有明确的含义

  • 可以采用“小驼峰命名法”，“大驼峰命名法”，“下划线命名法”等，在开发团队内进行协调统一

未经初始化的变量

  • 变量定义之后，在使用前从未赋过值，值为undefined
var num;	//定义变量，但未赋值

alert(num);	//直接使用未被赋值的变量
  • 变量未被定义过，而直接使用，属于语法错误
alert(num);	//直接使用从未定义的变量

初始化变量

在变量声明时初始化

可以在定义变量时立即进行初始化

var age=10;

var gender=“男”；

var email=“wangming@163.com”;

第一次使用前初始化

变量也可以先声明，再赋值

var name;
var age;
name=“wangming”;
age=“30”;
alert(name);

对变量的值进行存取操作

  • 获取变量的值——get操作

    var name=“zhangsan”;

    var name2 = name;

  • 重新设置变量的值——set操作

    var password= “123”;

    password=456”;

    newPassword=password;

数据类型

  • 能够表示并操作的值的类型称作数据类型（type）

  • Javascript数据类型分为两类：原始类型和引用类型（对象类型），原始类型包括特殊类型

Web前端（二）:JavaScript入门基础、类型、变量_第7张图片

String类型

  • 表示一系列的文 本字符数据，如性别，姓名，住址等

  • 由Unicode字符，数字，标点符号组成的序列

  • Javascript不像Java语言那样严格区分字符和字符串类型

  • 首尾由一对单引号或者双引号括起来

  • 特殊字符需要转移符

Number类型

  • 数字类型，既可表示32位整数，也可表示64位的浮点数

  • 整数

    • 十进制， 逢十进一的整数，如：13242

    • 十六进制： 逢十六进一的整数：如：0x123

  • 浮点数

    • 使用小数点近路数据：如：93.2 ，3.1415

    • 使用指数记录数据：如：4.3e23, 4.3E-23

boolean类型

  • 布尔类型

    有两个值，true和false

    • 也代表 1和0

    • 实际运算中true = 1, false = 0

  • 多用于控制结构语句

隐式转换

  • Javascript属于松散类型的程序语言

    • 变量类型在声明时不需要指定数据类型

    • 变量由赋值操作确定数据类型

  • 不同类型数据在计算过程中会自动进行转换

    数字+字符串：数字转换为字符串

    数字+布尔值：true转换为1，false转换为0

    字符串+布尔值：布尔值转换为字符串true或false

    布尔值+布尔值：布尔值转换为数值1或0

    typeof()函数可用于检测 当前数据的类型

// 隐式转换
            // 数据与字符串
            var a=2,b="xyz"
            var c=a+b;
            console.log(c+"---"+typeof(c));

            // 数据和布尔类型
            var a=2;
            var b=a+true
            console.log(b+"---"+typeof(b));

            // 字符串和布尔类型
            var a="xyz";
            var b=a+true
            console.log(b+"---"+typeof(b));

            // 布尔类型和布尔类型
            var a=true+false
            console.log(a+"---"+typeof(a));

Web前端（二）:JavaScript入门基础、类型、变量_第8张图片

数据类型转换函数

使用数据类型转换函数进行显式类型转换

toString()

转换成字符串，所有数据类型均可转换为string类型

// 显式转换
            // 转换为字符串类型
            var a=123;
            var str=a.toString();
            console.log(str+"----"+typeof(str));

parseInt()

解析出一个string或number的整数部分

如果没有可转换的部分，则返回NaN（Not a Number）

// 显式转换

            // 转换为Int类型
            var a=123.456,c="123xyz789.456";
            var b=parseInt(a);
            var d=parseInt(c);
            console.log(b+"---"+typeof(b));
            console.log(d+"---"+typeof(d));

parseFloat()

解析出一个string的浮点数部分

如果没有可以转换的部分，则返回NaN

// 显式转换

            // 转换为Float类型
            var a=123.456;c="1234xyz.9";
            var b=parseFloat(a);
            var e=parseFloat(c);
            console.log(b+"---"+typeof(b));
            console.log(e+"---"+typeof(e));

Number()

把一个string解析为number

如果包含非法字符，则返回NaN

// 显式转换

            // 转换为number类型
            var a="123.4a";
            var b=Number(a);
            console.log(b+"---"+typeof(b));

Web前端（二）:JavaScript入门基础、类型、变量_第9张图片

isNaN函数

isNaN()

  • 用于判断其参数是否为一个“非数字（NaN）”值

  • 如果把NaN与任何值（包括其自身）相比得到的结果均是false,所以要判断某个值是否是NaN

  • 通常用于检测类型转换函数的运算结果，以判断它们表示的 是否是合法的数字。

     alert(isNaN("123.4a")); 结果为true

 alert(isNaN(parseInt("123.4a")));结果为false

 alert(isNaN(parseFloat("123.4a")));结果为false

 alert(isNaN(Number("123.4a")));结果为true

null

  • 存在该数据，但当前还不存在确定的值

  • Null在程序中代表“无值”或者“无对象”

  • 可以通过给一个对象赋值null来清除变量的内容

undefined

  • 不存在该数据

  • 声明了变量但从未赋值或者对象属性不存在

你可能感兴趣的:(JavaScript,javascript,html,css)

  • 【前端】--- ES6上篇（带你深入了解ES6语法） 心.c javascriptes6开发语言ecmascripthtmlcss
    前言：ECMAScript是JavaScript的标准化版本，由ECMA国际组织制定。ECMAScript定义了JavaScript的语法、类型、语句、关键字、保留字等。ES6是ECMAScript的第六个版本，于2015年发布，引入了许多重要的新特性，使JavaScript更加现代化。目录变量声明：let声明:var声明:const声明:解构（数组，对象，字符串）：数组解构：对象解构：字符串解构
  • python实现坐标系转换_python – 执行坐标系转换的库？ weixin_39622150 python实现坐标系转换
    您可以使用shapely库：http://toblerity.org/shapely/manual.htmlfromshapely.geometryimportPointfromfunctoolsimportpartialimportpyprojfromshapely.opsimporttransformpoint1=Point(9.0,50.0)print(point1)project=part
  • 访问DOM元素（节点） froginwe11 开发语言
    DOM（文档对象模型）是Web开发中用于处理HTML和XML文档的标准接口，它允许开发者通过脚本语言（如JavaScript）动态地访问和修改文档的结构、内容和样式。在DOM中，文档的每个部分都被视为一个节点，包括元素、文本、属性等。访问DOM元素（节点）DOM提供了一系列方法来访问和操作元素（节点）：getElementById()：通过元素的ID获取元素节点。例如，document.getEl
  • Java web 富文本内容生成转为word格式并导出下载 摘星喵Pro javaweb编程技巧java前端servlet
    Javaweb富文本内容生成转为word格式并导出下载最近思路，按标签逐一解析，实现复杂一点但是完美解决问题：https://blog.csdn.net/a2272062968/article/details/126227076思路：Word是完全支持html标签的，但是富文本内容并不是完整的html代码，需要先补全html标签，然后转码输出问题：虽然导出worddoc但是事件内容流还是htm，只
  • HTML+CSS初学 （day3） 灵封～ html前端css
    HTML，全称为超文本标记语言（HyperTextMarkupLanguage），是一种用于创建网页的标准标记语言。HTML是构建Web页面的基础，它使用一系列称为标签的关键字来定义页面的结构。一、HTML的基本概念定义：HTML通过标签来描述网页中的各个元素，如标题、段落、图片、链接等。这些标签告诉浏览器如何显示内容，包括文字、图片、视频等。作用：定义网页的结构和内容，使网页内容能够按照预定的格
  • Thymeleaf基础知识语法 沐暖沐 thymeleaf开发语言
    1、简介Thymeleaf是⾯向Web和独⽴环境的现代服务器端Java模板引擎，能够处理HTML、XML、JavaScript、CSS、TEXT、RAW这六种模板。这六种模版模式包含两种标记模板模式（HTML和XML），三种⽂本模板模式（TEXT，JAVASCRIPT和CSS）和⼀个⽆操作模板模式（RAW）。①简单表达式变量表达式：${…}选择变量表达式：*{…}消息表达：#{…}链接URL表达式
  • 工程化概述 WJP丶 前端工程化实战前端工程化概述
    工程化的定义和主要解决的问题前端工程化指遵循一定的规范，通过工具提升效率，降低成本的一种手段。前端日常开发遇到的问题想要使用ES6+新特性，但是兼容性有问题想要使用Less/Sass/PostCss增强css编程性，但是运行环境不能直接支持想要使用模块化的方式提高项目的可维护性，但是运行环境不能直接支持部署上线前需要手动压缩代码及资源文件、部署过程需要手动上传代码到服务器多人协作开发，无法硬性同一
  • 前端工程化都有哪些及优化方案 光影少年 前端前端框架基带工程
    一、前端工程化的主要组成部分1.模块化模块化是将复杂的程序分解为若干小的独立模块，每个模块负责一个功能。常用的模块化方案包括：ES6模块（import/export）CommonJS（require/module.exports，Node.js中常用）AMD（define/require，如RequireJS）优化方案：尽量使用ES6模块，因为它是JavaScript的标准，支持更好的静态分析和T
  • javascript中toFixed()四舍五入计算bug，及解决方法，四舍六入，五看奇偶并不精准，重新toFixed方法才是万全之策呀 叫我小月儿 字符串jsbugjavascript
    问题描述：最近做一个项目涉及金额计算保留两位小数，以前一直以为toFixed方法就是四舍五入的，上线后用户用户反馈计算出来的金额少了一分钱，跟其票面金额不一致，深入研究后发现使用toFixed保留两位小数是大坑呀。请看下面的例子：3.135.toFixed(2)**本以为是3.14，然而却是3.13！！！**网上有人整理出toFixed方法“四舍六入，五看奇偶”的原则：当舍去位的数值=6时，在舍去
  • csdn编写技巧 大哥喝阔落 python图像处理
    在CSDN的Markdown编辑器中，默认情况下不支持直接修改字体颜色，因为标准的Markdown语法并不支持字体颜色的设置。不过，CSDN的编辑器支持HTML标签，因此可以通过嵌入HTML代码来实现字体颜色的修改。方法1：使用HTML标签你可以使用标签或标签来设置字体颜色。示例1：使用标签这是红色字体这是蓝色字体这是绿色字体这是红色字体这是蓝色字体这是绿色字体示例2：使用标签这是红色字体这是蓝色
  • web自动化——前端知识 大哥喝阔落 前端自动化运维
    是HTML中的一个元素，用于在当前网页中嵌入另一个网页或文档。它就像一个“窗口”，可以在页面中显示其他内容。主要特点：嵌入外部内容：可以在网页中嵌入其他网页、视频、地图等。独立上下文：嵌入的内容与主页面相互独立，拥有自己的JavaScript和CSS环境。可定制：可以通过属性调整大小、边框等。常用属性：src：指定要嵌入内容的URL。width和height：设置iframe的宽度和高度。fram
  • CSS：模拟下雪效果动画制作教程 IT新时代 前端css前端开发web前端前端基础
    下雪效果只是一类效果的名称，可以是红包雨等一些自由落体的运动效果，本文就是用纯css模拟下雪的效果，更多效果大家可以自行发挥。1.前言由于公司产品的活动，需要模拟类似下雪的效果。浏览器实现动画无非css3和canvas（还有gif），对比下css3和canvas的优缺点：动画自由度：canvas胜；复杂度：canvas胜；兼容性：canvas胜；性能：css3胜（requestAnimationF
  • Node.js 中的中间件：概念与应用 JJCTO袁龙 Node.jsnode.js中间件
    Node.js中的中间件：概念与应用在当今的网络开发中，Node.js作为一种高效、可扩展的JavaScript运行环境，正在快速占领开发者的心智。而在Node.js的生态中，中间件（Middleware）是一个不可或缺的概念，它为构建灵活而高效的应用程序提供了强大的支持。在这篇文章中，我们将详细探讨Node.js中的中间件的概念、工作原理以及实际应用，帮助你更好地理解和使用这一强大工具。什么是中
  • html手机端富文本,移动端富文本踩坑 weixin_39608657 html手机端富文本
    最近在做一个vue的项目。之前的前端同事离职了，和女朋友去云南潇洒去了，剩下我一个苦逼坐在电脑前哒哒哒敲代码。刚刚接手就开始做移动端富文本编辑器的需求。主管说压了半个月，尽快做出来。在网上找了不少编辑器，前段时间做过react的后台项目，用了百度的编辑器。功能很多很强，遗憾的是ios不支持flash，在移动端并不适用。因为要兼容ios和Android，而且还要在vue的项目中使用，在网上找了很多编
  • 【jQuery】jQuery 处理 Ajax 以及解决跨域问题的方式 一二¬ 前端jqueryjavascript前端
    文章目录HTTP原生创建AjaxjQuery处理Ajax$.ajax()$().load()$.get()$.post()跨域CORSJSONPiframewebsocketsHTTP超文本传输协议（HTTP，HyperTextTransferProtocol)是互联网上应用最为广泛的一种网络协议。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。一次HTTP操作称为一个事务，其工
  • 【Java Web】JSON 以及 JSON 转换 一二¬ #JavaWebjavajson
    JSON（JavaScriptObjectNotation）一种灵活、高效、轻量级的数据交换格式，广泛应用于各种数据交换和存储场景。基本特点1、简单易用：JSON格式非常简单，易于理解和使用。2、轻量级：相比XML等其他数据格式，JSON占用的空间更小，传输效率更高。3、跨平台：JSON是一种纯文本格式，可以轻松地在不同的系统和编程语言之间交换数据。4、可读性强：JSON格式的数据结构清晰，易于阅
  • Node.js 技术学习指南：从入门到实战应用 小码快撩 node.js
    引言Node.js®是一个开源的、跨平台的JavaScript运行环境，它允许开发人员使用JavaScript编写服务器端代码。基于GoogleChrome浏览器强大的V8JavaScript引擎构建，Node.js引入了异步I/O模型和事件驱动编程机制，使得JavaScript能够在服务器环境中高效处理高并发网络请求。一、异步I/O和事件驱动Node.js的异步I/O和事件驱动机制是其高性能的核
  • element-plus select 滚动加载更多 日积一沙 javascript
    思路：监听select下拉面板的滚动事件，滚动到底部时，调用接口加载更多数据一、自定义指令importtype{Directive,DirectiveBinding}from"vue";interfaceElTypeextendsHTMLElement{copyData:string|number;__handleClick__:any;}constloadmore:Directive={moun
  • vite build报错 Unexpected token (Note that you need plugins to import files that are not JavaScript) 实践是最好的老师 vuejavascript前端vue.js
    原因是我在console.log语句想打印出环境变量console.log(‘import.meta.env.MODE’,import.meta.env.MODE)删除上面console.log语句就能正常打包了,并下面语句能正常打包和运行constconfig:any={dev:{baseUrl:‘http://baiduTest.com’//测试接口域名},master:{baseUrl:‘h
  • 解决elementui的dialog对话框过高会被拖动的bug _best 前端elementuivue.jsjavascript
    在使用elementUI过程中，当dialog对话元素过多长处浏览器高度是，点击标题就会跳成如下图这样，上方会被遮挡且无法拖动上去：解决方法是通过设置css固定top及left禁止拖动，核心css代码：/deep/.el-dialog{top:15%!important;left:0!important;}
  • Flask框架-Python系列（一）—— 基础入门（flask库安装及简单使用） 云霄IT python库教程pythonflask后端
    目录一、flask库安装二、简单使用三、前端返回类型设置（一）返回文本类型（二）返回json类型（三）重定向到另一路由（四）返回html类型，嵌入js,css,image等内容（一）py文件（二）html文件写法（三）静态目录结构四、静态资源路径修改五、实现提供文件下载一、flask库安装pipinstallflask二、简单使用fromflaskimportFlask,requestapp=Fl
  • JAVA 安装教程 连云港大帅哥 java基础javajdk安装配置环境变量
    下载官网地址：http://www.oracle.com/technetwork/java/javase/downloads/index.html，选择1.8版本jdk进行下载安装JDK直接运行exe可执行程序，默认安装即可；备注：路径可以自己定义，不建议路径包含中文名、特殊符号、空格。配置环境变量1）新建变量名：JAVA_HOME，变量值：D:\Java8(JDK安装路径)；2）打开PATH，添
  • ThreeJS实现波纹粒子效果 weixin_30500473 javascriptViewUI
    今天我们来用ThreeJS的库实现一个波纹粒子效果，我们用到的ThreeJS的库有CanvasRenderer.js，OrbitControls.js，Projector.js，stats.min.js和three.js。这些库都是不可或缺的，我们先来看看实现的效果，如下图所示。我们再来看看项目结构是怎么样的，项目结构如下图所示。我们的效果全部写在了index.html里，现在我们直接贴出inde
  • 利用 Three.js 实现 3D 粒子正方体效果 软件工程师文艺 前端javascript3d开发语言
    在这篇文章中，我将向大家展示如何使用Three.js创建一个带有粒子的3D正方体效果。通过这段代码，我们将能够在浏览器中渲染一个3D正方体形状，并且该正方体内部填充了大量粒子（可视化效果）。你可以通过鼠标控制视角，查看旋转的正方体。实现效果视频如下：这不是特效，代码实现的宇宙魔方的粒子世界一、项目概述我们使用了Three.js，一个强大的JavaScript3D图形库，来创建和渲染这个3D场景。这
  • 破解浏览器渲染“死锁”：CSS与JS如何影响页面加载速度？ dorabighead 前端八股总结cssjavascript前端
    破解浏览器渲染“死锁”：CSS与JS如何影响页面加载速度？在这个快速发展的Web世界里，性能是开发者们永恒的追求。当你打开一个网页，可能会注意到一些页面加载特别慢，甚至产生短暂的“白屏”，你有没有想过，CSS和JS如何在这个过程中起到了关键作用？今天，我们要揭秘浏览器渲染流程中的一个关键问题：CSS和JS的加载与执行是否会阻塞渲染？准备好了吗？跟着我一起，从浏览器如何渲染页面开始，逐步深入探索这背
  • HTML `＜head＞` 元素详解 浪浪山小白兔 html前端
    在HTML文档中，元素是一个非常重要的部分，它包含了文档的元数据（metadata）和其他与文档相关的信息。虽然中的内容不会直接显示在网页上，但它对网页的行为、样式和搜索引擎优化（SEO）有着至关重要的影响。本文将详细介绍元素及其常见子元素的使用方法，并通过丰富的示例帮助你更好地理解和应用。1.元素概述元素是HTML文档的头部部分，位于标签内，标签之前。它主要用于定义文档的元数据、链接外部资源、设
  • 深入理解 HTML DOM：文档对象模型详解 浪浪山小白兔 html前端
    在前端开发中，HTMLDOM（文档对象模型，DocumentObjectModel）是一个非常重要的概念。它是浏览器将HTML文档解析为一个树形结构的方式，开发者可以通过JavaScript动态地访问和操作文档的内容、结构和样式。本文将详细介绍HTMLDOM的核心概念、功能以及实际应用。1.什么是HTMLDOM？HTMLDOM是浏览器将HTML文档解析为一个树形结构的编程接口。它将文档中的每个部分
  • css粒子效果 HainesFreeman css前端html
    htmlcss:body{height:100vh;background:radial-gradient(ellipseatbottom,#1b27350%,#090a0f100%);overflow:hidden;filter:drop-shadow(0010pxwhite);}@functionrandom_range($min,$max){$rand:random();$random_ran
  • html文字旋转以后变形,关于css:CSS3中的变形处理transform功能旋转缩放倾斜移动 weixin_39974958 html文字旋转以后变形
    1transform属性在CSS3中，能够利用transform性能实现文字或图像的旋转、缩放、歪斜、挪动这4中类型的变形解决。(1)浏览器反对到目前为止：Safari3.1以上、Chrome8以上、Firefox4以上、Opera10以上浏览器反对该属性。2旋转应用rotate办法，在参数中退出角度值，角度值前面跟示意角度单位的“deg”文字即可，旋转方向为顺时针方向。transform：rot
  • js 变量提升 函数提升 作用域 huch_shyh 前端变量提升函数提升作用域
    再说这个知识点前，我们先了解下javascript语言的本质。简单来说js是一个脚本语言，是介于标记语言（例html中使用的标签等是一种被动的，被用来浏览\显示的，无行动能力）与编程语言（具有逻辑性和行为能力，这是主动的）之间，特点是不需要编译，可以直接书写，但依赖解释器来负责解释执行。js代码解析原则js引擎首先在读取js代码时默认执行2个步骤：1.解释(通篇扫描所有js代码，然后把所有声明(变
  • jsonp 常用util方法 hw1287789687 jsonpjsonp常用方法jsonp callback
    jsonp 常用java方法 (1)以jsonp的形式返回:函数名(json字符串) /*** * 用于jsonp调用 * @param map : 用于构造json数据 * @param callback : 回调的javascript方法名 * @param filters : <code>SimpleBeanPropertyFilter theFilt
  • 多线程场景 alafqq 多线程
    0 能不能简单描述一下你在java web开发中需要用到多线程编程的场景？0 对多线程有些了解，但是不太清楚具体的应用场景，能简单说一下你遇到的多线程编程的场景吗？ Java多线程 2012年11月23日 15:41 Young9007 Young9007 4 0 0 4 Comment添加评论关注(2) 3个答案 按时间排序 按投票排序 0 0 最典型的如： 1、
  • Maven学习——修改Maven的本地仓库路径 Kai_Ge maven
          安装Maven后我们会在用户目录下发现.m2 文件夹。默认情况下，该文件夹下放置了Maven本地仓库.m2/repository。所有的Maven构件(artifact)都被存储到该仓库中，以方便重用。但是windows用户的操作系统都安装在C盘，把Maven仓库放到C盘是很危险的，为此我们需要修改Maven的本地仓库路径。    
  • placeholder的浏览器兼容 120153216 placeholder
    【前言】 自从html5引入placeholder后，问题就来了， 不支持html5的浏览器也先有这样的效果， 各种兼容，之前考虑，今天测试人员逮住不放， 想了个解决办法，看样子还行，记录一下。   【原理】 不使用placeholder，而是模拟placeholder的效果， 大概就是用focus和focusout效果。   【代码】 <scrip
  • debian_用iso文件创建本地apt源 2002wmj Debian
    1.将N个debian-506-amd64-DVD-N.iso存放于本地或其他媒介内，本例是放在本机/iso/目录下 2.创建N个挂载点目录 如下： debian:~#mkdir –r /media/dvd1 debian:~#mkdir –r /media/dvd2 debian:~#mkdir –r /media/dvd3 …. debian:~#mkdir –r /media
  • SQLSERVER耗时最长的SQL 357029540 SQL Server
    对于DBA来说，经常要知道存储过程的某些信息： 1.   执行了多少次 2.   执行的执行计划如何 3.   执行的平均读写如何 4.   执行平均需要多少时间 列名          &
  • com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 7454103 eclipse
    今天eclipse突然报了com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 错误，并且工程文件打不开了，在网上找了一下资料，然后按照方法操作了一遍，好了，解决方法如下： 错误提示信息： An error has occurred.See error log for more details. Reason: com/genuitec/
  • 用正则删除文本中的html标签 adminjun javahtml正则表达式去掉html标签
    使用文本编辑器录入文章存入数据中的文本是HTML标签格式，由于业务需要对HTML标签进行去除只保留纯净的文本内容，于是乎Java实现自动过滤。 如下： public static String Html2Text(String inputString) { String htmlStr = inputString; // 含html标签的字符串 String textSt
  • 嵌入式系统设计中常用总线和接口 aijuans linux 基础
                   嵌入式系统设计中常用总线和接口         任何一个微处理器都要与一定数量的部件和外围设备连接，但如果将各部件和每一种外围设备都分别用一组线路与CPU直接连接，那么连线
  • Java函数调用方式——按值传递 ayaoxinchao java按值传递对象基础数据类型
    Java使用按值传递的函数调用方式，这往往使我感到迷惑。因为在基础数据类型和对象的传递上，我就会纠结于到底是按值传递，还是按引用传递。其实经过学习，Java在任何地方，都一直发挥着按值传递的本色。   首先，让我们看一看基础数据类型是如何按值传递的。   public static void main(String[] args) { int a = 2;
  • ios音量线性下降 bewithme ios音量
    直接上代码吧   //second 几秒内下降为0 - (void)reduceVolume:(int)second { KGVoicePlayer *player = [KGVoicePlayer defaultPlayer]; if (!_flag) { _tempVolume = player.volume;
  • 与其怨它不如爱它 bijian1013 选择理想职业规划
            抱怨工作是年轻人的常态，但爱工作才是积极的心态，与其怨它不如爱它。         一般来说，在公司干了一两年后，不少年轻人容易产生怨言，除了具体的埋怨公司“扭门”，埋怨上司无能以外，也有许多人是因为根本不爱自已的那份工作，工作完全成了谋生的手段，跟自已的性格、专业、爱好都相差甚远。  
  • 一边时间不够用一边浪费时间 bingyingao 工作时间浪费
    一方面感觉时间严重不够用，另一方面又在不停的浪费时间。 每一个周末，晚上熬夜看电影到凌晨一点，早上起不来一直睡到10点钟，10点钟起床，吃饭后玩手机到下午一点。 精神还是很差，下午像一直野鬼在城市里晃荡。 为何不尝试晚上10点钟就睡，早上7点就起，时间完全是一样的，把看电影的时间换到早上，精神好，气色好，一天好状态。 控制让自己周末早睡早起，你就成功了一半。 有多少个工作
  • 【Scala八】Scala核心二：隐式转换 bit1129 scala
    Implicits work like this: if you call a method on a Scala object, and the Scala compiler does not see a definition for that method in the class definition for that object, the compiler will try to con
  • sudoku slover in Haskell (2) bookjovi haskellsudoku
    继续精简haskell版的sudoku程序，稍微改了一下，这次用了8行，同时性能也提高了很多，对每个空格的所有解不是通过尝试算出来的，而是直接得出。   board = [0,3,4,1,7,0,5,0,0, 0,6,0,0,0,8,3,0,1, 7,0,0,3,0,0,0,0,6, 5,0,0,6,4,0,8,0,7,
  • Java-Collections Framework学习与总结-HashSet和LinkedHashSet BrokenDreams linkedhashset
            本篇总结一下两个常用的集合类HashSet和LinkedHashSet。         它们都实现了相同接口java.util.Set。Set表示一种元素无序且不可重复的集合；之前总结过的java.util.List表示一种元素可重复且有序
  • 读《研磨设计模式》-代码笔记-备忘录模式-Memento bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; /* * 备忘录模式的功能是，在不破坏封装性的前提下，捕获一个对象的内部状态，并在对象之外保存这个状态，为以后的状态恢复作“备忘”
  • 《RAW格式照片处理专业技法》笔记 cherishLC PS
    注意，这不是教程！仅记录楼主之前不太了解的 一、色彩（空间）管理 作者建议采用ProRGB（色域最广），但camera raw中设为ProRGB，而PS中则在ProRGB的基础上，将gamma值设为了1.8（更符合人眼） 注意：bridge、camera raw怎么设置显示、输出的颜色都是正确的（会读取文件内的颜色配置文件），但用PS输出jpg文件时，必须先用Edit->conv
  • 使用 Git 下载 Spring 源码 编译 for Eclipse crabdave eclipse
    使用 Git 下载 Spring 源码 编译 for Eclipse   1、安装gradle，下载 http://www.gradle.org/downloads 配置环境变量GRADLE_HOME，配置PATH  %GRADLE_HOME%/bin，cmd，gradle -v   2、spring4 用jdk8 下载 https://jdk8.java.
  • mysql连接拒绝问题 daizj mysql登录权限
    mysql中在其它机器连接mysql服务器时报错问题汇总 一、[running][email protected]:~$mysql -uroot -h 192.168.9.108 -p   //带-p参数，在下一步进行密码输入 Enter password:    //无字符串输入 ERROR 1045 (28000): Access
  • Google Chrome 为何打压 H.264 dsjt applehtml5chromeGoogle
    Google 今天在 Chromium 官方博客宣布由于 H.264 编解码器并非开放标准，Chrome 将在几个月后正式停止对 H.264 视频解码的支持，全面采用开放的 WebM 和 Theora 格式。 Google 在博客上表示，自从 WebM 视频编解码器推出以后，在性能、厂商支持以及独立性方面已经取得了很大的进步，为了与 Chromium 现有支持的編解码器保持一致，Chrome
  • yii 获取控制器名 和方法名 dcj3sjt126com yiiframework
    1. 获取控制器名 在控制器中获取控制器名:  $name = $this->getId(); 在视图中获取控制器名:    $name = Yii::app()->controller->id;    2. 获取动作名  在控制器beforeAction()回调函数中获取动作名:  $name =
  • Android知识总结（二） come_for_dream android
    明天要考试了，速速总结如下   1、Activity的启动模式        standard：每次调用Activity的时候都创建一个（可以有多个相同的实例，也允许多个相同Activity叠加。）        singleTop：可以有多个实例，但是不允许多个相同Activity叠加。即，如果Ac
  • 高洛峰收徒第二期：寻找未来的“技术大牛” ——折腾一年，奖励20万元 gcq511120594 工作项目管理
    高洛峰，兄弟连IT教育合伙人、猿代码创始人、PHP培训第一人、《细说PHP》作者、软件开发工程师、《IT峰播》主创人、PHP讲师的鼻祖！ 首期现在的进程刚刚过半，徒弟们真的很棒，人品都没的说，团结互助，学习刻苦，工作认真积极，灵活上进。我几乎会把他们全部留下来，现在已有一多半安排了实际的工作，并取得了很好的成绩。等他们出徒之日，凭他们的能力一定能够拿到高薪，而且我还承诺过一个徒弟，当他拿到大学毕
  • linux expect heipark expect
    1. 创建、编辑文件go.sh   #!/usr/bin/expect spawn sudo su admin expect "*password*" { send "13456\r\n" } interact    2. 设置权限   chmod u+x go.sh  3.
  • Spring4.1新特性——静态资源处理增强 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • idea ubuntuxia 乱码 liyonghui160com
      1.首先需要在windows字体目录下或者其它地方找到simsun.ttf 这个 字体文件。 2.在ubuntu 下可以执行下面操作安装该字体： sudo mkdir /usr/share/fonts/truetype/simsun sudo cp simsun.ttf /usr/share/fonts/truetype/simsun fc-cache -f -v
  • 改良程序的11技巧 pda158 技巧
    有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。   让我们看一些基本的编程技巧：   尽量保持方法简短 永远永远不要把同一个变量用于多个不同的
  • 300个涵盖IT各方面的免费资源（下）——工作与学习篇 shoothao 创业免费资源学习课程远程工作
    工作与生产效率:   A. 背景声音 Noisli:背景噪音与颜色生成器。 Noizio:环境声均衡器。 Defonic:世界上任何的声响都可混合成美丽的旋律。 Designers.mx:设计者为设计者所准备的播放列表。 Coffitivity:这里的声音就像咖啡馆里放的一样。 B. 避免注意力分散 Self Co
  • 深入浅出RPC uule rpc
    深入浅出RPC-浅出篇 深入浅出RPC-深入篇   RPC Remote Procedure Call Protocol 远程过程调用协议   它是一种通过网络从远程计算机程序上请求服务，而不需要了解底层网络技术的协议。RPC协议假定某些传输协议的存在，如TCP或UDP，为通信程序之间携带信息数据。在OSI网络通信模型中，RPC跨越了传输层和应用层。RPC使得开发
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他