2016年04月_季诗筱

原创 Navicat for mysql 中文乱码问题

今天需要建一个数据库，来存车的相关信息。表都是一对多的关系，只要让1的主键是多的外键即可满足第三范式。往表中输入数据的时候，出现了问题，中文会显示为乱码。搜了一下，网上很多人也遇到过。解决办法：处理过程 1.查看数据库编码为” utf8 – UTF-8 Unicode”，也就是说数据库字符集没有问题，初步推测为客户端的问题 2.在navicat里右击连接，选择连接

2016-04-29 17:47:26 6718 1

原创【CSS3】页脚区域粘附问题

页脚区域粘附问题是指页脚区域固定在浏览器窗口可视区域底部，即使页面的主体内容不足以将页脚区域推到浏览器可视区域的底部，使用CSS3实现就很简单最关键的技巧是让body设成伸缩容器，并且使用flex属性让footer之前的元素具有伸缩属性。如果希望整个页面的布局要和浏览器窗口可视区域一样高，首先需要保证html和body元素的高度要和浏览器窗口的可是区域高度一样。代码如下html，body{

2016-04-28 17:06:22 1140

原创 CSS实现垂直居中

面试的时候经常会被问到这样一个题目：让一个元素中内容垂直居中怎么做。其实之前，我就会两种，line-height和table-cell，今天做项目，遇到了这个问题，就系统的查了一下，总结5种方法

2016-04-28 16:51:50 1318

原创【CSS3】-伸缩布局盒模型实现 3列等高布局

CSS3引入了Flexbox盒模型

2016-04-28 16:32:34 4875

原创【jQuery】 ajax 提交表单问题--双击会重复提交；success函数不执行

今天需要把之前写的表单进行提交，要用ajax来提交。这里我用的是jQuery的ajax（），本来以为这是个很容易的任务，因为之前对ajax有了一定的了解和使用，但是真的做起来，还真的遇到了问题。表单样式如上，问题一是：当我双击提交按钮时，会将表单内容重复提交。（PS.这也算是今天的收获，因为我之前一直都没有想过，如果我点两次会提交两次==）遇到问题还是要自己主动去找解决问题的方法，网上找

2016-04-27 17:01:04 2953

原创【移动端】基于rem实现手机端页面自适应--动态改变dpr和font-size

这两天还是在写手机端的那个表单页面，我好苦恼啊。明明在chrome上调试的时候都是可以的，但是真的用手机去扫码看的时候，就出现问题了。苹果手机么有问题，都是根据dpr来设置meta标签，动态设置font-size，显示的跟预期的一样。用三星手机扫也是可以的，但是当我用小米4扫的时候，就有问题了。表单宽度和高度都有所缩小，内容显示不全。我搜了一下，网上有说米4的dpr也是3. 于是我就自己

2016-04-26 18:44:45 6384

原创移动web学习--淘宝 flexible.js

最近在学习移动web，需要做一个移动端和PC端都兼容的弹出框表单。查阅了很多资料，最终选择了使用淘宝的flexible.js来实现各个终端的适配。很好的博文： 1、从网易与淘宝的font-size思考前端设计稿与工作流 2、白色橡树：移动web资源整理 3、移动端web app自适应布局探索与总结 4、手机端页面自适应解决方案—rem布局 5、使

2016-04-22 18:07:44 11556 15

原创 CSS设置字间距

text-indent:0.5em;//设置首行缩进letter-spacing: 0.05em;//设置字与字之间的间距今天写页面的时候也用到了这两个css属性，挺好用的，可以让页面更美观一些~~

2016-04-12 18:02:33 16767 1

原创 CSS实现select样式

今天做的任务是写一个自适应的表单提交页面，要在移动端和PC端都使用，而且要浏览器兼容。在页面布局的时候遇到的问题是，我用的select下拉框，但是firefox和chrome的下拉框是不一样的，于是就想要自己重写一下。代码如下：select { /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #b6b6b6; border-r

2016-04-12 18:00:10 2725

原创自适应网页布局

自适应设计（Responsive Design）是指创建网站时仅用一套代码即可令它适应各种不同的屏幕尺寸。2010年，Ethan Marcotte提出了”自适应网页设计”（Responsive Web Design）这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。1、允许网页宽度自动调整首先，在网页代码头部，加入一行viewport 元标签<meta name="viewport"

2016-04-12 17:56:15 4838

转载 12个不可不知的Sublime Text应用技巧和诀窍

本文为您提供Sublime Text编辑器的12个技巧和诀窍，深入挖掘这个看似简洁的代码编辑器，背后所隐藏的实现各种高级功能的无限可能。1) 选择以下是一些Sublime Text选择文本的快捷键：Command + D 选中一个单词 Command + L 选中一行 Command + A 全选 Ctrl + Command + M` 选中括号内所有内容 (编写CSS或JS时非常实用)

2016-04-08 14:46:40 1028

原创 unicode 与汉字转码

今天写react页面，需要请求json数据，但是请求成功后，渲染到页面的汉字都成了乱码。解决办法：需要将汉字转成unicode码http://tool.chinaz.com/tools/unicode.aspx去这个网站转换即可

2016-04-06 15:20:39 1303

原创 css中设置table中的td内容自动换行

在项目中，有用到表格。因为有的内容比较长，所以需要列宽大一些，有的内容比较短，列宽就小一些。遇到了一个问题，在学校联系方式表里面，联系人电话/电子邮件这两列，无论我加多大的宽度，内容总是会把表格列撑的很宽，百度了一下，发现原因是这样的：一般字母的话会被浏览器默认是一个字符串或者说一个单词，所以不会自动换行所以需要设置一下，让表格内容自动换行。 1.在中设置样式style为word-wrap

2016-04-05 21:22:13 114029 11

季诗筱的博客