charset | 易学教程

html加载js乱码解决办法

阅读更多关于 html加载js乱码解决办法

第一种方式——编码统一我们以前觉得出现乱码的原因是因为编码不统一，就是因为我们设置编码统一之后，就解决了问题，所以，让html和js的编码统一，是最简单的一个乱码解决方式，原因是什么，是因为，如果你在加载js的时候，并没有声明js的编码格式，那么浏览器会默认的按照当前html的编码格式进行解析引入的js文件，如果你的js和本身页面编码不一样，并且js中引入了中文字符，那么肯定会出现乱码的。要知道，程序都是笨笨的。第二种方式——在引入js的标签中加入charset属性这样引入，那么这个xx.js就会以本身页面的编码进行解析，而如果两个的编码不一样，如果这个js是gbk的编码，那么我们可以这样写 <script src="../../lib/Plugins/datepicker_lang_zh_CN.js" charset="utf-8" type="text/javascript"></script> 那么，只要是保证这个js文件的确是gbk或者对应的，你自己写的编码，那么无论在哪种编码的页面中引用这个js，都不会出现编码问题，这样写才是最规范的，第一种方式会出现一种情况，就是有很少情况下，由于一些不规范的原因，我们会发现即使是编码统一的时候，也会出现乱码，那么我们最好就是用第二种方式来写。第三种方式——用服务器语言声明header头信息这种方式是比较少见的一种方式

前端之CSS的属性引入方式、选择器、选择器优先级

阅读更多关于前端之CSS的属性引入方式、选择器、选择器优先级

目录 1011 前端之CSS的属性引入方式、选择器、选择器优先级一、CSS介绍二、CSS语法 2.1CSS实例 2.2 CSS注释三、css属性的引入方式 3.1 行内样式 3.2 内部样式 3.3 外部样式四、CSS选择器 4.1 元素(标签)选择器 4.2 id选择器 4.3 类选择器 4.4 通用选择器 4.5 后代选择器 4.6 儿子选择器 4.7 毗邻选择器 4.8 兄弟选择器 4.9 属性选择器 4.10 分组和嵌套选择器 4.11 伪类选择器 4.12 伪类元素选择器五、选择器的优先级 5.1 CSS继承 5.2 选择器的优先级 1011 前端之CSS的属性引入方式、选择器、选择器优先级一、CSS介绍 CSS（ C ascading S tyle S heet，层叠样式表)定义如何显示 HTML元素。当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。二、CSS语法 2.1CSS实例每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 2.2 CSS注释 /*这是注释*/ 注释是代码之母。三、css属性的引入方式 3.1 行内样式行内样式是在标记的style属性中设定CSS样式，不推荐大规模使用。 <body> <div style="width: 10px;height: 20px

【1011 | Day 42】前端之CSS

阅读更多关于【1011 | Day 42】前端之CSS

目录 CSS简介 1. form表单 2. 选择器 2.1 id选择器 2.2 伪类元素选择器 2.3 伪类选择器 2.4 儿子选择器 2.5 兄弟选择器 2.6 后代选择器 2.7 字体属性 2.8 属性的引入方式 2.9 属性选择器 3.0 标签的嵌套 3.1 标签选择器 3.2 毗邻选择器 3.3 类选择器 3.4 组合选择器 3.5 设置宽高 3.6 通用选择器 CSS简介 1. form表单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body>  <form action="" method="" > <div> 用户名：<input type="text" name="user" value="123"/> </div> <div> 密码：<input type="password" name="pwd"> </div> <div> 性别: <input type="radio" name="sex" value="1">男 <input type=

vue 组件开发 props 验证

阅读更多关于 vue 组件开发 props 验证

使用props 在Vue中父组件向子组件中传送数据是通过props实现的，一个简单的使用props的例子： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Vue Study</title> 6 </head> 7 <body> 8 9 <div id="app"> 10 <foo-component :foo-message="fooMessage"></foo-component> 11 </div> 12 13 <script type="text/javascript" src="lib/vue.js"></script> 14 <script type="text/javascript"> 15 16 var fooComponent = { 17 props: ['fooMessage'], 18 template: '<div> {{ fooMessage }} </div>' 19 }; 20 21 var vm = new Vue({ 22 components: { 23 'foo-component': fooComponent 24 }, 25 el: '#app', 26 data: { 27 fooMessage: 123 28 } 29 }); 30 31 <

你的环境有问题吧？--byte数组转字符串的疑惑

阅读更多关于你的环境有问题吧？--byte数组转字符串的疑惑

1. 故事背景小T是个测试MM，小C是个程序猿，今天早上他们又为一个bug吵架了。小T：“这个显示是bug，在我的浏览器上显示不正确” 小C：“这个bug我不认，在我的电脑上显示正常，是你的环境有问题吧？” 小T：“我不管，反正我这个显示不正确，就是个bug” 小C：“我。。。。。。。。。。。。。。。。。” 最终leader出面，大家做到一起查找问题。(为防止公司信息泄露，下面为模拟程序) public static void main(String[] args) throws UnsupportedEncodingException { byte bytes[] = new byte[256]; for (int i = 0; i < 256; i++) bytes[i] = (byte)i; String str = new String(bytes); for (int i = 0, n = str.length(); i < n; i++) System.out.print((int)str.charAt(i) + " "); } 小T首先展示程序输出： 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38

ueditor word粘贴上传

阅读更多关于 ueditor word粘贴上传

公司做的项目需要用到粘贴Word功能。就是将word内容一键粘贴到网页编辑器（在线富文本编辑器）中。Chrome+IE默认支持粘贴剪切板中的图片，但是我要粘贴的文章存在word里面，图片多达数十张，我总不能一张一张复制吧？我希望打开文档doc直接复制粘贴到富文本编辑器，直接发布网上找了很久，大部分都有一些不成熟的问题，皇天不负有心人终于让我找到了一个成熟的项目。 1、前端引用代码 <!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>编辑器完整版实例-1.2.6.0</title> <scripttype="text/javascript" src="ueditor.config.js" charset="utf-8"></script> <scripttype="text/javascript" src="ueditor.all.js"

自动上传本地图片和word图片(word图片需使用从word粘贴功能)

阅读更多关于自动上传本地图片和word图片(word图片需使用从word粘贴功能)

在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题，于是各种网上扒拉，终于找到解决方案，在这里感谢一下知乎中众大神以及TheViper。通过知乎提供的思路找到粘贴的原理，通过TheViper找到粘贴图片的方法。其原理为一下步骤：监听粘贴事件；【用于插入图片】获取光标位置；【记录图片插入位置】获取剪切板内容；【主要是获取文件】上传剪切板图片；在指定光标位置插入图片。以下是代码部分： 1.获取光标代码部分，大部分都是直接利用TheViper的代码，只是做了简单的修改，在获取光标的位置添加了插件子集document对象，因为直接使用document对象获取不到光标位置 var isSupportRange = typeof document.createRange == 'function'; var currentRange, _parentElement; // 获取当前光标多在位置 function getCurrentRange(target) { var selection, range; if (isSupportRange) { selection = target.getSelection(); if (selection.getRangeAt && selection.rangeCount) { range = selection

Node.JS vs PHP CLI Server 简单的HTTP服务器性能测试

阅读更多关于 Node.JS vs PHP CLI Server 简单的HTTP服务器性能测试

环境:64位Ubuntu14.04,i5-3230M PHP5.4.31 with ZendOPcache Node.JS 0.10.35 Node.JS 测试 var http = require('http'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/html;charset=UTF-8'}); res.write('<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>Node测试</title></head><body>'+new Date().getTime()+'</body></html>'); res.end(); }).listen(8082, '127.0.0.1'); 运行程序: node t.js 查看系统CPU空闲率: sar 1 压力测试,并发100,完成10万请求: ab -c100 -n100000 http://127.0.0.1:8082/ 内存从11MB涨到61MB,系统CPU空闲率65%, RPS达到6049 . RPS即Requests per second,每秒处理的请求数,越大越好. 提示：点击图片，查看原图。 PHP CLI Server 测试 <

在mysql中生成数据库和数据表

阅读更多关于在mysql中生成数据库和数据表

#创建数据库CREATE DATABASE s4day65 DEFAULT CHARSET utf8; #班级表 CREATE TABLE class (id INT NOT NULL AUTO_INCREMENT PRIMARY KEY,title CHAR(20)) ENGINE=INNODB DEFAULT CHARSET=utf8; #学生表有一个指向班级表的外键 CREATE TABLE student (id INT NOT NULL AUTO_INCREMENT PRIMARY KEY, NAME CHAR(20), class_id INT, CONSTRAINT fk_s_c FOREIGN KEY (class_id) REFERENCES class(id) )ENGINE=INNODB DEFAULT CHARSET=utf8; #教师表 CREATE TABLE teacher (id INT NOT NULL AUTO_INCREMENT PRIMARY KEY, NAME CHAR(20))ENGINE=INNODB DEFAULT CHARSET=utf8; #教师和班级关系表 CREATE TABLE teacher2class(id INT NOT NULL AUTO_INCREMENT PRIMARY KEY, class_id INT

Java Path与Files

阅读更多关于 Java Path与Files

Path和Files类封装了在用户机器上处理文件系统所需的所有功能，Path和Files是在Java SE 7 中新添加进来的类，使用时注意JDK版本。 //在传统java.io中，文件和目录都被抽象成File对象，即 File file = new File("."); //NIO.中则引入接口Path代表与平台无关的路径，文件和目录都用Path对象表示 //通过路径工具类Paths返回一个路径对象Path Path path = Paths.get("D:\\WorkFiles\\Project\\chitic-supplywater\\chitic-supplywater-common\\chitic-supplywater-common-api\\src\\main\\java\\com\\chitic\\supplywater\\common\\api\\util\\DateUtil.java"); //一次性读取 List<String> lines = Files.readAllLines(path, StandardCharsets.UTF_8); StringBuilder sb = new StringBuilder(); for(String line : lines){ sb.append(line); } String fromFile = sb

订阅 charset