- Flutter基础(前端教程①④-data.map和assignAll和fromJson和toList)
aaiier
Flutterflutter
1.data.map((item)=>...)作用:遍历一个列表,把每个元素「转换」成另一种形式。类比:就像工厂的流水线,每个产品经过加工变成新的样子。//原始数据finalnumbers=[1,2,3];//把每个数字变成它的平方finalsquared=numbers.map((num)=>num*num);print(squared);//输出:(1,4,9)在你的代码中:把JSON对象列表
- leetcode: 167. 两数之和 II - 输入有序数组
-兮
#leetcodeleetcode算法数据结构
中等难度题目描述给你一个下标从1开始的整数数组numbers,该数组已按非递减顺序排列,请你从数组中找出满足相加之和等于目标数target的两个数。如果设这两个数分别是numbers[index1]和numbers[index2],则1twoSum(vector&numbers,inttarget){intk=numbers.size()-1;vectorres({1,2});for(vector
- Perl中的数组操作
Push返回数组中的个数pop返回数组中被Pop出的数,最后一个shift返回数据中删除的数字,第一个unshift返回数组长度,从第一个添加printjoin(':',unshift(@numbers,0,10));Map1.会遍历整个数组,并对数组的每个值调用函数,例如mapuc,@word,输出全大写2.$_表示数组的每一个值,例如@word=qw(abcdefg);printmap{$_}
- 添加行号(python版)
添加行号#打开PyCharm,新建一个新的py文件,取名demo,生成demo.py文件lines_maxlenth=0#定义新的变量,储存最长的代码长度line_numbers=1#每次加一,代表当前正在添行号的位置code_in=open("demo.py","r").readlines()#打开demo.py文件,读取所有内容code_out=open("demo_new.py","w")#
- Python中列表与元组的操作
数据江湖
python开发语言列表与元组
目录一、列表1.定义2.遍历列表3.重复列表4.常用操作4.1.计数4.2.索引4.3.添加4.4.删除4.5.排序4.6.逆序5.成员运算符in二、元组1.定义2.常用操作2.1.索引2.2.计数三、列表与元组的区别总结一、列表1.定义列表(list)是Python中最常用的可变序列类型,用方括号[]表示,元素之间用逗号分隔。#创建列表empty_list=[]#空列表numbers=[1,2,
- 【两个数的最大异或值】LeetCode421.数组中两个数的最大异或值 && LeetCode2935.找出强数对的最大异或值Ⅱ
小鲈鱼-
数据结构算法c++leetcode
一、LeetCode421.数组中两个数的最大异或值https://leetcode.cn/problems/maximum-xor-of-two-numbers-in-an-array/描述:给你一个整数数组nums,返回nums[i]XORnums[j]的最大运算结果,其中0≤i≤j>k)==(num1>>k)否则该位就不能取到1,当前结果-1。具体代码如下:classSolution{pub
- Python爬虫实战:研究phonenumbers工具相关技术
ylfhpy
爬虫项目实战python爬虫开发语言phonenumbers
1.引言1.1研究背景与意义电话号码作为重要的联系方式,在现代社会中具有广泛的应用价值。在商业领域,企业需要准确识别客户电话号码的归属地和运营商信息,以便进行精准营销和客户服务;在社交网络分析中,电话号码可以作为用户身份识别和关系挖掘的重要依据;在公共安全领域,电话号码的快速分析有助于案件侦破和紧急救援。然而,电话号码的格式在全球范围内存在较大差异,不同国家和地区有不同的编码规则和书写习惯。例如,
- 五、Python新特性指定类型用法
ZingKings
Pythonpython
1.什么是类型注解类型注解是Python3.5+引入的特性,用于为变量、函数参数和返回值指定类型。它不会影响代码运行,但有助于代码可读性和IDE支持。2.基本类型注解#变量类型注解name:str="张三"age:int=25height:float=175.5is_student:bool=True#列表类型注解numbers:list[int]=[1,2,3,4,5]names:list[st
- Python built-in types - Numeric Types
LorgSher
Python笔录python
Python内建类型之数值类型-整数、浮点数和复数ManualTherearethreedistinctnumerictypes:integers,floatingpointnumbers,andcomplexnumbers.Inaddition,Booleansareasubtypeofintegers.Integershaveunlimitedprecision.Floatingpointnu
- C# 中的 .Select() 方法与 JavaScript 中的 .map() 方法功能类似,都是用于对集合中的每个元素进行转换并返回新的集合。
NPCZ
c#javascript
一、核心功能对比1.JavaScript的.map()遍历数组,对每个元素执行回调函数,并返回包含结果的新数组:constnumbers=[1,2,3];constsquared=numbers.map(x=>x*x);//结果:[1,4,9]2.C#的.Select()遍历集合(如List、IEnumerable),对每个元素应用转换函数,并返回新的序列:varnumbers=newList{1
- 力扣 hot100 Day31
2.两数相加给你两个非空的链表,表示两个非负的整数。它们每位数字都是按照逆序的方式存储的,并且每个节点只能存储一位数字。请你将两个数相加,并以相同形式返回一个表示和的链表。你可以假设除了数字0之外,这两个数都不会以0开头。//抄的classSolution{public:ListNode*addTwoNumbers(ListNode*l1,ListNode*l2){ListNode*dummy=n
- Mathematical Analysis study notes[1]
海边的水水
ComputationalMathematics数学分析
文章目录realnumbersandlimitreferencesrealnumbersandlimitanumberxxxcanbecallrealnumberduetothatitmustberepresentedwithx=abx=\fracabx=bawhenthea,ba,ba,bareintegernumbersandb≠0b\neq0b=0.arealnumberisclosedu
- 【随机数真的是随机数吗?】
¥-oriented
其他
在计算机科学中,随机数是一个非常有趣且复杂的话题。我们常常在各种应用程序中看到随机数的应用,比如游戏、加密、统计模拟等。然而,许多人可能并不清楚计算机生成的随机数到底有多“随机”。本文将详细解释程序中的随机数,探讨其生成机制以及不同类型的随机数。伪随机数与真随机数首先,我们需要明确两个关键概念:伪随机数和真随机数。伪随机数(PseudorandomNumbers):伪随机数是由计算机算法生成的数字
- C#——数组
小袁儿
c#算法数据结构
在C#中,数组是一个存储固定大小、相同类型数据的集合。数组的元素是按顺序排列的,可以通过索引来访问和修改。数组在C#中是引用类型,创建后数组的大小是固定的。1.数组的声明与初始化声明数组在C#中,你可以按照如下方式声明数组://声明一个整数数组int[]numbers;初始化数组数组有多种初始化方式://初始化一个包含5个元素的整数数组int[]numbers=newint[5];//初始化时指定
- Kotlin集合与泛型
Devil枫
安卓kotlinwindows开发语言
一、集合类型Kotlin提供了三种主要的集合类型:List、Set和Map。List(列表)有序集合,允许重复元素。funmain(){//不可变Listvalnumbers:List=listOf(1,2,3,4,5)println("不可变List:$numbers")//可变ListvalmutableNumbers=mutableListOf(10,20,30)mutableNumbers
- Python高效移除列表中符合条件的元素:5种方法详解
Ven%
pythonpython算法开发语言
文章目录1.列表推导式(推荐首选)2.filter()函数(函数式编程)3.倒序删除法(原地修改)4.while循环(正向删除)5.切片赋值(原地高效修改)方法对比与选择指南注意事项总结在Python开发中,经常需要对列表进行过滤操作,移除不符合条件的元素。本文将全面介绍5种常用方法,并分析各自的适用场景和性能特点。1.列表推导式(推荐首选)最简洁高效的方式,特别适合中小型列表numbers=[1
- 算法学习day6----双指针-最长不重复子序列
阴暗老鼠人
学习
Givenanintegersequenceoflengthn,pleasefindthelongestcontinuousintervalwithoutduplicatenumbersandoutputitslength.Thefirstlinecontainsanintegern.Thesecondlinecontainsnintegers(allwithintherangeof0to105)
- java数组解析_实例讲解Java数组解构
关然
java数组解析
数组是在程序设计中,为了处理方便,把具有相同类型的若干元素按有序的形式组织起来的一种形式。我们可以把数组看成是用于储存多个相同类型数据的集合,我们在需要用到数组中的一部分数据时,就需要用到数组解构,获得相应的数据。本文我们就一起来学习Java数组解构的相关知识。1.简单解构constnumbers=['a','b','c'];//获取前两项const[n1,n2]=numbers;console.
- (PAT甲级)1019 General Palindromic Number 进制转换+回文数 (进制转换问题的实用技巧)
JaredYe
算法c++c语言pat考试
AnumberthatwillbethesamewhenitiswrittenforwardsorbackwardsisknownasaPalindromicNumber.Forexample,1234321isapalindromicnumber.Allsingledigitnumbersarepalindromicnumbers.Althoughpalindromicnumbersaremos
- buuctf-misc-二维码1
mlws1900
ctfbuuctfmiscservletjarjava
显而易见的二维码题目,解压得到一个二维码解码获取内容secretishere我以为到这就结束了,flag{}加上就ok,结果发现失败用winhex打开看一下发现里面存在一个4numbers.txt用软件分离出来发现要密码,写着4numbers,应该就是纯数字密码爆破利用工具进行压缩包密码爆破密码为7639解压获得flagCTF{vjpw_wnoei}提交时候要改成flag{vjpw_wnoei}
- Java流式编程实战指南
面朝大海,春不暖,花不开
Java基础javapython开发语言
流式编程基础示例本节通过一个完整的整数处理案例,演示Java流式编程的核心操作流程。该示例将读取整数列表,计算其中所有奇数的平方和,涵盖从流创建到终端操作的完整处理链。流创建与数据源Collection接口的stream()方法可将集合转换为顺序流。以下代码创建包含1到5的整数列表,并通过stream()方法生成流对象://创建1到5的整数列表ListnumbersList=List.of(1,2
- Stream流中间方法的使用
77tian
windowsjava开发语言
Stream流的中间方法详解Stream流的中间方法指那些返回新Stream的操作,允许链式调用。这些方法通常用于数据过滤、映射、排序等操作,不会触发最终计算。filter方法filter用于筛选满足条件的元素,接受一个Predicate函数式接口参数。Listnumbers=Arrays.asList(1,2,3,4,5);ListevenNumbers=numbers.stream().fil
- (C++)vector数组相关基础用法(C++教程)(STL库基础教程)
双叶836
STLC++C++基础教学算法c++c语言数据结构开发语言
源代码:#include#include#includeusingnamespacestd;intmain(){chara;intb;intc;vectornumbers;cout>a;if(a=='#'){break;}numbers.push_back(a);}cout>b;cout>c;if(c>=0&&c#include#includeusingnamespacestd;引入了三个必要的头
- 深入理解 C++ Lambda表达式:四大语法特性 + 六大高频考点全解析
LyaJpunov
面试经典c++算法
Lambda表达式是C++11引入的一项重要特性,它极大地改变了我们编写匿名函数的方式。一、为什么会有Lambda表达式在C++11之前,当我们需要传递一个简单的函数时,通常有以下几种选择:1.1、定义一个单独的函数//单独定义的比较函数boolcompareInts(inta,intb){returnanumbers={4,2,5,1,3};//使用函数指针传递比较逻辑std::sort(num
- Latex 表格对于不同引用格式间距设计
珺毅同学
人工智能深度学习
对于普通数字引用类型%需要导入的包\usepackage{natbib}\setcitestyle{numbers,square}%文中采用\cite{}\bibliographystyle{elsarticle-num}对名称+年份类型需要导包以及设定的应用格式%需要导入的包及设置\usepackage[square]{natbib}\setcitestyle{numbers,square}\b
- 数组的应用
Donald_brian
算法排序算法数据结构
Java数组的基本概念数组是Java中一种重要的数据结构,用于存储固定大小的相同类型元素。数组在内存中连续分配空间,可以通过索引快速访问元素。数组的声明和初始化是使用数组的基础,声明时需要指定数据类型和数组名称,初始化可以通过new关键字或直接赋值完成。int[]numbers=newint[5];//声明并初始化一个长度为5的整型数组String[]names={"Alice","Bob","C
- (C++)素数的判断(C++教学)(C语言)
双叶836
C++基础教学c++c语言算法数据结构开发语言
源代码:#includeusingnamespacestd;intfun(intnum){if(num>num;y=fun(num);coutusingnamespacestd;intmain(){intnum;cout>num;cout#includevectornumbers={3,1,4,1,5};sort(numbers.begin(),numbers.end());6.类与对象class
- C#数组的使用
Sakura_j_h_
c#java算法
1.数组含义数组是一个存储相同类型元素的固定大小的顺序集合。数组是用来存储数据的集合,通常认为数组是一个同一类型变量的集合。声明数组变量并不是声明number0、number1、...、number99一个个单独的变量,而是声明一个就像numbers这样的变量,然后使用numbers[0]、numbers[1]、...、numbers[99]来表示一个个单独的变量。数组中某个指定的元素是通过索引来
- Python列表常用操作方法
aiguangyuan
Python后端开发Python
Python列表(list)是最常用的数据结构之一,以下是列表的常用操作方法:1.创建列表empty_list=[]#空列表numbers=[1,2,3,4,5]#数字列表mixed=[1,"hello",3.14,True]#混合类型列表nested=[[1,2],[3,4]]#嵌套列表2.访问元素my_list=['a','b','c','d','e']print(my_list[0])#'a
- 前端基础知识JavaScript系列 - 01(JavaScript中的数据类型?存储上的差别?)
前端小白从0开始
前端javascript开发语言
前言在JavaScript中,我们可以分成两种类型:基本类型复杂类型两种类型的区别是:存储位置不同一、基本类型基本类型主要为以下6种:NumberStringBooleanUndefinednullsymbolNumber数值最常见的整数类型格式则为十进制,还可以设置八进制(零开头)、十六进制(0x开头)letintNum=55//10进制的55letnum1=070//8进制的56lethexN
- 继之前的线程循环加到窗口中运行
3213213333332132
javathreadJFrameJPanel
之前写了有关java线程的循环执行和结束,因为想制作成exe文件,想把执行的效果加到窗口上,所以就结合了JFrame和JPanel写了这个程序,这里直接贴出代码,在窗口上运行的效果下面有附图。
package thread;
import java.awt.Graphics;
import java.text.SimpleDateFormat;
import java.util
- linux 常用命令
BlueSkator
linux命令
1.grep
相信这个命令可以说是大家最常用的命令之一了。尤其是查询生产环境的日志,这个命令绝对是必不可少的。
但之前总是习惯于使用 (grep -n 关键字 文件名 )查出关键字以及该关键字所在的行数,然后再用 (sed -n '100,200p' 文件名),去查出该关键字之后的日志内容。
但其实还有更简便的办法,就是用(grep -B n、-A n、-C n 关键
- php heredoc原文档和nowdoc语法
dcj3sjt126com
PHPheredocnowdoc
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Current To-Do List</title>
</head>
<body>
<?
- overflow的属性
周华华
JavaScript
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml&q
- 《我所了解的Java》——总体目录
g21121
java
准备用一年左右时间写一个系列的文章《我所了解的Java》,目录及内容会不断完善及调整。
在编写相关内容时难免出现笔误、代码无法执行、名词理解错误等,请大家及时指出,我会第一时间更正。
&n
- [简单]docx4j常用方法小结
53873039oycg
docx
本代码基于docx4j-3.2.0,在office word 2007上测试通过。代码如下:
import java.io.File;
import java.io.FileInputStream;
import ja
- Spring配置学习
云端月影
spring配置
首先来看一个标准的Spring配置文件 applicationContext.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi=&q
- Java新手入门的30个基本概念三
aijuans
java新手java 入门
17.Java中的每一个类都是从Object类扩展而来的。 18.object类中的equal和toString方法。 equal用于测试一个对象是否同另一个对象相等。 toString返回一个代表该对象的字符串,几乎每一个类都会重载该方法,以便返回当前状态的正确表示.(toString 方法是一个很重要的方法) 19.通用编程:任何类类型的所有值都可以同object类性的变量来代替。
- 《2008 IBM Rational 软件开发高峰论坛会议》小记
antonyup_2006
软件测试敏捷开发项目管理IBM活动
我一直想写些总结,用于交流和备忘,然都没提笔,今以一篇参加活动的感受小记开个头,呵呵!
其实参加《2008 IBM Rational 软件开发高峰论坛会议》是9月4号,那天刚好调休.但接着项目颇为忙,所以今天在中秋佳节的假期里整理了下.
参加这次活动是一个朋友给的一个邀请书,才知道有这样的一个活动,虽然现在项目暂时没用到IBM的解决方案,但觉的参与这样一个活动可以拓宽下视野和相关知识.
- PL/SQL的过程编程,异常,声明变量,PL/SQL块
百合不是茶
PL/SQL的过程编程异常PL/SQL块声明变量
PL/SQL;
过程;
符号;
变量;
PL/SQL块;
输出;
异常;
PL/SQL 是过程语言(Procedural Language)与结构化查询语言(SQL)结合而成的编程语言PL/SQL 是对 SQL 的扩展,sql的执行时每次都要写操作
- Mockito(三)--完整功能介绍
bijian1013
持续集成mockito单元测试
mockito官网:http://code.google.com/p/mockito/,打开documentation可以看到官方最新的文档资料。
一.使用mockito验证行为
//首先要import Mockito
import static org.mockito.Mockito.*;
//mo
- 精通Oracle10编程SQL(8)使用复合数据类型
bijian1013
oracle数据库plsql
/*
*使用复合数据类型
*/
--PL/SQL记录
--定义PL/SQL记录
--自定义PL/SQL记录
DECLARE
TYPE emp_record_type IS RECORD(
name emp.ename%TYPE,
salary emp.sal%TYPE,
dno emp.deptno%TYPE
);
emp_
- 【Linux常用命令一】grep命令
bit1129
Linux常用命令
grep命令格式
grep [option] pattern [file-list]
grep命令用于在指定的文件(一个或者多个,file-list)中查找包含模式串(pattern)的行,[option]用于控制grep命令的查找方式。
pattern可以是普通字符串,也可以是正则表达式,当查找的字符串包含正则表达式字符或者特
- mybatis3入门学习笔记
白糖_
sqlibatisqqjdbc配置管理
MyBatis 的前身就是iBatis,是一个数据持久层(ORM)框架。 MyBatis 是支持普通 SQL 查询,存储过程和高级映射的优秀持久层框架。MyBatis对JDBC进行了一次很浅的封装。
以前也学过iBatis,因为MyBatis是iBatis的升级版本,最初以为改动应该不大,实际结果是MyBatis对配置文件进行了一些大的改动,使整个框架更加方便人性化。
- Linux 命令神器:lsof 入门
ronin47
lsof
lsof是系统管理/安全的尤伯工具。我大多数时候用它来从系统获得与网络连接相关的信息,但那只是这个强大而又鲜为人知的应用的第一步。将这个工具称之为lsof真实名副其实,因为它是指“列出打开文件(lists openfiles)”。而有一点要切记,在Unix中一切(包括网络套接口)都是文件。
有趣的是,lsof也是有着最多
- java实现两个大数相加,可能存在溢出。
bylijinnan
java实现
import java.math.BigInteger;
import java.util.regex.Matcher;
import java.util.regex.Pattern;
public class BigIntegerAddition {
/**
* 题目:java实现两个大数相加,可能存在溢出。
* 如123456789 + 987654321
- Kettle学习资料分享,附大神用Kettle的一套流程完成对整个数据库迁移方法
Kai_Ge
Kettle
Kettle学习资料分享
Kettle 3.2 使用说明书
目录
概述..........................................................................................................................................7
1.Kettle 资源库管
- [货币与金融]钢之炼金术士
comsci
金融
自古以来,都有一些人在从事炼金术的工作.........但是很少有成功的
那么随着人类在理论物理和工程物理上面取得的一些突破性进展......
炼金术这个古老
- Toast原来也可以多样化
dai_lm
androidtoast
Style 1: 默认
Toast def = Toast.makeText(this, "default", Toast.LENGTH_SHORT);
def.show();
Style 2: 顶部显示
Toast top = Toast.makeText(this, "top", Toast.LENGTH_SHORT);
t
- java数据计算的几种解决方法3
datamachine
javahadoopibatisr-languer
4、iBatis
简单敏捷因此强大的数据计算层。和Hibernate不同,它鼓励写SQL,所以学习成本最低。同时它用最小的代价实现了计算脚本和JAVA代码的解耦,只用20%的代价就实现了hibernate 80%的功能,没实现的20%是计算脚本和数据库的解耦。
复杂计算环境是它的弱项,比如:分布式计算、复杂计算、非数据
- 向网页中插入透明Flash的方法和技巧
dcj3sjt126com
htmlWebFlash
将
Flash 作品插入网页的时候,我们有时候会需要将它设为透明,有时候我们需要在Flash的背面插入一些漂亮的图片,搭配出漂亮的效果……下面我们介绍一些将Flash插入网页中的一些透明的设置技巧。
一、Swf透明、无坐标控制 首先教大家最简单的插入Flash的代码,透明,无坐标控制: 注意wmode="transparent"是控制Flash是否透明
- ios UICollectionView的使用
dcj3sjt126com
UICollectionView的使用有两种方法,一种是继承UICollectionViewController,这个Controller会自带一个UICollectionView;另外一种是作为一个视图放在普通的UIViewController里面。
个人更喜欢第二种。下面采用第二种方式简单介绍一下UICollectionView的使用。
1.UIViewController实现委托,代码如
- Eos平台java公共逻辑
蕃薯耀
Eos平台java公共逻辑Eos平台java公共逻辑
Eos平台java公共逻辑
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年6月1日 17:20:4
- SpringMVC4零配置--Web上下文配置【MvcConfig】
hanqunfeng
springmvc4
与SpringSecurity的配置类似,spring同样为我们提供了一个实现类WebMvcConfigurationSupport和一个注解@EnableWebMvc以帮助我们减少bean的声明。
applicationContext-MvcConfig.xml
<!-- 启用注解,并定义组件查找规则 ,mvc层只负责扫描@Controller -->
<
- 解决ie和其他浏览器poi下载excel文件名乱码
jackyrong
Excel
使用poi,做传统的excel导出,然后想在浏览器中,让用户选择另存为,保存用户下载的xls文件,这个时候,可能的是在ie下出现乱码(ie,9,10,11),但在firefox,chrome下没乱码,
因此必须综合判断,编写一个工具类:
/**
*
* @Title: pro
- 挥洒泪水的青春
lampcy
编程生活程序员
2015年2月28日,我辞职了,离开了相处一年的触控,转过身--挥洒掉泪水,毅然来到了兄弟连,背负着许多的不解、质疑——”你一个零基础、脑子又不聪明的人,还敢跨行业,选择Unity3D?“,”真是不自量力••••••“,”真是初生牛犊不怕虎•••••“,••••••我只是淡淡一笑,拎着行李----坐上了通向挥洒泪水的青春之地——兄弟连!
这就是我青春的分割线,不后悔,只会去用泪水浇灌——已经来到
- 稳增长之中国股市两点意见-----严控做空,建立涨跌停版停牌重组机制
nannan408
对于股市,我们国家的监管还是有点拼的,但始终拼不过飞流直下的恐慌,为什么呢?
笔者首先支持股市的监管。对于股市越管越荡的现象,笔者认为首先是做空力量超过了股市自身的升力,并且对于跌停停牌重组的快速反应还没建立好,上市公司对于股价下跌没有很好的利好支撑。
我们来看美国和香港是怎么应对股灾的。美国是靠禁止重要股票做空,在
- 动态设置iframe高度(iframe高度自适应)
Rainbow702
JavaScriptiframecontentDocument高度自适应局部刷新
如果需要对画面中的部分区域作局部刷新,大家可能都会想到使用ajax。
但有些情况下,须使用在页面中嵌入一个iframe来作局部刷新。
对于使用iframe的情况,发现有一个问题,就是iframe中的页面的高度可能会很高,但是外面页面并不会被iframe内部页面给撑开,如下面的结构:
<div id="content">
<div id=&quo
- 用Rapael做图表
tntxia
rap
function drawReport(paper,attr,data){
var width = attr.width;
var height = attr.height;
var max = 0;
&nbs
- HTML5 bootstrap2网页兼容(支持IE10以下)
xiaoluode
html5bootstrap
<!DOCTYPE html>
<html>
<head lang="zh-CN">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">