- Android 10.0 java.lang.IllegalStateException The content of the adapter has
安卓兼职framework应用工程师
android10.0Rom开发疑难问题分析androidjavaListViewadapterrom
1.前言在10.0的系统rom定制化开发中,在某些时候,关于在Listview刷新数据的时候,出现ThecontentoftheadapterhaschangedbutListViewdidnotreceiveanotification.Makesurethecontentofyouradapterisnotmodifiedfromabackgroundthread,butonlyfromtheU
- Android常用内存优化方式整理
Lee·陈
笔记-Android笔记-RNandroid内存优化
Android常用内存优化方式整理1、减小对象内存占用基本数据类型与包装类型枚举Bitmap图片代码混淆序列化2、对象复用对象池ListView/GridView/RecyclerViewBitmap复用3、内存泄漏静态变量单例属性动画非静态内部类异步线程/任务Handler资源未关闭全局集合对象WebViewEditText4、内存使用策略优化优化布局,减少布局层次StringBuffer/St
- ASP.NET+LayUI实现多图片上传(ashx)
炫澜abc
C#
选择多文件文件名大小状态操作开始上传layui.use('upload',function(){varupload=layui.upload;vardemoListView=$('#demoList'),uploadListIns=upload.render({elem:'#testList',url:'Handler.ashx',accept:'file',multiple:true,size:
- WPF 学习《一》
rollingman
C#WPFwpf学习listview
ListView显示复选框和下拉框上代码,此列表显示checkbox、下拉框和支持内置搜索。列表设置了一些简单的样式。内置搜索功能可以搜索但是不知道怎么得到搜索出来的结果,还需要继续研究。都是网上搜索结合自己需求整理而成,感觉适合新手看^.^publicclassVersionField{publicintX{get;set;}publicintY{get;set;}publicintZ{get;
- 为 RecyclerView 的列表条目 item 添加动画
PekingVagrant
androidRecyclerViewRecyclerViewitem动画
首先感谢启舰前辈,他的Android自定义控件三部曲真的很经典,推荐大家去看,本篇文章也是借鉴他的自定义控件三部曲之动画篇(十三)——实现ListViewItem进入动画完成的。目录一.找到为item添加动画的合适位置二.使用Animation创建item动画1.创建item的布局xml2.adapter类3.从xml中加载item的动画4.主界面MainActivity5.效果一.找到为item
- C#设计模式之AbstractFactory_抽象工厂_对象创建新模式-练习制作PANL(一)
99乘法口诀万物皆可变
C#服务器javascripthtmlc#
系统功能说明核心功能控件列表(ListView)展示可用控件类型(按钮、文本框、标签等)支持拖拽操作创建新控件设计面板(Panel)可视化设计区域支持拖拽添加控件支持移动已添加的控件网格背景辅助布局参数树(TreeView)实时显示设计面板上的控件展示控件属性和事件信息随控件移动自动更新位置信息持久化功能保存设计到文件(XML序列化)从文件加载设计(反序列化)初稿完成界面,后续添加各种事件,其实个
- Android微信对话列表实现指南
青妍
本文还有配套的精品资源,点击获取简介:在Android应用开发中,实现类似微信的对话列表功能是一个常见的任务,涉及使用ListView及其自定义适配器。本文将指导你如何创建一个自定义适配器来填充ListView,展示不同类型的消息如文本、图片和语音消息。我们将详细讨论如何通过继承BaseAdapter实现自定义适配器,并在getView()方法中处理不同类型消息的展示逻辑。此外,本文还将讨论如何使
- WPF数据绑定疑惑解答--(关于控件的Itemsource,Collection绑定)
@Crazy Snail
WPF教程WPF知识点windowsWPFWPF数据绑定
1.ListView绑定的数据类型问题在`MainWindow`的构造函数中绑定`List11.ItemsSource`ListrpcList=newList();publicMainWindow(){ InitializeComponent(); //确保List11的ItemsSource已经绑定到rpcList List11.ItemsSource=rpcList;}如果`rpcLis
- wpf的listview编辑指定列_30.10 编辑数据系列
weixin_39869959
创建好图表之后,有可能图表的数据源会发生增减变化,此时需要对图表的数据源重新编辑,用户选中图表后,在【图表工具/设计】选项卡中单击【选择数据】命令,此时会弹出【选择数据源】的对话框,【图表数据区域】为当前图表的数据源区域,中间为【切换行/列】命令,左侧为【图例项(系列)】,右侧为【水平(分类)轴标签】,如图30‑90所示。图30-90【选择数据源】对话框30.10.1添加数据系列用户若在图表中添加
- WPF ListView实现拖拽调整顺序
Goat的奇思妙想
wpf
在学习过程中,做了个Demo,分享一下,做的比较粗糙,若有不对希望哥哥们指出来首先说说前台样式:样式比较简单主要就是两个控件listview和Popup,这个Popup主要是用来实时显示当前操作的item放在哪里了,粗线表示放在哪个地方,这是效果图:后台主要就是拖拽的事件,不算复杂,相关的属性,方法都在下面了,可以直接用#regionPropertyGridlastUnderLine;Gridla
- HarmonyOS应用闪屏问题性能优化三
程序员
刷新过程中,ForEach键值生成函数未设置导致的闪屏问题问题现象下拉刷新时,应用产生卡顿,出现闪屏问题。@BuilderprivategetListView(){List({space:12,scroller:this.scroller}){//使用懒加载组件渲染数据ForEach(this.newsData,(item:NewsData)=>{ListItem(){newsItem({news
- QComboBox样式设置-右侧按钮-下拉列表
#苔花如米小#
QTqt
1.设置下拉列表ui.comboBox->setView(newQListView());2.设置样式QStringstyle;调用ui.comboBox->setStyleSheet(style)style为下边的内容://QComboBox的样式QComboBox{border:none;background:#ff0000;color:#ffffff;padding-left:3px;}//
- Android开发-列表类视图
難釋懷
androidgitee
在Android应用开发中,列表类视图(ListView)是展示数据集的重要UI组件之一。无论是显示联系人列表、新闻文章还是产品目录,列表类视图都能提供一个高效且用户友好的方式来呈现信息。本文将详细介绍如何使用ListView和更现代的RecyclerView来构建列表界面,并探讨它们各自的优缺点和适用场景。一、ListView简介ListView是Android提供的用于垂直滚动显示一组可滚动项
- android listview 取消头部分割线
后知后觉
ANDROID
listview分割线会在头部、数据item、及根部的底部打印,如果要取消头部分割线必须先设置期方法addHeaderView(headView,null,true);addFooterView(footView,null,true);注意:第三个参数必须为true,否则无效//显示头部出现分割线listview.setHeaderDividersEnabled(true);//禁止底部出现分割线
- android listview 左右滑动手势的监听,listview实现左右滑动监听
王锦添
androidlistview左右滑动手势的监听
在android开发中会碰到有顶部导航并且下面显示的内容是一个listview,此时要想实现左右滑动切换顶部导航的选项是不能实现的,因为listview自己消耗横向滑动事件。因为我可以通过继承listview,对左右滑动事件进行消耗,不在让原生的listview处理。效果图:思路就是继承listview,设置一个GestureDetector监听滑动手势,如果左右滑动进行处理调用一个自己写的左右滑
- 移动应用开发:自定义 View 处理大量数据的性能与交互优化方案
每次的天空
Android学习知识总结交互javaandroid学习
实现1万条数据下流畅滑动与灵敏交互的完美平衡。一、数据渲染优化:从1万条到丝滑体验(一)视图复用机制视图复用是提升大量数据渲染性能的关键策略。以一个简单的自定义列表视图为例,我们可以构建如下的复用池管理机制:privatefinalLinkedListviewPool=newLinkedListcacheMap=newWeakHashMap=23){setLayerType(LAYER_TYPE_
- Android第六次面试总结之Java设计模式(二)
每次的天空
android面试java
一、适配器模式(AdapterPattern)1.ListViewvsRecyclerView的Adapter核心区别?为什么RecyclerView需要ViewHolder?解答:核心区别:特性ListView.Adapter(如ArrayAdapter)RecyclerView.AdapterViewHolder机制无,直接通过getView重复创建View(性能差)强制使用ViewHolde
- iOS—仿tableView自定义闹钟列表
MrZWCui
iOS自定义iosmacos学习objective-c
自定义View实现闹钟列表,左滑删除,滑动列表时收起删除按钮。用代理的方法实现ListView的创建,删除以及开关回调,并实现动画效果。ClockViewCell使用block通知ListView,ListView通过代理通知上层ClockView1、文件组成ClockView一共由3部分组成(1)ClockView为底层View,仅用于添加ListView,可以自定义ListView中Cell的
- 【QT的音乐播放器(简单版)】
神迷岛
音乐播放器QT音乐播放器项目实现qtmp3c++
基于QT的音乐播放器前言一、主体效果二、主要技术点:1.mp3的ID3V2格式文件解析:作者、歌手、时长、专辑图片等1.1需要工具:1.2ID3V2文件格式1.3mp3ID3V2解析代码2.音乐列表拖拽、临界自动滚动、信息栏。2.1要实现效果:2.2QListView的样式表2.3重写QListView四个事件函数,发出需要信号,及自动滚动效果2.4关联信号实现拖拽释放,移动iterm效果3.歌词
- Qt、C++软件开发之list控件:listview和listwidget的区别以及C++详细用法。
wwww.wwww
QtC++软件开发qtc++list
文章目录前言区别与功能数据模型与灵活性QListView:QListWidget:扩展性与自定义QListView:QListWidget:性能与内存使用C++详细用法QListView创建与初始化添加数据设置委托信号与槽QListWidget创建与初始化添加数据设置项属性信号与槽总结前言在Qt软件开发中,QListView和QListWidget都是用于展示列表数据
- libevent服务器与qt开发第二期(附带源码)
whoarethenext
服务器qt运维c++linux后端
本文是上一期文章的延伸源码本文核心点上一期的文章的位置链接:link本期要做的是通过libevent设计一个服务器,该服务器遇到有客户端访问的时候,会用一个qt的listview控件来显示该客户端的ip和端口号,客户端断开后listview也会删除该客户端的ip和端口号,演示视频如下。20250416_160008源码libeventuse.hclassglobalSignal:publicQOb
- 25.4.20学习总结
The_cute_cat
学习
如何使用listView组件来做聊天界面1.什么是CellFactory?在JavaFX中,控件(比如ListView、TableView等)用Cell来显示每一条数据。Cell:代表这个单元格(即每个列表项)中显示的内容和样式。CellFactory:是一个工厂接口,负责创建和配置每个Cell。简单来说,CellFactory用于定义如何将数据对象(比如好友信息)转化为界面显示的单元格(Cell
- 25.4.22学习总结
The_cute_cat
学习
如何通过好友列表对聊天框的切换首先,我们知道,你的好友列表是用ListView组件实现的,那么,接下来,我们将开始讲解如何实现切换。一、改造数据结构如果你是跟着我的上一篇文章做的话,应该需要修改一些的。如果不是,请了解上一篇用的再添加之后讲的。1.Map存ObservableList你的每一项好友都对应着一个ObservableList,你可以ObservableList理解为消息数组,这是你的U
- 探索React Native分页组件:react-native-pagination
乌芬维Maisie
探索ReactNative分页组件:react-native-paginationreact-native-paginationAnimatedPaginationForReactNative'sListView,FlatList,andSectionList项目地址:https://gitcode.com/gh_mirrors/re/react-native-pagination在现代Web和移
- QStyleOptionViewItem类详细介绍
wanglaqqqq
#PyQt5.QtWidgetspython开发语言
PyQt5QStyleOptionViewItem类详解及常用方法QStyleOptionViewItem是PyQt5中用于自定义视图项(如QListView、QTableView中的项)样式的核心类。它继承自QStyleOption,封装了视图项的绘制所需信息(如位置、状态、文本、图标等),供委托类(QStyledItemDelegate)在渲染时使用。一、核心功能传递样式信息:包括项的位置、状
- django 类视图
Missing Sunshine
Python-Djangosqlite数据库windows
django类视图fromdjango.urlsimportreverse_lazyfromdjango.views.genericimport(TemplateView,ListView,DetailView,CreateView,UpdateView,DeleteView)from.modelsimportMyModel#1)仅渲染模板,不依赖模型classHomePageView(Templ
- Django视图(未分离)
u010373106
pythonDjangodjangopython后端
ListView、DetailView、CreateView、UpdateView和DeleteView是Django框架中基于类的通用视图(Class-BasedGenericViews)配置URL路由在urls.py中为这些视图配置路由:fromdjango.urlsimportpathfrom.viewsimport(PostListView,PostDetailView,PostCreat
- QML中ListView的几种数据模型
qq_35173114
QMLQMLC++
在QML中,经常会用到ListView控件,我们主要用到MVC模式,下面介绍几种常用数据模型,其中包括QML和C++模型ListModel:ListModel是一个简单的ListElement容器,每个容器都包含数据角色。其中内容可以动态定义,也可以在QML中显式定义。ListModel{id:m_modelListElement{name:"BillSmith"number:"5553264"c
- WPF基础五:UI④ 条目控件ListView
hd51cc
#
ListView表示用于显示数据项列表的控件。ListView为ItemsControl,这意味着它可以包含任何类型的对象的集合(例如字符串、图像或面板)。有关更多信息,请参见ItemsControl类。ListView中数据项的表示方式由其查看模式定义,该模式由View属性指定。WindowsPresentationFoundation(WPF)提供了GridView视图模式,该模式将ListV
- (十四)安卓开发中的RecyclerView详解
匹马夕阳
Android开发android
在安卓开发中,RecyclerView是一个功能强大且灵活的UI组件,用于高效地显示大量数据集合,如列表、网格或瀑布流。它是传统ListView和GridView的现代替代品,提供了更高的性能优化和自定义能力。RecyclerView的核心优势在于其视图回收机制,通过重用不再可见的视图来减少内存消耗和提升滚动性能。本文将详细讲解RecyclerView的基本概念、核心组成部分、使用步骤,并结合代码
- 继之前的线程循环加到窗口中运行
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">