王_凯
王_凯

前端代码规范

命名规范

1.组件名遵从驼峰形式，第一个字母大写
2.方法名、参数名、成员变量、局部变量遵从驼峰形式，第一个字母必须小写
3.常量命名全部大写，单词间用下划线隔开，力求语义表达完整清楚，不要嫌名字长；
4.私有方法，方法名前面加下划线

注释

1.公共组件使用说明
2.各组件中重要函数或者类说明
3.复杂的业务逻辑处理说明
4.特殊情况的代码处理说明,对于代码中特殊用途的变量、存在临界值、使用了某种算法或思路等需要进行注释描述

eslint编码规范

  • 使用两个空格进行缩进。

    eslint: indent

    function hello (name) {
  console.log('hi', name)
}

  • 除需要转义的情况外，字符串统一使用单引号。

    eslint: quotes

    console.log('hello there')
$("
    ")

  • 不要定义未使用的变量。

    eslint: no-unused-vars

    function myFunction () {
  var result = something()   // ✗ avoid
}

  • 关键字后面加空格。

    eslint: keyword-spacing

    if (condition) { ... }   // ✓ ok
if(condition) { ... }    // ✗ avoid

  • 函数声明时括号与函数名间加空格。

    eslint: space-before-function-paren

    function name (arg) { ... }   // ✓ ok
function name(arg) { ... }    // ✗ avoid

run(function () { ... })      // ✓ ok
run(function() { ... })       // ✗ avoid

  • 始终使用 === 替代 ==。
    例外： obj == null 可以用来检查 null || undefined。

    eslint: eqeqeq

    if (name === 'John')   // ✓ ok
if (name == 'John')    // ✗ avoid

    if (name !== 'John')   // ✓ ok
if (name != 'John')    // ✗ avoid

  • 字符串拼接操作符 (Infix operators) 之间要留空格。

    eslint: space-infix-ops

    // ✓ ok
var x = 2
var message = 'hello, ' + name + '!'

    // ✗ avoid
var x=2
var message = 'hello, '+name+'!'

  • 逗号后面加空格。

    eslint: comma-spacing

    // ✓ ok
var list = [1, 2, 3, 4]
function greet (name, options) { ... }

    // ✗ avoid
var list = [1,2,3,4]
function greet (name,options) { ... }

  • else 关键字要与花括号保持在同一行。

    eslint: brace-style

    // ✓ ok
if (condition) {
  // ...
} else {
  // ...
}

    // ✗ avoid
if (condition) {
  // ...
}
else {
  // ...
}

  • 多行 if 语句的的括号不能省。

    eslint: curly

    // ✓ ok
if (options.quiet !== true) console.log('done')

    // ✓ ok
if (options.quiet !== true) {
  console.log('done')
}

    // ✗ avoid
if (options.quiet !== true)
  console.log('done')

  • 不要丢掉异常处理中err参数。

    eslint: handle-callback-err

    // ✓ ok
run(function (err) {
  if (err) throw err
  window.alert('done')
})

    // ✗ avoid
run(function (err) {
  window.alert('done')
})

  • 使用浏览器全局变量时加上 window. 前缀。
    Exceptions are: document, console and navigator.

    eslint: no-undef

    window.alert('hi')   // ✓ ok

  • 不允许有连续多行空行。

    eslint: no-multiple-empty-lines

    // ✓ ok
var value = 'hello world'
console.log(value)

    // ✗ avoid
var value = 'hello world'

console.log(value)

  • 对于三元运算符 ? 和 : 与他们所负责的代码处于同一行

    eslint: operator-linebreak

    // ✓ ok
var location = env.development ? 'localhost' : 'www.api.com'

// ✓ ok
var location = env.development
  ? 'localhost'
  : 'www.api.com'

// ✗ avoid
var location = env.development ?
  'localhost' :
  'www.api.com'

  • 每个 var 关键字单独声明一个变量。

    eslint: one-var

    // ✓ ok
var silent = true
var verbose = true

// ✗ avoid
var silent = true, verbose = true

// ✗ avoid
var silent = true,
    verbose = true

  • 条件语句中赋值语句使用括号包起来。这样使得代码更加清晰可读，而不会认为是将条件判断语句的全等号（===）错写成了等号（=）。

    eslint: no-cond-assign

    // ✓ ok
while ((m = text.match(expr))) {
  // ...
}

// ✗ avoid
while (m = text.match(expr)) {
  // ...
}

  • 单行代码块两边加空格。

    eslint: block-spacing

      function foo () {return true}    // ✗ avoid
  function foo () { return true }  // ✓ ok

  • 对于变量和函数名统一使用驼峰命名法。

    eslint: camelcase

      function my_function () { }    // ✗ avoid
  function myFunction () { }     // ✓ ok

  var my_var = 'hello'           // ✗ avoid
  var myVar = 'hello'            // ✓ ok

  • 不允许有多余的行末逗号。

    eslint: comma-dangle

      var obj = {
    message: 'hello',   // ✗ avoid
  }

  • 始终将逗号置于行末。

    eslint: comma-style

      var obj = {
    foo: 'foo'
    ,bar: 'bar'   // ✗ avoid
  }

  var obj = {
    foo: 'foo',
    bar: 'bar'   // ✓ ok
  }

  • 点号操作符须与属性需在同一行。

    eslint: dot-location

      console.
    log('hello')  // ✗ avoid

  console
    .log('hello') // ✓ ok

  • 文件末尾留一空行。

    elint: eol-last

  • 函数调用时标识符与括号间不留间隔。

    eslint: func-call-spacing

    console.log ('hello') // ✗ avoid
console.log('hello')  // ✓ ok

  • 键值对当中冒号与值之间要留空白。

    eslint: key-spacing

    var obj = { 'key' : 'value' }    // ✗ avoid
var obj = { 'key' :'value' }     // ✗ avoid
var obj = { 'key':'value' }      // ✗ avoid
var obj = { 'key': 'value' }     // ✓ ok

  • 构造函数要以大写字母开头。

    eslint: new-cap

    function animal () {}
var dog = new animal()    // ✗ avoid

function Animal () {}
var dog = new Animal()    // ✓ ok

  • 无参的构造函数调用时要带上括号。

    eslint: new-parens

    function Animal () {}
var dog = new Animal    // ✗ avoid
var dog = new Animal()  // ✓ ok

  • 对象中定义了存值器，一定要对应的定义取值器。

    eslint: accessor-pairs

    var person = {
  set name (value) {    // ✗ avoid
    this.name = value
  }
}

var person = {
  set name (value) {
    this.name = value
  },
  get name () {         // ✓ ok
    return this.name
  }
}

  • 子类的构造器中一定要调用 super

    eslint: constructor-super

    class Dog {
  constructor () {
    super()   // ✗ avoid
  }
}

class Dog extends Mammal {
  constructor () {
    super()   // ✓ ok
  }
}

  • 使用数组字面量而不是构造器。

    eslint: no-array-constructor

    var nums = new Array(1, 2, 3)   // ✗ avoid
var nums = [1, 2, 3]            // ✓ ok

  • 避免使用 arguments.callee 和 arguments.caller。

    eslint: no-caller

    function foo (n) {
  if (n <= 0) return

  arguments.callee(n - 1)   // ✗ avoid
}

function foo (n) {
  if (n <= 0) return

  foo(n - 1)
}

  • 避免对类名重新赋值。

    eslint: no-class-assign

    class Dog {}
Dog = 'Fido'    // ✗ avoid

  • 避免修改使用 const 声明的变量。

    eslint: no-const-assign

    const score = 100
score = 125       // ✗ avoid

  • 避免使用常量作为条件表达式的条件（循环语句除外）。

    eslint: no-constant-condition

    if (false) {    // ✗ avoid
  // ...
}

if (x === 0) {  // ✓ ok
  // ...
}

while (true) {  // ✓ ok
  // ...
}

  • 正则中不要使用控制符。

    eslint: no-control-regex

    var pattern = /\x1f/    // ✗ avoid
var pattern = /\x20/    // ✓ ok

  • 不要使用 debugger。

    eslint: no-debugger

    function sum (a, b) {
  debugger      // ✗ avoid
  return a + b
}

  • 不要对变量使用 delete 操作。

    eslint: no-delete-var

    var name
delete name     // ✗ avoid

  • 不要定义冗余的函数参数。

    eslint: no-dupe-args

    function sum (a, b, a) {  // ✗ avoid
  // ...
}

function sum (a, b, c) {  // ✓ ok
  // ...
}

  • 类中不要定义冗余的属性。

    eslint: no-dupe-class-members

    class Dog {
  bark () {}
  bark () {}    // ✗ avoid
}

  • 对象字面量中不要定义重复的属性。

    eslint: no-dupe-keys

    var user = {
  name: 'Jane Doe',
  name: 'John Doe'    // ✗ avoid
}

  • switch 语句中不要定义重复的 case 分支。

    eslint: no-duplicate-case

    switch (id) {
  case 1:
    // ...
  case 1:     // ✗ avoid
}

  • 同一模块有多个导入时一次性写完。

    eslint: no-duplicate-imports

    import { myFunc1 } from 'module'
import { myFunc2 } from 'module'          // ✗ avoid

import { myFunc1, myFunc2 } from 'module' // ✓ ok

  • 正则中不要使用空字符。

    eslint: no-empty-character-class

    const myRegex = /^abc[]/      // ✗ avoid
const myRegex = /^abc[a-z]/   // ✓ ok

  • 不要解构空值。

    eslint: no-empty-pattern

    const { a: {} } = foo         // ✗ avoid
const { a: { b } } = foo      // ✓ ok

  • 不要使用 eval()。

    eslint: no-eval

    eval( "var result = user." + propName ) // ✗ avoid
var result = user[propName]             // ✓ ok

  • catch 中不要对错误重新赋值。

    eslint: no-ex-assign

    try {
  // ...
} catch (e) {
  e = 'new value'             // ✗ avoid
}

try {
  // ...
} catch (e) {
  const newVal = 'new value'  // ✓ ok
}

  • 不要扩展原生对象。

    eslint: no-extend-native

    Object.prototype.age = 21     // ✗ avoid

  • 避免多余的函数上下文绑定。

    eslint: no-extra-bind

    const name = function () {
  getName()
}.bind(user)    // ✗ avoid

const name = function () {
  this.getName()
}.bind(user)    // ✓ ok

  • 避免不必要的布尔转换。

    eslint: no-extra-boolean-cast

    const result = true
if (!!result) {   // ✗ avoid
  // ...
}

const result = true
if (result) {     // ✓ ok
  // ...
}

  • 不要使用多余的括号包裹函数。

    eslint: no-extra-parens

    const myFunc = (function () { })   // ✗ avoid
const myFunc = function () { }     // ✓ ok

  • switch 一定要使用 break 来将条件分支正常中断。

    eslint: no-fallthrough

    switch (filter) {
  case 1:
    doSomething()    // ✗ avoid
  case 2:
    doSomethingElse()
}

switch (filter) {
  case 1:
    doSomething()
    break           // ✓ ok
  case 2:
    doSomethingElse()
}

switch (filter) {
  case 1:
    doSomething()
    // fallthrough  // ✓ ok
  case 2:
    doSomethingElse()
}

  • 不要省去小数点前面的0。

    eslint: no-floating-decimal

    const discount = .5      // ✗ avoid
const discount = 0.5     // ✓ ok

  • 避免对声明过的函数重新赋值。

    eslint: no-func-assign

    function myFunc () { }
myFunc = myOtherFunc    // ✗ avoid

  • 不要对全局只读对象重新赋值。

    eslint: no-global-assign

    window = {}     // ✗ avoid

  • 注意隐式的 eval()。

    eslint: no-implied-eval

    setTimeout("alert('Hello world')")                   // ✗ avoid
setTimeout(function () { alert('Hello world') })     // ✓ ok

  • 嵌套的代码块中禁止再定义函数。

    eslint: no-inner-declarations

    if (authenticated) {
  function setAuthUser () {}    // ✗ avoid
}

  • 不要向 RegExp 构造器传入非法的正则表达式。

    eslint: no-invalid-regexp

    RegExp('[a-z')    // ✗ avoid
RegExp('[a-z]')   // ✓ ok

  • 不要使用非法的空白符。

    eslint: no-irregular-whitespace

    function myFunc () /**/{}   // ✗ avoid

  • 禁止使用 __iterator__。

    eslint: no-iterator

    Foo.prototype.__iterator__ = function () {}   // ✗ avoid

  • 外部变量不要与对象属性重名。

    eslint: no-label-var

    var score = 100
function game () {
  score: 50         // ✗ avoid
}

  • 不要使用标签语句。

    eslint: no-labels

    label:
  while (true) {
    break label     // ✗ avoid
  }

  • 不要书写不必要的嵌套代码块。

    eslint: no-lone-blocks

    function myFunc () {
  {                   // ✗ avoid
    myOtherFunc()
  }
}

function myFunc () {
  myOtherFunc()       // ✓ ok
}

  • 不要混合使用空格与制表符作为缩进。

    eslint: no-mixed-spaces-and-tabs

  • 除了缩进，不要使用多个空格。

    eslint: no-multi-spaces

    const id =    1234    // ✗ avoid
const id = 1234       // ✓ ok

  • 不要使用多行字符串。

    eslint: no-multi-str

    const message = 'Hello \
                 world'     // ✗ avoid

  • new 创建对象实例后需要赋值给变量。

    eslint: no-new

    new Character()                     // ✗ avoid
const character = new Character()   // ✓ ok

  • 禁止使用 Function 构造器。

    eslint: no-new-func

    var sum = new Function('a', 'b', 'return a + b')    // ✗ avoid

  • 禁止使用 Object 构造器。

    eslint: no-new-object

    let config = new Object()   // ✗ avoid

  • 禁止使用 new require。

    eslint: no-new-require

    const myModule = new require('my-module')    // ✗ avoid

  • 禁止使用 Symbol 构造器。

    eslint: no-new-symbol

    const foo = new Symbol('foo')   // ✗ avoid

  • 禁止使用原始包装器。

    eslint: no-new-wrappers

    const message = new String('hello')   // ✗ avoid

  • 不要将全局对象的属性作为函数调用。

    eslint: no-obj-calls

    const math = Math()   // ✗ avoid

  • 不要使用八进制字面量。

    eslint: no-octal

    const num = 042     // ✗ avoid
const num = '042'   // ✓ ok

  • 字符串字面量中也不要使用八进制转义字符。

    eslint: no-octal-escape

    const copyright = 'Copyright \251'  // ✗ avoid

  • 使用 __dirname 和 __filename 时尽量避免使用字符串拼接。

    eslint: no-path-concat

    const pathToFile = __dirname + '/app.js'            // ✗ avoid
const pathToFile = path.join(__dirname, 'app.js')   // ✓ ok

  • 使用 getPrototypeOf 来替代 __proto__。

    eslint: no-proto

    const foo = obj.__proto__               // ✗ avoid
const foo = Object.getPrototypeOf(obj)  // ✓ ok

  • 不要重复声明变量。

    eslint: no-redeclare

    let name = 'John'
let name = 'Jane'     // ✗ avoid

let name = 'John'
name = 'Jane'         // ✓ ok

  • 正则中避免使用多个空格。

    eslint: no-regex-spaces

    const regexp = /test   value/   // ✗ avoid

const regexp = /test {3}value/  // ✓ ok
const regexp = /test value/     // ✓ ok

  • return 语句中的赋值必需有括号包裹。

    eslint: no-return-assign

    function sum (a, b) {
  return result = a + b     // ✗ avoid
}

function sum (a, b) {
  return (result = a + b)   // ✓ ok
}

  • 避免将变量赋值给自己。

    eslint: no-self-assign

    name = name   // ✗ avoid

  • 避免将变量与自己进行比较操作。

    esint: no-self-compare

    if (score === score) {}   // ✗ avoid

  • 避免使用逗号操作符。

    eslint: no-sequences

    if (doSomething(), !!test) {}   // ✗ avoid

  • 不要随意更改关键字的值。

    eslint: no-shadow-restricted-names

    let undefined = 'value'     // ✗ avoid

  • 禁止使用稀疏数组（Sparse arrays）。

    eslint: no-sparse-arrays

    let fruits = ['apple',, 'orange']       // ✗ avoid

  • 不要使用制表符。

    eslint: no-tabs

  • 正确使用 ES6 中的字符串模板。

    eslint: no-template-curly-in-string

    const message = 'Hello ${name}'   // ✗ avoid
const message = `Hello ${name}`   // ✓ ok

  • 使用 this 前请确保 super() 已调用。

    eslint: no-this-before-super

    class Dog extends Animal {
  constructor () {
    this.legs = 4     // ✗ avoid
    super()
  }
}

  • 用 throw 抛错时，抛出 Error 对象而不是字符串。

    eslint: no-throw-literal

    throw 'error'               // ✗ avoid
throw new Error('error')    // ✓ ok

  • 行末不留空格。

    eslint: no-trailing-spaces

  • 不要使用 undefined 来初始化变量。

    eslint: no-undef-init

    let name = undefined    // ✗ avoid

let name
name = 'value'          // ✓ ok

  • 循环语句中注意更新循环变量。

    eslint: no-unmodified-loop-condition

    for (let i = 0; i < items.length; j++) {...}    // ✗ avoid
for (let i = 0; i < items.length; i++) {...}    // ✓ ok

  • 如果有更好的实现，尽量不要使用三元表达式。

    eslint: no-unneeded-ternary

    let score = val ? val : 0     // ✗ avoid
let score = val || 0          // ✓ ok

  • return，throw，continue 和 break 后不要再跟代码。

    eslint: no-unreachable

    function doSomething () {
  return true
  console.log('never called')     // ✗ avoid
}

  • finally 代码块中不要再改变程序执行流程。

    eslint: no-unsafe-finally

    try {
  // ...
} catch (e) {
  // ...
} finally {
  return 42     // ✗ avoid
}

  • 关系运算符的左值不要做取反操作。

    eslint: no-unsafe-negation

    if (!key in obj) {}       // ✗ avoid

  • 避免不必要的 .call() 和 .apply()。

    eslint: no-useless-call

    sum.call(null, 1, 2, 3)   // ✗ avoid

  • 避免使用不必要的计算值作对象属性。

    eslint: no-useless-computed-key

    const user = { ['name']: 'John Doe' }   // ✗ avoid
const user = { name: 'John Doe' }       // ✓ ok

  • 禁止多余的构造器。

    eslint: no-useless-constructor

    class Car {
  constructor () {      // ✗ avoid
  }
}

  • 禁止不必要的转义。

    eslint: no-useless-escape

    let message = 'Hell\o'  // ✗ avoid

  • import, export 和解构操作中，禁止赋值到同名变量。

    eslint: no-useless-rename

    import { config as config } from './config'     // ✗ avoid
import { config } from './config'               // ✓ ok

  • 属性前面不要加空格。

    eslint: no-whitespace-before-property

    user .name      // ✗ avoid
user.name       // ✓ ok

  • 禁止使用 with。

    eslint: no-with

    with (val) {...}    // ✗ avoid

  • 对象属性换行时注意统一代码风格。

    eslint: object-property-newline

    const user = {
  name: 'Jane Doe', age: 30,
  username: 'jdoe86'            // ✗ avoid
}

const user = { name: 'Jane Doe', age: 30, username: 'jdoe86' }    // ✓ ok

const user = {
  name: 'Jane Doe',
  age: 30,
  username: 'jdoe86'
}                                                                 // ✓ ok

  • 代码块中避免多余留白。

    eslint: padded-blocks

    if (user) {
                            // ✗ avoid
  const name = getName()

}

if (user) {
  const name = getName()    // ✓ ok
}

  • 展开运算符与它的表达式间不要留空白。

    eslint: rest-spread-spacing

    fn(... args)    // ✗ avoid
fn(...args)     // ✓ ok

  • 遇到分号时空格要后留前不留。

    eslint: semi-spacing

    for (let i = 0 ;i < items.length ;i++) {...}    // ✗ avoid
for (let i = 0; i < items.length; i++) {...}    // ✓ ok

  • 代码块首尾留空格。

    eslint: space-before-blocks

    if (admin){...}     // ✗ avoid
if (admin) {...}    // ✓ ok

  • 圆括号间不留空格。

    eslint: space-in-parens

    getName( name )     // ✗ avoid
getName(name)       // ✓ ok

  • 一元运算符后面跟一个空格。

    eslint: space-unary-ops

    typeof!admin        // ✗ avoid
typeof !admin        // ✓ ok

  • 注释首尾留空格。

    eslint: spaced-comment

    //comment           // ✗ avoid
// comment          // ✓ ok

/*comment*/         // ✗ avoid
/* comment */       // ✓ ok

  • 模板字符串中变量前后不加空格。

    eslint: template-curly-spacing

    const message = `Hello, ${ name }`    // ✗ avoid
const message = `Hello, ${name}`      // ✓ ok

  • 检查 NaN 的正确姿势是使用 isNaN()。

    eslint: use-isnan

    if (price === NaN) { }      // ✗ avoid
if (isNaN(price)) { }       // ✓ ok

  • 用合法的字符串跟 typeof 进行比较操作。

    eslint: valid-typeof

    typeof name === 'undefimed'     // ✗ avoid
typeof name === 'undefined'     // ✓ ok

  • 自调用匿名函数 (IIFEs) 使用括号包裹。

    eslint: wrap-iife

    const getName = function () { }()     // ✗ avoid

const getName = (function () { }())   // ✓ ok
const getName = (function () { })()   // ✓ ok

  • yield * 中的 * 前后都要有空格。

    eslint: yield-star-spacing

    yield* increment()    // ✗ avoid
yield * increment()   // ✓ ok

  • 请书写优雅的条件语句（avoid Yoda conditions）。

    eslint: yoda

    if (42 === age) { }    // ✗ avoid
if (age === 42) { }    // ✓ ok

  • 不要使用分号。 (参见：1，2，3)

    eslint: semi

    window.alert('hi')   // ✓ ok
window.alert('hi');  // ✗ avoid

  • 不要使用 (, [, or ``` 等作为一行的开始。在没有分号的情况下代码压缩后会导致报错，而坚持这一规范则可避免出错。

    eslint: no-unexpected-multiline

    // ✓ ok
;(function () {
  window.alert('ok')
}())

// ✗ avoid
(function () {
  window.alert('ok')
}())

    // ✓ ok
;[1, 2, 3].forEach(bar)

// ✗ avoid
[1, 2, 3].forEach(bar)

    // ✓ ok
;`hello`.indexOf('o')

// ✗ avoid
`hello`.indexOf('o')

    备注：上面的写法只能说聪明过头了。

    相比更加可读易懂的代码，那些看似投巧的写法是不可取的。

    譬如：

    ;[1, 2, 3].forEach(bar)

    建议的写法是：

    var nums = [1, 2, 3]
nums.forEach(bar)

其它

控制台输出，用完即删除或注释

你可能感兴趣的:(前端代码规范)

  • Long类型前后端数据不一致 igotyback 前端
    响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 【加密社】Solidity 中的事件机制及其应用 加密社 闲侃区块链智能合约区块链
    加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • springboot+vue项目实战一-创建SpringBoot简单项目 苹果酱0567 面试题汇总与解析springboot后端java中间件开发语言
    这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
  • 博客网站制作教程 2401_85194651 javamaven
    首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
  • 最简单将静态网页挂载到服务器上(不用nginx) 全能全知者 服务器nginx运维前端html笔记
    最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl
  • 补充元象二面 Redstone Monstrosity 前端面试
    1.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重
  • 微信小程序开发注意事项 jun778895 微信小程序小程序
    微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂
  • 字节二面 Redstone Monstrosity 前端面试
    1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文
  • 前端代码上传文件 余生逆风飞翔 前端javascript开发语言
    点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i
  • uniapp实现动态标记效果详细步骤【前端开发】 2401_85123349 uni-app
    第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢？比如说上面gif图中的这些人物对象，有一些已被该用户添加为关心，那么当用户下一次进入该页面时，这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大，只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先，整体的思路是利用动态类名对不同的元素进行选择。
  • 360前端星计划-动画可以这么玩 马小蜗
    动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
  • Vue + Express实现一个表单提交 九旬大爷的梦
    最近在折腾一个cms系统，用的vue+express，但是就一个表单提交就弄了好久，记录一下。环境：Node10+前端：Vue服务端：Express依赖包：vueexpressaxiosexpress-formidableelement-ui（可选）前言：axiosget请求参数是：paramsaxiospost请求参数是：dataexpressget接受参数是req.queryexpresspo
  • 前端知识点 ZhangTao_zata 前端javascriptcss
    下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage
  • 第三十一节:Vue路由:前端路由vs后端路由的了解 曹老师
    1.认识前端路由和后端路由前端路由相对于后端路由而言的,在理解前端路由之前先对于路由有一个基本的了解路由:简而言之,就是把信息从原地址传输到目的地的活动对于我们来说路由就是:根据不同的url地址展示不同的页面内容1.1后端路由以前咱们接触比较多的后端路由,当改变url地址时,浏览器会向服务器发送请求,服务器根据这个url,返回不同的资源内容后端路由的特点就是前端每次跳转到不同url地址,都会重新访
  • 华雁智科前端面试题 因为奋斗超太帅啦 前端笔试面试问题整理javascript开发语言ecmascript
    1.var变量的提升题目：vara=1functionfun(){console.log(b)varb=2}fun()console.log(a)正确输出结果：undefined、1答错了，给一个大嘴巴子，错误答案输出结果为：2,1此题主要考察var定义的变量，作用域提升的问题，相当于varaa=1functionfun(){varbconsole.log(b)b=2}fun()console.l
  • 如何建设数据中台（五）——数据汇集—打破企业数据孤岛 weixin_47088026 学习记录和总结中台数据中台程序人生经验分享
    数据汇集——打破企业数据孤岛要构建企业级数据中台，第一步就是将企业内部各个业务系统的数据实现互通互联，打破数据孤岛，主要通过数据汇聚和交换来实现。企业采集的数据可以是线上采集、线下数据采集、互联网数据采集、内部数据采集等。线上数据采集主要载体分为互联网和移动互联网两种，对应有系统平台、网页、H5、小程序、App等，可以采用前端或后端埋点方式采集数据。线下数据采集主要是通过硬件来采集，例如：WiFi
  • 分布式锁和spring事务管理 暴躁的鱼 锁及事务分布式springjava
    最近开发一个小程序遇到一个需求需要实现分布式事务管理业务需求用户在使用小程序的过程中可以查看景点，对景点地区或者城市标记是否想去，那么需要统计一个地点被标记的人数，以及记录某个用户对某个地点是否标记为想去，用两个表存储数据，一个地点表记录改地点被标记的次数，一个用户意向表记录某个用户对某个地点是否标记为想去。由于可能有多个用户同时标记一个地点，每个用户在前端点击想去按钮之后，后台接收到请求，从数据
  • 前端CSS面试常见题 剑亦未配妥 前端面试前端css面试
    边界塌陷盒模型有两种：W3C盒模型和IE盒模型，区别在于宽度是否包含边框定义：同时给兄弟/父子盒模型设置上下边距，理论上边距值是两者之和，实际上不是注意：浮动和定位不会产生边界塌陷；只有块级元素垂直方向才会产生margin合并margin计算方案margin同为正负：取绝对值大的值一正一负：求和父子元素边界塌陷解决父元素可以通过调整padding处理；设置overflowhidden，触发BFC子
  • 【JS】前端文件读取FileReader操作总结 程序员-张师傅 前端前端javascript开发语言
    前端文件读取FileReader操作总结FileReader是JavaScript中的一个WebAPI，它允许web应用程序异步读取用户计算机上的文件（或原始数据缓冲区）的内容，例如读取文件以获取其内容，并在不将文件发送到服务器的情况下在客户端使用它。这对于处理图片、文本文件等非常有用，尤其是当你想要在用户界面中即时显示文件内容或进行文件预览时。创建FileReader对象首先，你需要创建一个Fi
  • 【前端】vue 报错:The template root requires exactly one element 程序员-张师傅 前端前端vue.jsjavascript
    【前端】vue报错:Thetemplaterootrequiresexactlyoneelement在Vue.js中，当你遇到错误“Thetemplaterootrequiresexactlyoneelement”时，这通常意味着你的Vue组件的模板（template）根节点不是单一的元素。Vue要求每个组件的模板必须有一个根元素来包裹所有的子元素。这个错误通常出现在以下几种情况：模板中有多个并行
  • 从单体到微服务：FastAPI ‘挂载’子应用程序的转变 黑金IT fastapi微服务fastapi架构
    在现代Web应用开发中，模块化架构是一种常见的设计模式，它有助于将大型应用程序分解为更小、更易于管理的部分。FastAPI，作为一个高性能的PythonWeb框架，提供了强大的支持来实现这种模块化设计。通过“挂载”子应用程序，我们可以为不同的功能区域（如前端接口、管理员接口和用户中心）创建独立的应用程序，并将它们整合到一个主应用程序中。本文将详细介绍如何在FastAPI中使用“挂载”子应用程序的方
  • 创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几 uthRaman 前端ui服务器
    前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=
  • 了解 UNPKG：前端开发者的包管理利器 小于负无穷 前端javascripttypescriptcsshtml5node.js
    在现代前端开发中，JavaScript包管理和模块化是至关重要的，而npm则是最流行的JavaScript包管理器之一。不过，随着前端项目复杂性的增加，有时候我们希望快速引入外部依赖，而无需本地安装和构建。此时，CDN（内容分发网络）成为了一种方便快捷的解决方案，而UNPKG就是这种方式中的佼佼者。什么是UNPKG？UNPKG是一个基于npm的内容分发网络（CDN），它允许开发者直接通过URL从n
  • 前端three.js的Sprite模拟下雪动画效果 qq_35430208 three.js前端javascript三维场景中下雪效果threejs实现下雪效果
    一、效果如图所示：二、原理同下雨一样三、完整代码：index.jsimport*asTHREEfrom'three';import{OrbitControls}from'three/addons/controls/OrbitControls.js';importmodelfrom'./model.js';//模型对象//场景constscene=newTHREE.Scene();scene.add
  • 系列3：【深入】qiankun动态与按需加载子应用—像电影一样控制出现时机 rabbit_it qiankun学习前端框架前端阿里云
    一、引言：为何需要动态加载在现代前端开发中，性能优化始终是一个关键问题。对于微前端架构而言，管理多个子应用带来了前所未有的灵活性，但也对资源的加载和使用效率提出了更高要求。假设你的微前端项目就像一场电影，而子应用是场景或演员。在不同的情节中，我们只需要特定的场景和演员出现，而不需要所有场景和演员一开始就站在舞台上等待。这时，动态加载和按需加载就成为了关键工具——让需要的内容在正确的时机上场，节省性
  • ODOO不同版本与平台选择 chouchengyin2080 c#操作系统运维
    1.10.0vs11.0vs8.0截至2017年底，最新的ODOO发布版为ODOO11.0，但功能上有一定精简（去除财务模块，去除工作流支持），技术上变动较大（代码逐步迁移至Python3，前端框架改写得抽象）。所以如果是从生产使用的角度来讲，ODOO10.0是当前最好选择，因为其更稳定，第三方模块也更多更全面。而如果是ODOO技术爱好从业者，则逐步迁移至ODOO11.0也有必要，因为其底层技术架
  • Nuxt Kit 自动导入功能：高效管理你的模块和组合式函数 qcidyu 好用的工具集合代码效率前端技巧Vue开发组合式函数模块管理自动导入NuxtKit
    title:NuxtKit自动导入功能：高效管理你的模块和组合式函数date:2024/9/14updated:2024/9/14author:cmdragonexcerpt:通过使用NuxtKit的自动导入功能，您可以更高效地管理和使用公共函数、组合式函数和VueAPI。无论是单个导入、目录导入还是从第三方模块导入，您都可以通过简单的API调用轻松实现。categories:前端开发tags:N
  • java线程的无限循环和退出 3213213333332132 java
    最近想写一个游戏，然后碰到有关线程的问题，网上查了好多资料都没满足。 突然想起了前段时间看的有关线程的视频，于是信手拈来写了一个线程的代码片段。 希望帮助刚学java线程的童鞋 package thread; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date
  • tomcat 容器 BlueSkator tomcatWebservlet
    Tomcat的组成部分 1、server A Server element represents the entire Catalina servlet container. (Singleton) 2、service service包括多个connector以及一个engine，其职责为处理由connector获得的客户请求。   3、connector 一个connector
  • php递归,静态变量,匿名函数使用 dcj3sjt126com PHP递归函数匿名函数静态变量引用传参
      <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Current To-Do List</title> </head> <body>
  • 属性颜色字体变化 周华华 JavaScript
    function changSize(className){ var diva=byId("fot") diva.className=className; } </script> <style type="text/css"> .max{ background: #900; color:#039;
  • 将properties内容放置到map中 g21121 properties
    代码比较简单： private static Map<Object, Object> map; private static Properties p; static { //读取properties文件 InputStream is = XXX.class.getClassLoader().getResourceAsStream("xxx.properti
  • [简单]拼接字符串 53873039oycg 字符串
             工作中遇到需要从Map里面取值拼接字符串的情况，自己写了个，不是很好，欢迎提出更优雅的写法，代码如下：           import java.util.HashMap; import java.uti
  • Struts2学习 云端月影
    最近开始关注struts2的新特性，从这个版本开始，Struts开始使用convention-plugin代替codebehind-plugin来实现struts的零配置。 配置文件精简了，的确是简便了开发过程，但是，我们熟悉的配置突然disappear了，真是一下很不适应。跟着潮流走吧，看看该怎样来搞定convention-plugin。 使用Convention插件，你需要将其JAR文件放
  • Java新手入门的30个基本概念二 aijuans java新手java 入门
    基本概念:　　1.OOP中唯一关系的是对象的接口是什么,就像计算机的销售商她不管电源内部结构是怎样的,他只关系能否给你提供电就行了,也就是只要知道can or not而不是how and why.所有的程序是由一定的属性和行为对象组成的,不同的对象的访问通过函数调用来完成,对象间所有的交流都是通过方法调用,通过对封装对象数据,很大限度上提高复用率。　　2.OOP中最重要的思想是类,类是模板是蓝图,
  • jedis 简单使用 antlove javarediscachecommandjedis
    jedis.RedisOperationCollection.java package jedis; import org.apache.log4j.Logger; import redis.clients.jedis.Jedis; import java.util.List; import java.util.Map; import java.util.Set; pub
  • PL/SQL的函数和包体的基础 百合不是茶 PL/SQL编程函数包体显示包的具体数据包
    由于明天举要上课,所以刚刚将代码敲了一遍PL/SQL的函数和包体的实现(单例模式过几天好好的总结下再发出来);以便明天能更好的学习PL/SQL的循环,今天太累了,所以早点睡觉,明天继续PL/SQL总有一天我会将你永远的记载在心里,,,   函数; 函数:PL/SQL中的函数相当于java中的方法;函数有返回值 定义函数的 --输入姓名找到该姓名的年薪 create or re
  • Mockito(二)--实例篇 bijian1013 持续集成mockito单元测试
            学习了基本知识后，就可以实战了，Mockito的实际使用还是比较麻烦的。因为在实际使用中，最常遇到的就是需要模拟第三方类库的行为。         比如现在有一个类FTPFileTransfer，实现了向FTP传输文件的功能。这个类中使用了a
  • 精通Oracle10编程SQL(7)编写控制结构 bijian1013 oracle数据库plsql
    /* *编写控制结构 */ --条件分支语句 --简单条件判断 DECLARE v_sal NUMBER(6,2); BEGIN select sal into v_sal from emp where lower(ename)=lower('&name'); if v_sal<2000 then update emp set
  • 【Log4j二】Log4j属性文件配置详解 bit1129 log4j
    如下是一个log4j.properties的配置   log4j.rootCategory=INFO, stdout , R log4j.appender.stdout=org.apache.log4j.ConsoleAppender log4j.appender.stdout.layout=org.apache.log4j.PatternLayout log4j.appe
  • java集合排序笔记 白糖_ java
    public class CollectionDemo implements Serializable,Comparable<CollectionDemo>{ private static final long serialVersionUID = -2958090810811192128L; private int id; private String nam
  • java导致linux负载过高的定位方法 ronin47
    定位java进程ID 可以使用top或ps -ef |grep java ![图片描述][1] 根据进程ID找到最消耗资源的java pid 比如第一步找到的进程ID为5431 执行 top -p 5431 -H ![图片描述][2] 打印java栈信息 $ jstack -l 5431 > 5431.log 在栈信息中定位具体问题 将消耗资源的Java PID转
  • 给定能随机生成整数1到5的函数，写出能随机生成整数1到7的函数 bylijinnan 函数
    import java.util.ArrayList; import java.util.List; import java.util.Random; public class RandNFromRand5 { /** 题目：给定能随机生成整数1到5的函数，写出能随机生成整数1到7的函数。 解法1： f(k) = (x0-1)*5^0+(x1-
  • PL/SQL Developer保存布局 Kai_Ge
          近日由于项目需要，数据库从DB2迁移到ORCAL，因此数据库连接客户端选择了PL/SQL Developer。由于软件运用不熟悉，造成了很多麻烦，最主要的就是进入后，左边列表有很多选项，自己删除了一些选项卡，布局很满意了，下次进入后又恢复了以前的布局，很是苦恼。在众多PL/SQL Developer使用技巧中找到如下这段：   &n
  • [未来战士计划]超能查派[剧透,慎入] comsci 计划
           非常好看,超能查派,这部电影......为我们这些热爱人工智能的工程技术人员提供一些参考意见和思想........        虽然电影里面的人物形象不是非常的可爱....但是非常的贴近现实生活....    &nbs
  • Google Map API V2 dai_lm google map
    以后如果要开发包含google map的程序就更麻烦咯 http://www.cnblogs.com/mengdd/archive/2013/01/01/2841390.html 找到篇不错的文章，大家可以参考一下 http://blog.sina.com.cn/s/blog_c2839d410101jahv.html 1. 创建Android工程 由于v2的key需要G
  • java数据计算层的几种解决方法2 datamachine javasql集算器
    2、SQL     SQL/SP/JDBC在这里属于一类，这是老牌的数据计算层，性能和灵活性是它的优势。但随着新情况的不断出现，单纯用SQL已经难以满足需求，比如： JAVA开发规模的扩大，数据量的剧增，复杂计算问题的涌现。虽然SQL得高分的指标不多，但都是权重最高的。     成熟度：5星。最成熟的。   
  • Linux下Telnet的安装与运行 dcj3sjt126com linuxtelnet
    Linux下Telnet的安装与运行   linux默认是使用SSH服务的 而不安装telnet服务  如果要使用telnet 就必须先安装相应的软件包  即使安装了软件包 默认的设置telnet 服务也是不运行的 需要手工进行设置 如果是redhat9，则在第三张光盘中找到 telnet-server-0.17-25.i386.rpm
  • PHP中钩子函数的实现与认识 dcj3sjt126com PHP
    假如有这么一段程序： function fun(){ fun1(); fun2(); }   首先程序执行完fun1()之后执行fun2()然后fun()结束。   但是，假如我们想对函数做一些变化。比如说，fun是一个解析函数，我们希望后期可以提供丰富的解析函数，而究竟用哪个函数解析，我们希望在配置文件中配置。这个时候就可以发挥钩子的力量了。   我们可以在fu
  • EOS中的WorkSpace密码修改 蕃薯耀 修改WorkSpace密码
    EOS中BPS的WorkSpace密码修改 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 201
  • SpringMVC4零配置--SpringSecurity相关配置【SpringSecurityConfig】 hanqunfeng SpringSecurity
     SpringSecurity的配置相对来说有些复杂，如果是完整的bean配置，则需要配置大量的bean，所以xml配置时使用了命名空间来简化配置，同样，spring为我们提供了一个抽象类WebSecurityConfigurerAdapter和一个注解@EnableWebMvcSecurity，达到同样减少bean配置的目的，如下：   applicationContex
  • ie 9 kendo ui中ajax跨域的问题 jackyrong AJAX跨域
    这两天遇到个问题，kendo ui的datagrid，根据json去读取数据，然后前端通过kendo ui的datagrid去渲染，但很奇怪的是，在ie 10,ie 11,chrome,firefox等浏览器中，同样的程序， 浏览起来是没问题的，但把应用放到公网上的一台服务器， 却发现如下情况： 1） ie 9下，不能出现任何数据，但用IE 9浏览器浏览本机的应用，却没任何问题
  • 不要让别人笑你不能成为程序员 lampcy 编程程序员
    在经历六个月的编程集训之后，我刚刚完成了我的第一次一对一的编码评估。但是事情并没有如我所想的那般顺利。 说实话，我感觉我的脑细胞像被轰炸过一样。 手慢慢地离开键盘，心里很压抑。不禁默默祈祷：一切都会进展顺利的，对吧？至少有些地方我的回答应该是没有遗漏的，是不是？ 难道我选择编程真的是一个巨大的错误吗——我真的永远也成不了程序员吗？ 我需要一点点安慰。在自我怀疑，不安全感和脆弱等等像龙卷风一
  • 马皇后的贤德 nannan408
       马皇后不怕朱元璋的坏脾气，并敢理直气壮地吹耳边风。众所周知，朱元璋不喜欢女人干政，他认为“后妃虽母仪天下，然不可使干政事”，因为“宠之太过，则骄恣犯分，上下失序”，因此还特地命人纂述《女诫》，以示警诫。但马皇后是个例外。 　　有一次，马皇后问朱元璋道：“如今天下老百姓安居乐业了吗？”朱元璋不高兴地回答：“这不是你应该问的。”马皇后振振有词地回敬道：“陛下是天下之父，
  • 选择某个属性值最大的那条记录（不仅仅包含指定属性，而是想要什么属性都可以） Rainbow702 sqlgroup by最大值max最大的那条记录
    好久好久不写SQL了，技能退化严重啊！！！   直入主题： 比如我有一张表，file_info， 它有两个属性（但实际不只，我这里只是作说明用）： file_code, file_version 同一个code可能对应多个version 现在，我想针对每一个code，取得它相关的记录中，version 值 最大的那条记录， SQL如下： select *
  • VBScript脚本语言 tntxia VBScript
      VBScript 是基于VB的脚本语言。主要用于Asp和Excel的编程。   VB家族语言简介   Visual Basic 6.0           源于BASIC语言。           由微软公司开发的包含协助开发环境的事
  • java中枚举类型的使用 xiao1zhao2 javaenum枚举1.5新特性
    枚举类型是j2se在1.5引入的新的类型,通过关键字enum来定义,常用来存储一些常量.   1.定义一个简单的枚举类型 public enum Sex { MAN, WOMAN }   枚举类型本质是类,编译此段代码会生成.class文件.通过Sex.MAN来访问Sex中的成员,其返回值是Sex类型.   2.常用方法 静态的values()方
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他