冰雪为融
冰雪为融

前端Unicode字符图标汇总

前端Unicode字符图标 原文链接地址：http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/20141225979.html

如果你的页面设计中需要一些图标，你不必使用图片，也不必使用像 Font Awesome 这样的字体图标，我们要告诉你的是，在你的浏览器中已经有一个庞大的图标和符号库-Unicode。它是一个为每一个数字、字符、符号和图标分配的唯一标识（目前超过11000个）。

这并不意味着你拥有无数的图标，它是通过按钮在系统中的字体，通过浏览器来渲染它们，才出现图标效果。在这个教程中，我们将分享一些在Windows, Linux, OS X, Android 和 iOS中可用的unicode字符图标。从今天开始，你可以在你的设计中使用它们。这里有一篇关于使用unicode和字符编码的好文章，我们建议每一位开发者都阅读一下这篇文章。

如何使用Unicode字符图标

下面以表格的形式给出了一些图标，都是一些常规字符，你可以像文本一样复制和粘贴它们。但是，如果你的HTML/CSS文件不是UTF-8编码，它们可能会是乱码。为此，我们提供了HTML转义字符，它在任何编码下都能正常工作。下面是你使用图标时需要做的事情：

  • 1、找到你喜欢的图标，我们提供了大和小两种图标。
  • 2、复制代码(code)。
  • 3、像文本一样粘贴在你的HTML文件中。在CSS文件中，你可以当做属性的值来使用它。在JS和PHP等文件中，你可以像字符串一样使用它。
  • 4、你可以自定义图标的字体大小、颜色、文本阴影等属性。

Icon-like

名称 预览 code
Smiley ☺ ☺ ☺
Hot Springs ♨ ♨ ♨
8-Ball ➑ ➑ ➑
White Star ☆ ☆ ☆
Black Star ★ ★ ★
White Heart ♡ ♡ ♡
Black Heart ❤ ❤ ❤
Airplane ✈ ✈ ✈
Black Scissors ✂ ✂ ✂
White Scissors ✄ ✄ ✄
Crown ♕ ♕ ♕
Cross ✝ ✝ ✝
Black-White Circle ◑ ◑ ◑
Eight Note ♪ ♪ ♪
Beamed Eighth Notes ♫ ♫ ♫
Four Balloon-Spoked Asterisk ✣ ✣ ✣
Circled White Star ✪ ✪ ✪
White Star ✰ ✰ ✰
White Four Pointed Star ✧ ✧ ✧
Black Four Pointed Star ✦ ✦ ✦
Ballot Box Check ☑ ☑ ☑
Check Mark ✔ ✔ ✔
Cross Mark ✘ ✘ ✘
Pencil ✎ ✎ ✎
Writing Hand ✍ ✍ ✍
Female ♀ ♀ ♀
Male ♂ ♂ ♂
Black Telephone ☎ ☎ ☎
White Telephone ☏ ☏ ☏
Envelope ✉ ✉ ✉
Telephone Location ✆ ✆ ✆

Arrows

名称 预览 code
Leftwards Arrow ← ← ←
Rightwards Arrow → → →
Upwards Arrow ↑ ↑ ↑
Downwards Arrow ↓ ↓ ↓
Left Right Arrow ↔ ↔ ↔
Up Down Arrow ↕ ↕ ↕
Right And Left Arrows ⇄ ⇄ ⇄
Up And Down Arrows ⇅ ⇅ ⇅
Down-Left 90deg Arrow ↲ ↲ ↲
Down-Right 90deg Arrow ↳ ↳ ↳
Up-Left 90deg Arrow ↰ ↰ ↰
Up-Right 90deg Arrow ↱ ↱ ↱
Leftwards Arrow To Bar ⇤ ⇤ ⇤
Rightwards Arrow To Bar ⇥ ⇥ ⇥
Anticlockwise Semicircle Arrow ↶ ↶ ↶
Clockwise Semicircle Arrow ↷ ↷ ↷
Anticlockwise Circle Arrow ↺ ↺ ↺
Clockwise Circle Arrow ↻ ↻ ↻
Wide-Headed Rightwards Arrow ➔ ➔ ➔
Downwards Zigzag Arrow ↯ ↯ ↯
North West Arrow ↖ ↖ ↖
Heavy South East Arrow ➘ ➘ ➘
Heavy Rightwards Arrow ➙ ➙ ➙
Heavy North East Arrow ➚ ➚ ➚
Dashed Rightwards Arrow ➟ ➟ ➟
Dotted Leftwards Arrow ⇠ ⇠ ⇠
Black Rightwards Arrowhead ➤ ➤ ➤
Leftwards White Arrow ⇦ ⇦ ⇦
Rightwards White Arrow ⇨ ⇨ ⇨
Left Angle Quotation Mark « « «
Right Angle Quotation Mark » » »
Right Black Pointer ► ► ►
Left Black Pointer ◀ ◀ ◀
Up Black Pointer ▲ ▲ ▲
Down Black Pointer ▼ ▼ ▼
Right White Pointer ▷ ▷ ▷
Left White Pointer ◁ ◁ ◁
Up White Pointer △ △ △
Down White Pointer ▽ ▽ ▽
Bow Arrow ➴ ➴ ➴

Special

名称 预览 code
Numero № № №
Copyright © © ©
Registered ® ® ®
Trademark ™ ™ ™
Estimated ℮ ℮ ℮
Bullet • • •
Middle Dot · · ·

Currency

名称 预览 code
Euro € € €
Pound £ £ £
Lira ₤ ₤ ₤
Yen ¥ ¥ ¥
Cent ¢ ¢ ¢
Currency ¤ ¤ ¤

Weather

名称 预览 code
Degree ° ° °
Small Sun ☀ ☀ ☀
Big Sun ☼ ☼ ☼
Cloud ☁ ☁ ☁
Snowflake 1 ❆ ❆ ❆
Snowflake 2 ❅ ❅ ❅
Snowflake 3 ❄ ❄ ❄

Pointers

名称 预览 code
Pointer Left Black ☚ ☚ ☚
Pointer Right Black ☛ ☛ ☛
Pointer Left White ☜ ☜ ☜
Pointer Up White ☝ ☝ ☝
Pointer Right White ☞ ☞ ☞
Pointer Down White ☟ ☟ ☟

Card Suits

名称 预览 code
Spades Black ♠ ♠ ♠
Hearts Black ♥ ♥ ♥
Diamonds Black ♦ ♦ ♦
Clubs Black ♣ ♣ ♣
Spades White ♤ ♤ ♤
Hearts White ♡ ♡ ♡
Diamonds White ♢ ♢ ♢
Clubs White ♧ ♧ ♧

Chess

名称 预览 code
King White ♔ ♔ ♔
Queen White ♕ ♕ ♕
Rook White ♖ ♖ ♖
Bishop White ♗ ♗ ♗
Knight White ♘ ♘ ♘
Pawn White ♙ ♙ ♙
King Black ♚ ♚ ♚
Queen Black ♛ ♛ ♛
Rook Black ♜ ♜ ♜
Bishop Black ♝ ♝ ♝
Knight Black ♞ ♞ ♞
Pawn Black ♟ ♟ ♟

Maths

名称 预览 code
Infinity ∞ ∞ ∞
Plus Minus ± ± ±
Less-Than Or Equal To ≤ ≤ ≤
More-Than Or Equal To ≥ ≥ ≥
Not Equal To ≠ ≠ ≠
Division ÷ ÷ ÷
Multiplication x × × ×
Heavy Multiplication x ✖ ✖ ✖
Superscript One ¹ ¹ ¹
Superscript Two ² ² ²
Superscript Three ³ ³ ³
Circled Plus ⊕ ⊕ ⊕
Circled Multiplication ⊗ ⊗ ⊗
Logical AND ∧ ∧ ∧
Logical OR ∨ ∨ ∨
Delta ∆ ∆ ∆
Pie ∏ ∏ ∏
Sigma (SUM) ∑ ∑ ∑
Omega Ω Ω Ω
Empty Set ∅ ∅ ∅
Angle ∠ ∠ ∠
Parallel ∥ ∥ ∥
Perpendicular ⊥ ⊥ ⊥
Almost Equal To ≈ ≈ ≈
Triangle △ △ △
Circle ○ ○ ○
Square □ □ □

Fractions

名称 预览 code
One Quarter (1/4) ¼ ¼ ¼
One Half (1/2) ½ ½ ½
Three Quarters (3/4) ¾ ¾ ¾
One Third (1/3) ⅓ ⅓ ⅓
Two Thirds (2/3) ⅔ ⅔ ⅔
One Eight (1/8) ⅛ ⅛ ⅛
Three Eights (3/8) ⅜ ⅜ ⅜
Five Eights (5/8) ⅝ ⅝ ⅝
Seven Eights (7/8) ⅞ ⅞ ⅞

Roman Numerals

名称 预览 code
Roman Numeral One Ⅰ Ⅰ Ⅰ
Roman Numeral Two Ⅱ Ⅱ Ⅱ
Roman Numeral Three Ⅲ Ⅲ Ⅲ
Roman Numeral Four Ⅳ Ⅳ Ⅳ
Roman Numeral Five Ⅴ Ⅴ Ⅴ
Roman Numeral Six Ⅵ Ⅵ Ⅵ
Roman Numeral Seven Ⅶ Ⅶ Ⅶ
Roman Numeral Eight Ⅷ Ⅷ Ⅷ
Roman Numeral Nine Ⅸ Ⅸ Ⅸ
Roman Numeral Ten Ⅹ Ⅹ Ⅹ
Roman Numeral Eleven Ⅺ Ⅺ Ⅺ
Roman Numeral Twelve Ⅻ Ⅻ Ⅻ
小提示：在使用不同的字体时，渲染出来的图标可能会有所不同，因此，iOS and Android将一些unicode字符转换为表情符号。在你使用这些unicode字符之前，最好测试一下它们，确定不会出现在不同浏览器表现不同的情况出现。

你可能感兴趣的:(js学习笔记整理,前端Unicode字符图标)

  • 前端力扣刷题 | 5：hot100之 普通数组 酒酿泡芙1217 力扣hot100leetcode前端算法
    53.最大子数组和给你一个整数数组nums，请你找出一个具有最大和的连续子数组（子数组最少包含一个元素），返回其最大和。子数组是数组中的一个连续部分。示例：输入：nums=[-2,1,-3,4,-1,2,1,-5,4]输出：6解释：连续子数组[4,-1,2,1]的和最大，为6。法一：双指针初始化：res用来存储当前的最大和，初始值为负无穷大。left是子数组的左边界，但它并不在实际计算中起作用，因
  • 影视仓—2025年最新源接口，最强大便捷的影视盒子工具 SunnyRun！ 智能电视电视盒子tvbox影视仓影视仓最新接口源2025影视仓最新接口电视安装三方软件
    《前端开发面试题进阶秘籍》：前端登顶-前端知识点梳理小米盒子丨小米丨红米电视安装第三方软件教程！华为荣耀电视智慧屏安装第三方软件教程！天猫魔盒安装第三方软件、设置第三方软件自启方法！海信电视安装第三方软件通用教程！创维电视安装第三方软件！影视仓配置教程与使用小技巧！影视仓最新接口,2025免费API接口,TVBox源,影视仓源,4K配置接口,免费数据调用,绛州速寄,五折快递,寄大件物流,TV盒子配
  • Gradio 快速构建机器学习web可视化界面心得 算法小菜鸟成长心得 python
    1.操作完成提示try:#对输入的字符串代码进行编译运行exec(get_test_code_example)gr.Info("Modeltestingcompletedsuccessfully.")except:raisegr.Error("Modeltestingfailed.")用到了gr.Info()和gr.Errot(）
  • FPGA入门学习之Vivado-数码管驱动设计实验 ZdqDeveloper fpga开发学习FPGA
    在本篇文章中，我们将介绍如何使用Vivado软件进行FPGA的数码管驱动设计实验。数码管是一种常见的输出设备，用于显示数字或字符等信息。通过本实验，您将学习如何使用FPGA来控制数码管的显示，并编写相应的Verilog代码。实验准备：Vivado软件的安装和配置。FPGA开发板（如Xilinx的Basys3）。实验步骤：步骤1：创建新工程打开Vivado软件，并选择"CreateProject"来
  • python all函数用法 Danker01 pythonall函数
    python的内置函数有很多，高级函数也有很多，今天讲一个小小的例子，因为之前没有用过，所以在这里记录一下。使用场景：给出一个由字符串组成的列表，怎么取判断每一个字符串里是不是包含共同的一个部分，例如下面：str_list=['//img14.360buyimg.com/n5/s85x85_jfs/t1/7121/5/4850/249681/5bdc086dE0d08ee7e/65767cb85c
  • （React组件基础）前端八股文修炼Day6 筱语悠里 前端react.js前端框架
    一类组件与函数组件有什么异同在React中，类组件和函数组件是创建组件的两种主要方式。随着React的发展，尤其是自Hooks在React16.8中引入以来，函数组件的功能变得更加强大，使得它们能够更加方便地与类组件相竞争。下面是类组件与函数组件在不同方面的异同：类组件特征:使用ES6的类语法定义。必须包含render()方法，其返回React元素。可以使用React生命周期方法（如compone
  • 基于SpringBoot的模拟证券交易系统 SAFE20242034 #一SpringBootspringboot后端java
    模拟证券交易系统项目概述本项目是一个基于Java的模拟证券交易系统，主要功能包括用户注册、登录、账户管理、股票查询、股票买卖以及交易记录查询等操作。系统采用SpringBoot实现后端，MySQL作为数据存储，前端使用HTML和JavaScript提供简单交互。主要功能模块1.用户注册与登录用户可以注册一个账户，包括用户名、密码、初始余额。用户登录后可访问其账户信息和进行股票交易操作。2.股票查询
  • 【自己动手开发Webpack插件：开启前端构建工具的个性化定制之旅】 Orange301511 大前端前端webpacknode.jsjavascripttypescript
    在前端开发的世界里，Webpack无疑是构建工具中的“明星”。它强大的功能可以帮助我们高效地打包和管理前端资源。然而，有时候默认的Webpack功能可能无法完全满足我们的特定需求，这时候就需要自定义Webpack插件来大展身手啦！今天，我们就来一起探索如何开发自己的Webpack插件。一、什么是Webpack插件？Webpack插件就像是一个神奇的小助手，在Webpack打包的过程中，在特定的时刻
  • el-input限制只能输入数字 Orange301511 大前端vue.jselementuijavascript
    el-input限制只能输入数字问题：vue项目使用el-input限制只能输入数字1.当我们通过设置type="number"时，在中文输入法输入的时候；当失去焦点时会录入英文字符。所以该方案不是最佳方案2.当我们使用vue的修饰符v-model.number约束为number时;此时字母e依然可以输入。所以该方案不是最佳解决方案3.在el-input的v-on:input="value=val
  • 在 Vue 3 中，怎么管理环境变量 ＆白帝＆ vue3vue.js前端javascript
    在Vue3中，环境变量管理是通过.env文件来进行的，利用这些文件可以让开发者根据不同的环境（开发、生产、测试等）配置不同的变量。这一机制由Vite构建工具支持，它帮助开发者根据不同的环境需求做出相应配置。1.环境变量的基本概念在前端开发中，环境变量通常用于存储配置信息、密钥、API地址等，这些信息可能会因不同的部署环境而有所不同。通过.env文件，开发者可以确保在开发环境、生产环境等不同环境下使
  • 【python】all()函数介绍 叶阿猪 pythonpython开发语言
    一、说明Python中的all()函数是一个内置函数，用于判断一个可迭代对象（如列表、元组、字符串等）中的所有元素是否都为True（或者更准确地说，是否都等价于True）。二、基本语法all(iterable)iterable：一个可迭代对象。返回值：返回True或者返回False三、工作原理如果可迭代对象为空（例如空列表、空元组或空字符串），则all()返回True。否则，all()会迭代可迭代
  • json.loads和json.dumps有什么区别，什么时候用json.loads，什么时候用json.dumps？ 兰若姐姐 自动化AI大模型jsonpython
    发现很多小伙伴对json.loads()和json.dumps()傻傻分不清，不知道什么时候应该用json.loads()，什么时候用json.dumps()，这里简单给大家分享一下json.loads()和json.dumps()是Python标准库json模块中的两个重要函数,它们之间有以下区别:功能:json.loads()：将JSON格式的字符串转换为Python对象(通常是dict或li
  • linux批量提取文本,关于bash：如何使用sed从字符串中提取多个文本和数字？ 国家级做梦冠军 linux批量提取文本
    本问题已经有最佳答案，请猛点这里访问。如何使用"sed"从一行中提取3个或更多单独的文本我有以下几行：echo到目前为止，我可以通过执行以下操作来提取"DOB-029"sed-n's/.*\(DOB-[0-9]*\).*/\1/p'但我没有得到其他文字，例如姓名或职位。我的预期输出应该是MikeDOB-029Post-555已编辑假设我在文件中有一个列表，我想从整个列表中提取特定的文本/ID，然后
  • 概念一： python 中列表 ，数组， 集合，字典； ZhengXinTang #python数据结构pythonlist
    1.python基本数据类型首先python3中自带的有六个标准的数据结构类型：Number（数字）String（字符串）Tuple（元组）List（列表）Set（集合）Dictionary（字典）不可变数据（3个）：Number（数字）、String（字符串）、Tuple（元组）；可变数据（3个）：List（列表）、Dictionary（字典）、Set（集合）。2.数据类型各自的特点2.1数组与
  • SQLAlchemy 使用(一)创建单一model dehaili6776 数据库运维python
    前言最近项目等待前端接接口,比较空闲.就想学习一些新东西.学啥呢?考虑到ORM的易用性,还是学习一下ORM.那么与Flask搭配的ORM有flask-sqlalchemy但是该组件专为Flask定制.如JWT与Flask-JWT,考虑到适用性,还是觉得学SQLAlchemy好一些.正文安装要想使用SQLAlchemy,首当其冲的当然是安装啦pipinstallsqlalchemy建立model文件
  • 常用的前端4种请求方式 紫水木鱼 前端
    文章目录一、GET请求1.1使用方式1.2优缺点1.3应用场景二、POST请求2.1使用方式2.2优缺点2.3应用场景三、PUT请求3.1使用方式3.2优缺点3.３应用场景四、DELETE请求4.1使用方式4.2优缺点4.3应用场景五.总结一、GET请求GET请求用于向指定资源发出请求，请求中包含了资源的URL和请求参数。服务器端通过解析请求参数来返回相应的资源，不会修改服务器端的状态。1.1使用
  • python传入命令行参数 Mett_Smith 后端读书笔记
    1.pycharm要想快速调出命令行参数设置面板，快捷键为alt+shift+F10，之后按下0即可2.pycharm输入的命令行参数默认为字符型变量（默认设置可能随编辑器变化而变化），例如：a=sys.argv[1]b=sys.argv[2]在参数变量中输入5和6，等同于：a='5'b='6'3.究其原因，是由于python语言本身的限制，导致变量没有固定的类型，IDE不能自动识别参数类型所致，
  • python split() 和 chunk() 的区别 Joyner2018 pythonpython开发语言
    在编程中，使用split()和chunk()的选择取决于具体的应用场景和需求。两者的功能有所不同：1.在python中split()方法作用:通常用于将字符串分割成子字符串列表。例如，在Python中：split()是基于一个分隔符（如空格、逗号等）分割字符串。优点:简单直观:用于处理基于某些字符或模式分割的字符串。高效:对于解析固定格式的字符串非常高效，例如CSV数据或日志解析。广泛支持:几乎所
  • python 使用json.loads报错：json.decoder.JSONDecodeError: Expecting value: line x column x (char x)问题的解决方式 Joy and courage jsonpython开发语言
    python使用json.loads报错：json.decoder.JSONDecodeError:Expectingvalue:linexcolumnx(charx)问题的解决方式问题使用Python得到了一个response.text()的字符串，想把其转换成json格式保存使用，但是使用json.loads(response.text())的方式会报错：json.decoder.JSONDe
  • 详解 Python 中的json.loads和json.dumps方法：中英双语 阿正的梦工坊 Pythonpythonjsonmicrosoft
    中文版详解Python中的json.loads和json.dumps方法在Python的标准库中，json模块用于处理JSON数据格式。JSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式，广泛用于前后端交互以及数据存储。json.loads和json.dumps是json模块中最常用的两个方法，分别用于解析JSON字符串和将Python对象序列化为JSON字符串
  • 【前端】Node.js使用教程 大雨淅淅 编程语言vim编辑器linuxnode.js开发语言前端
    目录一、Node.js开发环境和编译1.1安装Node.js1.2创建一个Node.js项目1.3编写Node.js程序1.4运行Node.js程序1.5使用Node.js模块二、高级的Node.js编程概念和示例2.1异步编程2.2错误处理2.3网络请求2.4构建Web服务器2.5数据库交互三、Node.js开发中重要方面和概念3.1环境变量和配置文件3.1.1使用环境变量3.1.2使用配置文件
  • 前端开发设计模式——单例模式 夜月还山岚 JavaScript设计模式设计模式单例模式前端javascript
    目录一、单例模式的定义和特点：1.定义：2.特点：二、单例模式的实现方式：1.立即执行函数结合闭包实现：2.ES6类实现：三、单例模式的应用场景1.全局状态管理：2.日志记录器：3.数据库连接：四、单例模式的优点1.减少资源消耗：2.全局访问：3.易于管理：五、单例模式的缺点1.测试困难：2.违法单一职责原则：3.可能导致内存泄漏：六、单例模式的注意事项1.线程安全：2.延迟加载：3.可扩展性：在
  • 前端开发设计模式——原型模式 夜月还山岚 JavaScript设计模式原型模式前端设计模式
    一、定义和特点1.定义原型模式是一种创建对象的方式，它通过复制一个已经存在的实例（称为原型）来创建新的实例，而不是通过传统的构造函数调用和初始化过程。2.特点高效创建对象：避免了重复执行复杂的构造过程，尤其是当对象的创建成本较高时，原型模式可以显著提高创建效率。灵活性：可以根据不同的需求对原型进行修改和扩展，从而创建出具有不同特性的新对象。动态性：在运行时可以动态地改变原型，使得创建的对象能够适应
  • Linux Commands&Tips hilgc000 Linuxfindlinux
    Tips文件操作根据名字查找文件https://www.cnblogs.com/Baron-Lu/p/6991269.htmlfind/home/lijiajia/-name‘*elm’批量替换文件中的字符串：sed-i“s/len/size/g”`greplen-rl./`批量修改文件名fornameinls*.html;doecho$name${name%.html}.jpg;donelsjp
  • 前端开发常用的设计模式有哪些 我有一棵树 设计模式
    模块模式：将代码封装成独立的模块，提高代码的可维护性和重用性。构造函数模式：使用构造函数来创建对象，每个对象都有自己的属性和方法。工厂模式：定义一个创建对象的接口，但由子类决定实例化哪个类2。单例模式：确保一个类只有一个实例，并提供全局访问点2。订阅-发布模式（观察者模式）：定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知12。装饰者模式：动态地给一个对
  • How to learn html？基于chatGLM-b生成示例（仅供参考） 不是吧这都有重名 html前端
    如何学习HTML目录章节11.1.HTML基础概念章节22.1.HTML文档结构章节33.1.HTML基本标签章节44.1.HTML文本格式化章节55.1.HTML列表和表格章节66.1.HTML表单和输入章节77.1.HTML图片和多媒体章节88.1.HTML链接与导航章节99.1.HTML样式与CSS的基本应用章节1010.1.HTML常用属性与属性标签章节1111.1.HTML注释与特殊字符
  • 跨域问题及解决方案 八月五 实战项目springboot后端
    跨域问题不仅影响开发效率，还可能导致项目进度延误。因此，理解和掌握跨域问题的原理及其解决方案对于前端开发者和后端开发者来说都至关重要。本文将详细介绍什么是跨域、跨域产生的原因，以及常见的后端跨域解决方案。文章目录一、什么是跨域二、跨域产生的原因三、解决策略：1.CORS（跨域资源共享）2.在SpringBoot中配置CORS2.1在目标方法中添加`@CrossOrign`注解2.2添加Cors过滤
  • 如何0基础自学网络安全技术，推荐一个非常稳的网络安全学习路线_网络安全入门学习路线 星空真懒 程序员web安全学习安全
    青铜（筑基期）度过了石器时代，你已经储备了一些计算机的基础知识：操作系统的使用，网络协议，前端基础，数据库初识，但这距离做网络安全还不够，在第二个青铜阶段，你还需要再进一步学习基础，在第一阶段之上，难度会开始慢慢上升。这一阶段需要学习的知识有：Web进阶在前面的石器时代，咱们初步接触了网页编程，了解了网页的基本原理。不过那时候是纯前端的，纯静态的网页，没有接触后端。在这个进阶的阶段，你要开始接触W
  • PAT乙级题解1003(超级详细分析，看完就懂) 算法小白TQ PAT乙级算法c++pat考试
    题目描述：题意简化：给定一个字符串和一些判定规则,判断该字符串是否正确思路分析(解读规则)：①字符串中只能含有P,A,T这三种字符②形如PAT,APATA,AAPATAA,AAAPATAAA…这种都算正确，可以观察到：P和T都是有且只有一个P一定在T的左边P和T中间A的个数一定不为0③第三点是在第二点的基础上进行的拓展先拓展②中的字符串，看看正确的字符串都有什么规律{PAT−>PAAT−>PAAA
  • 深入解析字符编码与数据格式：技术演进与应用实践 我的青春不太冷 经验分享笔记
    文章目录深入解析字符编码与数据格式：技术演进与应用实践字符编码：数字世界的文字基石ASCII：计算机的"字母启蒙"扩展ASCII：地域化解决方案ISO-8859系列Windows-1252中文编码：东方字符的数字化之路GB2312（1980）GBK（1995）GB18030（2000）Unicode：全球化的终极方案UTF-8（1993）UTF-16UTF-32数据编码格式：信息交换的艺术JSON
  • web报表工具FineReport常见的数据集报错错误代码和解释 老A不折腾 web报表finereport代码可视化工具
    在使用finereport制作报表，若预览发生错误，很多朋友便手忙脚乱不知所措了，其实没什么，只要看懂报错代码和含义，可以很快的排除错误，这里我就分享一下finereport的数据集报错错误代码和解释，如果有说的不准确的地方，也请各位小伙伴纠正一下。   NS-war-remote=错误代码\:1117 压缩部署不支持远程设计 NS_LayerReport_MultiDs=错误代码
  • Java的WeakReference与WeakHashMap bylijinnan java弱引用
    首先看看 WeakReference wiki 上 Weak reference 的一个例子： public class ReferenceTest { public static void main(String[] args) throws InterruptedException { WeakReference r = new Wea
  • Linux——（hostname）主机名与ip的映射 eksliang linuxhostname
    一、 什么是主机名 无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。但IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。域名类型 linuxsir.org 这样的； 主机名是用于什么的呢？ 答：在一个局域网中，每台机器都有一个主
  • oracle 常用技巧 18289753290
    oracle常用技巧 ①复制表结构和数据   create table  temp_clientloginUser as   select distinct userid from tbusrtloginlog ②仅复制数据 如果表结构一样 insert into  mytable  select  * &nb
  • 使用c3p0数据库连接池时出现com.mchange.v2.resourcepool.TimeoutException 酷的飞上天空 exception
    有一个线上环境使用的是c3p0数据库，为外部提供接口服务。最近访问压力增大后台tomcat的日志里面频繁出现 com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.v2.resourcepool.BasicResou
  • IT系统分析师如何学习大数据 蓝儿唯美 大数据
    我是一名从事大数据项目的IT系统分析师。在深入这个项目前需要了解些什么呢？学习大数据的最佳方法就是先从了解信息系统是如何工作着手，尤其是数据库和基础设施。同样在开始前还需要了解大数据工具，如Cloudera、Hadoop、Spark、Hive、Pig、Flume、Sqoop与Mesos。系 统分析师需要明白如何组织、管理和保护数据。在市面上有几十款数据管理产品可以用于管理数据。你的大数据数据库可能
  • spring学习——简介 a-john spring
    Spring是一个开源框架，是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只能由EJB完成的事情。然而Spring的用途不仅限于服务器端的开发，从简单性，可测试性和松耦合的角度而言，任何Java应用都可以从Spring中受益。其主要特征是依赖注入、AOP、持久化、事务、SpringMVC以及Acegi Security 为了降低Java开发的复杂性，
  • 自定义颜色的xml文件 aijuans xml
    <?xml version="1.0" encoding="utf-8"?> <resources> <color name="white">#FFFFFF</color> <color name="black">#000000</color> &
  • 运营到底是做什么的？ aoyouzi 运营到底是做什么的？
    文章来源：夏叔叔（微信号：woshixiashushu），欢迎大家关注！很久没有动笔写点东西，近些日子，由于爱狗团产品上线，不断面试，经常会被问道一个问题。问：爱狗团的运营主要做什么？答：带着用户一起嗨。为什么是带着用户玩起来呢？究竟什么是运营？运营到底是做什么的？那么，我们先来回答一个更简单的问题——互联网公司对运营考核什么？以爱狗团为例，绝大部分的移动互联网公司，对运营部门的考核分为三块——用
  • js面向对象类和对象 百合不是茶 js面向对象函数创建类和对象
    接触js已经有几个月了,但是对js的面向对象的一些概念根本就是模糊的,js是一种面向对象的语言 但又不像java一样有class,js不是严格的面向对象语言 ,js在java web开发的地位和java不相上下  ,其中web的数据的反馈现在主流的使用json,json的语法和js的类和属性的创建相似   下面介绍一些js的类和对象的创建的技术   一:类和对
  • web.xml之资源管理对象配置 resource-env-ref bijian1013 javaweb.xmlservlet
    resource-env-ref元素来指定对管理对象的servlet引用的声明，该对象与servlet环境中的资源相关联 <resource-env-ref> <resource-env-ref-name>资源名</resource-env-ref-name> <resource-env-ref-type>查找资源时返回的资源类
  • Create a composite component with a custom namespace sunjing
    https://weblogs.java.net/blog/mriem/archive/2013/11/22/jsf-tip-45-create-composite-component-custom-namespace   When you developed a composite component the namespace you would be seeing would
  • 【MongoDB学习笔记十二】Mongo副本集服务器角色之Arbiter bit1129 mongodb
     一、复本集为什么要加入Arbiter这个角色 回答这个问题，要从复本集的存活条件和Aribter服务器的特性两方面来说。 什么是Artiber？ An arbiter does not have a copy of data set and cannot become a primary. Replica sets may have arbiters to add a
  • Javascript开发笔记 白糖_ JavaScript
    获取iframe内的元素 通常我们使用window.frames["frameId"].document.getElementById("divId").innerHTML这样的形式来获取iframe内的元素，这种写法在IE、safari、chrome下都是通过的，唯独在fireforx下不通过。其实jquery的contents方法提供了对if
  • Web浏览器Chrome打开一段时间后，运行alert无效 bozch Webchormealert无效
    今天在开发的时候，突然间发现alert在chrome浏览器就没法弹出了，很是怪异。 试了试其他浏览器，发现都是没有问题的。 开始想以为是chorme浏览器有啥机制导致的，就开始尝试各种代码让alert出来。尝试结果是仍然没有显示出来。 这样开发的结果，如果客户在使用的时候没有提示，那会带来致命的体验。哎，没啥办法了 就关闭浏览器重启。   结果就好了，这也太怪异了。难道是cho
  • 编程之美-高效地安排会议 图着色问题 贪心算法 bylijinnan 编程之美
    import java.util.ArrayList; import java.util.Collections; import java.util.List; import java.util.Random; public class GraphColoringProblem { /**编程之美 高效地安排会议 图着色问题 贪心算法 * 假设要用很多个教室对一组
  • 机器学习相关概念和开发工具 chenbowen00 算法matlab机器学习
    基本概念： 机器学习(Machine Learning, ML)是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能。 它是人工智能的核心，是使计算机具有智能的根本途径，其应用遍及人工智能的各个领域，它主要使用归纳、综合而不是演绎。 开发工具 M
  • [宇宙经济学]关于在太空建立永久定居点的可能性 comsci 经济
           大家都知道,地球上的房地产都比较昂贵,而且土地证经常会因为新的政府的意志而变幻文本格式........        所以,在地球议会尚不具有在太空行使法律和权力的力量之前,我们外太阳系统的友好联盟可以考虑在地月系的某些引力平衡点上面,修建规模较大的定居点
  • oracle 11g database control 证书错误 daizj oracle证书错误oracle 11G 安装
    oracle 11g database control 证书错误  win7 安装完oracle11后打开 Database control 后，会打开em管理页面，提示证书错误，点“继续浏览此网站”，还是会继续停留在证书错误页面 解决办法： 是 KB2661254 这个更新补丁引起的，它限制了 RSA 密钥位长度少于 1024 位的证书的使用。具体可以看微软官方公告：
  • Java I/O之用FilenameFilter实现根据文件扩展名删除文件 游其是你 FilenameFilter
    在Java中，你可以通过实现FilenameFilter类并重写accept(File dir, String name) 方法实现文件过滤功能。 在这个例子中，我们向你展示在“c:\\folder”路径下列出所有“.txt”格式的文件并删除。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
  • C语言数组的简单以及一维数组的简单排序算法示例，二维数组简单示例 dcj3sjt126com carray
    # include <stdio.h> int main(void) { int a[5] = {1, 2, 3, 4, 5}; //a 是数组的名字 5是表示数组元素的个数，并且这五个元素分别用a[0], a[1]...a[4] int i; for (i=0; i<5; ++i) printf("%d\n",
  • PRIMARY, INDEX, UNIQUE 这3种是一类 PRIMARY 主键。 就是 唯一 且 不能为空。 INDEX 索引，普通的 UNIQUE 唯一索引 dcj3sjt126com primary
    PRIMARY, INDEX, UNIQUE 这3种是一类PRIMARY 主键。 就是 唯一 且 不能为空。INDEX 索引，普通的UNIQUE 唯一索引。 不允许有重复。FULLTEXT 是全文索引，用于在一篇文章中，检索文本信息的。举个例子来说，比如你在为某商场做一个会员卡的系统。这个系统有一个会员表有下列字段：会员编号   INT会员姓名  
  • java集合辅助类 Collections、Arrays shuizhaosi888 CollectionsArraysHashCode
      Arrays、Collections   1 ）数组集合之间转换 public static <T> List<T> asList(T... a) { return new ArrayList<>(a); }      a）Arrays.asL
  • Spring Security（10）——退出登录logout 234390216 logoutSpring Security退出登录logout-urlLogoutFilter
           要实现退出登录的功能我们需要在http元素下定义logout元素，这样Spring Security将自动为我们添加用于处理退出登录的过滤器LogoutFilter到FilterChain。当我们指定了http元素的auto-config属性为true时logout定义是会自动配置的，此时我们默认退出登录的URL为“/j_spring_secu
  • 透过源码学前端 之 Backbone 三 Model 逐行分析JS源代码 backbone源码分析js学习
    Backbone 分析第三部分  Model 概述： Model 提供了数据存储，将数据以JSON的形式保存在 Model的 attributes里， 但重点功能在于其提供了一套功能强大，使用简单的存、取、删、改数据方法，并在不同的操作里加了相应的监听事件， 如每次修改添加里都会触发 change，这在据模型变动来修改视图时很常用，并且与collection建立了关联。
  • SpringMVC源码总结（七）mvc:annotation-driven中的HttpMessageConverter 乒乓狂魔 springMVC
    这一篇文章主要介绍下HttpMessageConverter整个注册过程包含自定义的HttpMessageConverter，然后对一些HttpMessageConverter进行具体介绍。 HttpMessageConverter接口介绍： public interface HttpMessageConverter<T> { /** * Indicate
  • 分布式基础知识和算法理论 bluky999 算法zookeeper分布式一致性哈希paxos
      分布式基础知识和算法理论 BY [email protected] 本文永久链接：http://nodex.iteye.com/blog/2103218   在大数据的背景下，不管是做存储，做搜索，做数据分析，或者做产品或服务本身，面向互联网和移动互联网用户，已经不可避免地要面对分布式环境。笔者在此收录一些分布式相关的基础知识和算法理论介绍，在完善自我知识体系的同
  • Android Studio的.gitignore以及gitignore无效的解决 bell0901 androidgitignore
    　　github上.gitignore模板合集，里面有各种.gitignore ： https://github.com/github/gitignore 　　自己用的Android Studio下项目的.gitignore文件，对github上的android.gitignore添加了 　　　　　　# OSX files　　　　　　//mac os下　　　　　　.DS_Store
  • 成为高级程序员的10个步骤 tomcat_oracle 编程
    What 软件工程师的职业生涯要历经以下几个阶段：初级、中级，最后才是高级。这篇文章主要是讲如何通过 10 个步骤助你成为一名高级软件工程师。   Why 得到更多的报酬！因为你的薪水会随着你水平的提高而增加 提升你的职业生涯。成为了高级软件工程师之后，就可以朝着架构师、团队负责人、CTO 等职位前进 历经更大的挑战。随着你的成长，各种影响力也会提高。
  • mongdb在linux下的安装 xtuhcy mongodblinux
    一、查询linux版本号： lsb_release -a  LSB Version:    :base-4.0-amd64:base-4.0-noarch:core-4.0-amd64:core-4.0-noarch:graphics-4.0-amd64:graphics-4.0-noarch:printing-4.0-amd64:printing-4.0-noa
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他