<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[web_note的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/web_note</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; web_note]]></copyright><item><title><![CDATA[中英文换不换行，超过给定宽度添加三个点点...]]></title><link>https://blog.youkuaiyun.com/web_note/article/details/80456063</link><guid>https://blog.youkuaiyun.com/web_note/article/details/80456063</guid><author>web_note</author><pubDate>Fri, 25 May 2018 19:44:42 +0800</pubDate><description><![CDATA[ word-break:break-all;只对英文起作用，以字母作为换行依据 word-wrap:break-word; 只对英文起作用，以单词作为换行依据 white-space:pre-wrap; 只对中文起作用，强制换行white-space:nowrap; 强制不换行，都起作用white-space:nowrap; overflow:hidden; text-overflow:ellip...]]></description><category></category></item><item><title><![CDATA[overflow:atuo;隐藏滚动条]]></title><link>https://blog.youkuaiyun.com/web_note/article/details/80436088</link><guid>https://blog.youkuaiyun.com/web_note/article/details/80436088</guid><author>web_note</author><pubDate>Thu, 24 May 2018 16:11:57 +0800</pubDate><description><![CDATA[动端页面为了更接近原生的体验，是否可以隐藏滚动条，同时又保证页面可以滚动？使用 overflow:hidden 隐藏滚动条，但存在的问题是：页面或元素失去了滚动的特性。 由于只需要兼容移动浏览器（Chrome 和 Safari），于是想到了自定义滚动条的伪对象选择器::-webkit-scrollbar。1应用如下 CSS 可以隐藏滚动条：.element::-webkit-scrollbar {...]]></description><category></category></item><item><title><![CDATA[全选 复选]]></title><link>https://blog.youkuaiyun.com/web_note/article/details/80388889</link><guid>https://blog.youkuaiyun.com/web_note/article/details/80388889</guid><author>web_note</author><pubDate>Mon, 21 May 2018 10:30:04 +0800</pubDate><description><![CDATA[                1. 一般的jq全选 复选写法$(function () {      $('input[type=&quot;checkbox&quot;]').change(function (e) {         if(this.className == 'all')         {             $('.check').prop('checked', this.checked...]]></description><category></category></item><item><title><![CDATA[the vm session was closed before any attempt to power it on]]></title><link>https://blog.youkuaiyun.com/web_note/article/details/80346392</link><guid>https://blog.youkuaiyun.com/web_note/article/details/80346392</guid><author>web_note</author><pubDate>Thu, 17 May 2018 09:46:08 +0800</pubDate><description><![CDATA[今天关VirtualBox虚拟机时，选的方式是“快速休眠”。结果竟然蓝屏报PAGE_FAULT_IN_NONPAGED_AREA。重启电脑后再启动虚拟机时，虚拟机窗口一闪而过，出现如下错误：the vm session was closed before any attempt to power it on由于是休眠状态，设置里都不能改。网上搜了一艘，多是说重建虚拟机，再加载VDI。无意中在虚拟机...]]></description><category></category></item><item><title><![CDATA[设置git用户名和email]]></title><link>https://blog.youkuaiyun.com/web_note/article/details/80337440</link><guid>https://blog.youkuaiyun.com/web_note/article/details/80337440</guid><author>web_note</author><pubDate>Wed, 16 May 2018 15:15:57 +0800</pubDate><description><![CDATA[下面的这两行命令就是设置用户名和email：$ git config --global user.name author #将用户名设为author
$ git config --global user.email author@corpmail.com #将用户邮箱设为author@corpmail.com...]]></description><category></category></item><item><title><![CDATA[两个数组对象的交集forEach遍历]]></title><link>https://blog.youkuaiyun.com/web_note/article/details/79853196</link><guid>https://blog.youkuaiyun.com/web_note/article/details/79853196</guid><author>web_note</author><pubDate>Sun, 08 Apr 2018 15:58:15 +0800</pubDate><description><![CDATA[var tagIDArr =[{name: &quot;博客a&quot;, id: 7}, {name: &quot;博客b&quot;, id: 8}, {name: &quot;博客c&quot;, id: 9}];
	var tagList =[{name: &quot;博客1&quot;, index: 7}, {name: &quot;博客2&quot;, index: 5}, {name: &quot;博客3&quot;, index: 9}];
	tagIDArr.forEach(funct]]></description><category></category></item><item><title><![CDATA[css上中下布局（ios，安卓）]]></title><link>https://blog.youkuaiyun.com/web_note/article/details/79500941</link><guid>https://blog.youkuaiyun.com/web_note/article/details/79500941</guid><author>web_note</author><pubDate>Fri, 09 Mar 2018 17:48:41 +0800</pubDate><description><![CDATA[&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;  &amp;lt;head&amp;gt;    &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt;    &amp;lt;meta name=&quot;viewport&quot;          content=&quot;width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-sca]]></description><category></category></item><item><title><![CDATA[element-ui表单验证]]></title><link>https://blog.youkuaiyun.com/web_note/article/details/78778077</link><guid>https://blog.youkuaiyun.com/web_note/article/details/78778077</guid><author>web_note</author><pubDate>Mon, 11 Dec 2017 23:53:57 +0800</pubDate><description><![CDATA[1. html
el-form :model="user" :rules="rules" ref="ruleForm" label-width="80px">
    el-form-item label="用户名" prop="username" class="delu-box">
        el-input v-model="user.username" placeholder="请输]]></description><category></category></item><item><title><![CDATA[vue项目用js封装的md5]]></title><link>https://blog.youkuaiyun.com/web_note/article/details/78778040</link><guid>https://blog.youkuaiyun.com/web_note/article/details/78778040</guid><author>web_note</author><pubDate>Mon, 11 Dec 2017 23:43:46 +0800</pubDate><description><![CDATA[第一步：封装好js文件
export default {
  md5 (string) {
    function md5RotateLeft (lValue, iShiftBits) {
      return (lValue >> (32 - iShiftBits))
    }
    function md5AddUnsigned (lX, lY) {
      let lX4, ]]></description><category></category></item><item><title><![CDATA[js几种将网站设为首页和加入收藏的代码]]></title><link>https://blog.youkuaiyun.com/web_note/article/details/78777929</link><guid>https://blog.youkuaiyun.com/web_note/article/details/78777929</guid><author>web_note</author><pubDate>Mon, 11 Dec 2017 23:22:28 +0800</pubDate><description><![CDATA[li>a href="javascript:setHome(this,window.location)">
    span class="glyphicon glyphicon-home">span> b>设为首页b>a>
li> 

li>a href="javascript:addFavorite()">
    span class="glyphicon glyphicon-heart"]]></description><category></category></item><item><title><![CDATA[纯CSS制作各种图形]]></title><link>https://blog.youkuaiyun.com/web_note/article/details/78548604</link><guid>https://blog.youkuaiyun.com/web_note/article/details/78548604</guid><author>web_note</author><pubDate>Thu, 16 Nov 2017 10:49:30 +0800</pubDate><description><![CDATA[Square(正方形)
#square {    width: 100px;    height: 100px;    background: red;}

Rectangle(矩形)
#rectangle {    width: 200px;    height: 100px;    background: red;}

Circle(圆形)
#circle {    width:]]></description><category></category></item><item><title><![CDATA[解决flex新旧版本的兼容性写法]]></title><link>https://blog.youkuaiyun.com/web_note/article/details/73527865</link><guid>https://blog.youkuaiyun.com/web_note/article/details/73527865</guid><author>web_note</author><pubDate>Wed, 21 Jun 2017 10:51:05 +0800</pubDate><description><![CDATA[随着自己写过的页面的增多，也遇到了很多CSS兼容性的问题。这些兼容性问题，都是必然的，因为技术在不断进步，不断革新，所谓，“后浪推前浪，前浪拍死在沙滩上”，当然我们的技术不能是被拍死在沙滩上，我们还要支持，不支持的话，只能是你这个页面，这个产品被淘汰。

那么为了不被淘汰，我们就要做些兼容性处理。

我写页面的时候用到过很多的flex布局，觉得非常好用。下面附上一篇不错的flex布局介绍的]]></description><category></category></item><item><title><![CDATA[表单元素与提示文字无法对齐的问题(input,checkbox文字对齐）]]></title><link>https://blog.youkuaiyun.com/web_note/article/details/71833153</link><guid>https://blog.youkuaiyun.com/web_note/article/details/71833153</guid><author>web_note</author><pubDate>Sat, 13 May 2017 16:08:16 +0800</pubDate><description><![CDATA[文章的最终方法是：
1. 将文字第一字体设置为Tahoma；
2. 为input元素设置vertical-align:middle;
3. 为label元素设置vertical-align:middle;
       
 这样表单元素和提示文字就达到完美的对齐了。但是等等这里说的对齐只是相对的对齐，原因是中文字体是方块字高度有可能是奇数或者偶数，input元素的高度是奇数当字体高度为偶]]></description><category></category></item><item><title><![CDATA[mysql中的coalesce用法]]></title><link>https://blog.youkuaiyun.com/web_note/article/details/71191112</link><guid>https://blog.youkuaiyun.com/web_note/article/details/71191112</guid><author>web_note</author><pubDate>Fri, 05 May 2017 09:24:51 +0800</pubDate><description><![CDATA[在mysql中，其实有不少方法和函数是很有用的，这次介绍一个叫coalesce的，拼写十分麻烦，但其实作用是将返回传入的参数中第一个非null的值，比如 

   SELECT COALESCE(NULL, NULL, 1); 
-- Return 1 

SELECT COALESCE(NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, 1)]]></description><category></category></item><item><title><![CDATA[Mysql limit offset用法举例]]></title><link>https://blog.youkuaiyun.com/web_note/article/details/71173098</link><guid>https://blog.youkuaiyun.com/web_note/article/details/71173098</guid><author>web_note</author><pubDate>Thu, 04 May 2017 18:02:51 +0800</pubDate><description><![CDATA[MySQL limit offset示例

例1，假设数据库表student存在13条数据。
 
代码示例:
语句1：select * from student limit 9,4
语句2：slect * from student limit 4 offset 9
// 语句1和2均返回表student的第10、11、12、13行  
//语句2中的4表示返回4行，9表示从表的第十]]></description><category></category></item><item><title><![CDATA[常用的Mysql数据库操作语句大全]]></title><link>https://blog.youkuaiyun.com/web_note/article/details/71157805</link><guid>https://blog.youkuaiyun.com/web_note/article/details/71157805</guid><author>web_note</author><pubDate>Thu, 04 May 2017 08:58:43 +0800</pubDate><description><![CDATA[零、用户管理：
　　1、新建用户：
　　　　>CREATE USER name IDENTIFIED BY 'ssapdrow';
　　2、更改密码：
　　　　>SET PASSWORD FOR name=PASSWORD('fdddfd');
　　3、权限管理
　　　　>SHOW GRANTS FOR name;    //查看name用户权限
　　　　>GRANT SELECT ]]></description><category></category></item><item><title><![CDATA[网页常用分享代码大全(前端必备)]]></title><link>https://blog.youkuaiyun.com/web_note/article/details/70154864</link><guid>https://blog.youkuaiyun.com/web_note/article/details/70154864</guid><author>web_note</author><pubDate>Thu, 13 Apr 2017 10:30:45 +0800</pubDate><description><![CDATA[1、新浪微博 
新浪微博 
2、腾讯微博 
腾讯微博 
3、开心网 
开心网 
或者用 
<a href="http://www.kaixin001.com/repaste/share.php?rurl=http://www.shao-ming.com&rcontent=http://www.baidu.com&rtitle=kaixin"
 target="_blank">开心网]]></description><category></category></item><item><title><![CDATA[如何让一张图片在手机端页面占满整个屏幕不带滚动条（示例）]]></title><link>https://blog.youkuaiyun.com/web_note/article/details/70154329</link><guid>https://blog.youkuaiyun.com/web_note/article/details/70154329</guid><author>web_note</author><pubDate>Thu, 13 Apr 2017 10:05:04 +0800</pubDate><description><![CDATA[name="viewport">
    测试页面


html,body {
    margin:0;
    padding:0;
    overflow: hidden;
}
.content {
    width: 100%;
    height: 100%;
    top:0;
    z-index: -1; 
    position: abso]]></description><category></category></item><item><title><![CDATA[vue环境搭建，vue项目创建]]></title><link>https://blog.youkuaiyun.com/web_note/article/details/56835584</link><guid>https://blog.youkuaiyun.com/web_note/article/details/56835584</guid><author>web_note</author><pubDate>Fri, 24 Feb 2017 11:36:12 +0800</pubDate><description><![CDATA[vue这个新的工具，确实能够提高效率，在经历的一段时间的摧残之后，终于能够有一个系统的认识了，下面就今天的收获做一个总结，也是vue入门的精髓： 
1.要使用vue来开发前端框架，首先要有环境，这个环境要借助于node，所以要先安装node，借助于node里面的npm来安装需要的依赖等等。 
这里有一个小技巧：如果在cmd中直接使用npm来安装的一些工具的话会比较慢，所以我们使用淘宝的npm镜]]></description><category></category></item><item><title><![CDATA[jq基础笔记02]]></title><link>https://blog.youkuaiyun.com/web_note/article/details/53438948</link><guid>https://blog.youkuaiyun.com/web_note/article/details/53438948</guid><author>web_note</author><pubDate>Fri, 02 Dec 2016 20:30:58 +0800</pubDate><description><![CDATA[1.1  复习jQuery操作DOM
jQuery课程的目标：学会使用jQuery设计常见效果
选择器 
基本选择器：#id 、.class 、element、* 、
层级选择器：空格、>、+、~
       基本过滤选择器：:first、:last、:eq(index)、:lt(index)、:gt(index)、:odd奇数、:even
       筛选选择器：.eq(inde]]></description><category></category></item></channel></rss>