<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Luffy_ying的博客]]></title><description><![CDATA[恒可贵，慢点又有什么关系]]></description><link>https://blog.youkuaiyun.com/Luffy_ying</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Luffy_ying]]></copyright><item><title><![CDATA[移动端 window.history.go(-1)不刷新的问题]]></title><link>https://blog.youkuaiyun.com/Luffy_ying/article/details/106238952</link><guid>https://blog.youkuaiyun.com/Luffy_ying/article/details/106238952</guid><author>Luffy_ying</author><pubDate>Wed, 20 May 2020 17:38:34 +0800</pubDate><description><![CDATA[移动端的h5开发，总是会有各种各样的问题，世间本没有bug，写着写着就有了。近期开发遇到这样一个功能：A页面上有一段链接，通过window.location.href = 'xxx'， 跳转到另一个页面B，完成一系列操作后，又要跳回来之前的A，但这个时候A页面应该是需要重新刷新的，数据要重新请求，下面贴出A 页面部分代码：



但测试华为及小米低端版本的时候，并没有刷新，抓包并没有抓到请求，但是奇怪的是，代码确实运行到请求接口的数据了，可能的原因应该是缓存了，于是搜索了一下，加上了一个方法：



这个方]]></description><category></category></item><item><title><![CDATA[一次白屏经历]]></title><link>https://blog.youkuaiyun.com/Luffy_ying/article/details/106104472</link><guid>https://blog.youkuaiyun.com/Luffy_ying/article/details/106104472</guid><author>Luffy_ying</author><pubDate>Wed, 13 May 2020 20:00:22 +0800</pubDate><description><![CDATA[立案标题：公司的app嵌入的H5页面出现白屏

案发场景：该页面仅仅显示出标题，因其他原因没有抓包处理，设备 android 6.0.1 具体机型由图片可知



（此处给大家介绍一个方便好用的调试移动端的组件 vconsole，直接install即可，原谅我移动端开发经验少，真的第一次用啊！）

开始分析：DOM是空的，第一反应就是去看一下DOM，但是根本就没有给我这个机会，我的vconsole根本就没有显示出来，难道是react代码没解析成功？在js中加入log，也都没有任何反应，就像没有执行js一样。]]></description><category></category></item><item><title><![CDATA[js之hook]]></title><link>https://blog.youkuaiyun.com/Luffy_ying/article/details/60580437</link><guid>https://blog.youkuaiyun.com/Luffy_ying/article/details/60580437</guid><author>Luffy_ying</author><pubDate>Mon, 06 Mar 2017 16:42:50 +0800</pubDate><description><![CDATA[JS中的钩子：
钩子是将需要执行的函数或者其他一系列动作注册到一个统一的入口，程序通过调用这个钩子来执行这些已经注册的函数，还有就是提供一个可以响应默认流程的机制的时机，像react中生命周期的componentWillMount,componentDidMount等，这些都是钩子函数。有的时候，在相同的页，或者不同的页中我们会写很多重复的代码，比如一些初始化的条件，那最近写过的栗子来说：
在]]></description><category></category></item><item><title><![CDATA[关于前端开发中的模块化理解]]></title><link>https://blog.youkuaiyun.com/Luffy_ying/article/details/54967333</link><guid>https://blog.youkuaiyun.com/Luffy_ying/article/details/54967333</guid><author>Luffy_ying</author><pubDate>Fri, 10 Feb 2017 14:55:36 +0800</pubDate><description><![CDATA[作为一个前端开发者，掌握必要的专业知识是必要的，css,js,html,frame等，但对于规范还是要有一定的掌握，如开发规范，前端越来越复杂，其中模块化的问题引起重视，工程的模块化究竟是什么？
首先来了解下各种概念：
（1）CommonJS 
它就是为了JS的表现来制定规范，因为js中没有模块的功能，CommonJS应运而生，它定义的模块分为：模块引用require 、模块定义export]]></description><category></category></item><item><title><![CDATA[初识MVVM的心得]]></title><link>https://blog.youkuaiyun.com/Luffy_ying/article/details/54616443</link><guid>https://blog.youkuaiyun.com/Luffy_ying/article/details/54616443</guid><author>Luffy_ying</author><pubDate>Thu, 19 Jan 2017 15:16:00 +0800</pubDate><description><![CDATA[师傅给我耐心的讲了很久，之前的基于jquery + mvc思想久了，换成MVVM一时还不好适应，还是要多练习，总结下目前为止，对于MVVM的认识（以knockout为例子）
（1）在viewModel中，主要定义数据的属性和方法，一些事件通过data-bind等绑定到标签上，而不再是直接操作DOM属性。
（2）写代码之前，实现功能已经不是最重要的了，致命的是你的架构和设计，好坏直接影响到你代码]]></description><category></category></item><item><title><![CDATA[关于sammy的初理解]]></title><link>https://blog.youkuaiyun.com/Luffy_ying/article/details/54411047</link><guid>https://blog.youkuaiyun.com/Luffy_ying/article/details/54411047</guid><author>Luffy_ying</author><pubDate>Fri, 13 Jan 2017 19:05:37 +0800</pubDate><description><![CDATA[1.概要
首先，Sammy.js是一个微型的js框架，用来简化javascript应用程序的编写，这个内核包含一个简单的API，用于定义其定义的路由和事件之间的绑定关系。
2.它到底干了什么（以用户首次请求页面的过程）
（1）用户输入网址地址，服务器端处理该请求，将index.html页面，以及该页面中所引用的css,js等资源文件
（2）浏览器在渲染页面的过程中，由于sammy通过js捕]]></description><category></category></item><item><title><![CDATA[可枚举属性和不可枚举属性]]></title><link>https://blog.youkuaiyun.com/Luffy_ying/article/details/54379853</link><guid>https://blog.youkuaiyun.com/Luffy_ying/article/details/54379853</guid><author>Luffy_ying</author><pubDate>Thu, 12 Jan 2017 17:50:18 +0800</pubDate><description><![CDATA[在js中，对象的属性分为可枚举和不可枚举，它们是由属性的enumerable值决定的，不可枚举属性，用for...in是遍历不到的，js中基本包装类型的原型属性是不可枚举的，但是非基本包装类型的原型属性是可以枚举的。
其中，定义Object对象的prototypeIsEnumerable()方法可以判断此对象是否包含某个属性，并且这个属性是否可枚举。
再次，Object。defineProtp]]></description><category></category></item><item><title><![CDATA[你不知道的js（中）之基本类型]]></title><link>https://blog.youkuaiyun.com/Luffy_ying/article/details/54311627</link><guid>https://blog.youkuaiyun.com/Luffy_ying/article/details/54311627</guid><author>Luffy_ying</author><pubDate>Tue, 10 Jan 2017 11:36:23 +0800</pubDate><description><![CDATA[基于你不知道的js中，里面的内容都是基于es6的引擎环境，所以增加了一种内置类型：一共是：
（1）null
（2）undefined
（3）boolean
（4）number
（5）string
（6）object
（7）symbol
当你使用typeof 来查看类型的时候，返回的是类型的字符串，其中，对于null的判断，我们采用复合条件来检测null值的类型：
var a = ]]></description><category></category></item><item><title><![CDATA[line-height]]></title><link>https://blog.youkuaiyun.com/Luffy_ying/article/details/53967469</link><guid>https://blog.youkuaiyun.com/Luffy_ying/article/details/53967469</guid><author>Luffy_ying</author><pubDate>Sun, 01 Jan 2017 18:46:30 +0800</pubDate><description><![CDATA[line-height---行高（两个baseline之间的距离，基线）
一、属性值
（1）normal:默认  字体大小/100
（2）number  由当前元素的font-size大小决定
如：if(line-height=1.5) than line-height = 1.5 * 20px = 30px;
（3）使用具体值
（4）使用百分值
如if(line-height=15]]></description><category></category></item><item><title><![CDATA[overflow]]></title><link>https://blog.youkuaiyun.com/Luffy_ying/article/details/53967101</link><guid>https://blog.youkuaiyun.com/Luffy_ying/article/details/53967101</guid><author>Luffy_ying</author><pubDate>Sun, 01 Jan 2017 18:14:23 +0800</pubDate><description><![CDATA[一、overflow基本属性
（1）visible默认 超出部分表现出来
（2）hidden 超出部分隐藏
（3）scroll 滚动条
（4）auto  哪侧溢出 那边出现滚动条
（5）inherit
二、作用的前提
（1）非display:inline
（2）对应方位的尺寸限制 width/height/max-width/max-height/absolute拉伸
三、ove]]></description><category></category></item><item><title><![CDATA[margin]]></title><link>https://blog.youkuaiyun.com/Luffy_ying/article/details/53965815</link><guid>https://blog.youkuaiyun.com/Luffy_ying/article/details/53965815</guid><author>Luffy_ying</author><pubDate>Sun, 01 Jan 2017 15:13:23 +0800</pubDate><description><![CDATA[一、元素尺寸
我们看下标准盒模型


最里面的黑色实现框内宽为可视尺寸：clientWidth（标准）
之外的一层虚线内宽为占据尺寸：outerWidth（包含margin）
二、margin 与可视尺寸
（1）是用于没有设定width/height的普通block水平元素
不包括float absolute/fixed inline table-cell
（2）只适用于水平方向]]></description><category></category></item><item><title><![CDATA[relative]]></title><link>https://blog.youkuaiyun.com/Luffy_ying/article/details/53965652</link><guid>https://blog.youkuaiyun.com/Luffy_ying/article/details/53965652</guid><author>Luffy_ying</author><pubDate>Sun, 01 Jan 2017 12:49:55 +0800</pubDate><description><![CDATA[一、relative and absolut
relative对于absolute的限制：
（1）限制定位
当absolute使用top/left/bottom/right进行定位时，是相对最近已定位的父元素而言的
（2）限制层级
与最近已定位父元素的层级相同
（3）限制超越overflow
absolute可以不管overflow:hidden（或者overflow:scroll等]]></description><category></category></item><item><title><![CDATA[padding]]></title><link>https://blog.youkuaiyun.com/Luffy_ying/article/details/53965640</link><guid>https://blog.youkuaiyun.com/Luffy_ying/article/details/53965640</guid><author>Luffy_ying</author><pubDate>Sun, 01 Jan 2017 12:19:21 +0800</pubDate><description><![CDATA[一、对于block水平元素
（1）当padding的值 突然增大（很大，大于元素宽高），一定会影响尺寸
（2）当width:非auto,不会影响尺寸
（3）当width:auto或者box-sizing为border-box,而且padding值没有暴走，不会已经尺寸
二、对于inline元素
水平padding影响尺寸，垂直padding不影响尺寸，但是会影响背景色（占据空间）
实现]]></description><category></category></item><item><title><![CDATA[border]]></title><link>https://blog.youkuaiyun.com/Luffy_ying/article/details/53958956</link><guid>https://blog.youkuaiyun.com/Luffy_ying/article/details/53958956</guid><author>Luffy_ying</author><pubDate>Sat, 31 Dec 2016 23:55:28 +0800</pubDate><description><![CDATA[一、border-width不支持百分比
边框不会因为设备大就增大，css中类似的还有：outline,box-shadow,text-shadow,...
二、支持关键字
thin:1px
medium:默认值 , 3px  （border-style:double 至少3px才有效果）
thick:5px
三、类型
border-style:solid 实线
border-st]]></description><category></category></item><item><title><![CDATA[absolute]]></title><link>https://blog.youkuaiyun.com/Luffy_ying/article/details/53956203</link><guid>https://blog.youkuaiyun.com/Luffy_ying/article/details/53956203</guid><author>Luffy_ying</author><pubDate>Sat, 31 Dec 2016 23:07:51 +0800</pubDate><description><![CDATA[一、absolute and float 是兄弟关系，因为二者有两个共性：
包裹性
破坏性
二、有时我们在做定位的时候，经常这样：
.father{position:relative;}
.child{ position:absolute;top:10px;left:10px}
但是实际上，relative and absolute根本没有多大关系，当独立使用absolute的时候，你]]></description><category></category></item><item><title><![CDATA[float]]></title><link>https://blog.youkuaiyun.com/Luffy_ying/article/details/53954334</link><guid>https://blog.youkuaiyun.com/Luffy_ying/article/details/53954334</guid><author>Luffy_ying</author><pubDate>Sat, 31 Dec 2016 14:56:04 +0800</pubDate><description><![CDATA[CSS中浮动的出现已经有很长时间的历史了，但是它的初衷是为了解决和Word中文字环绕效果类似的图文环绕效果，而不是图片一行，文字一行。所以它的特有的行为表现就和这个功能紧密联系在一起。
1.浮动的特性：包裹性（宽高还在）
具有包裹性的其他小伙伴有：
display：inline-block/table-cell/...
position：absolute/fixed/sticky
ove]]></description><category></category></item><item><title><![CDATA[c3&h5权威指南（1）]]></title><link>https://blog.youkuaiyun.com/Luffy_ying/article/details/53899471</link><guid>https://blog.youkuaiyun.com/Luffy_ying/article/details/53899471</guid><author>Luffy_ying</author><pubDate>Tue, 27 Dec 2016 22:48:47 +0800</pubDate><description><![CDATA[HTML5是继HTML4后的一股强大力量，它封装了很多API，我们可以不用再写好几行javascript来实现一个简单的功能了，而一个标签就可以解决问题，它有很强大的语义化标签，让布局简明易懂，利于维护，最最重要的是它兼容性特别厉害，好像就是为了解决兼容性而生的一样，虽然语法不一样了，但也同时兼容HTML4的写法，是不是很强大。
一、新增的结构元素
1）section
表示页面中的一个内容区]]></description><category></category></item><item><title><![CDATA[Flex]]></title><link>https://blog.youkuaiyun.com/Luffy_ying/article/details/53843623</link><guid>https://blog.youkuaiyun.com/Luffy_ying/article/details/53843623</guid><author>Luffy_ying</author><pubDate>Fri, 23 Dec 2016 21:52:44 +0800</pubDate><description><![CDATA[Flex：Flexible Box 江湖人称“弹性布局”，对于网页布局，Flex以其简便、完整、响应式获得所有浏览器的信赖。
一、基本概念
1.任意一个容器都可以指定为Flex布局：display: flex;
2.行内元素：display: inline-flex;
3.Webkit内核的浏览器： display: -webkit-flex; /* Safari */   display]]></description><category></category></item><item><title><![CDATA[链式调用]]></title><link>https://blog.youkuaiyun.com/Luffy_ying/article/details/53698337</link><guid>https://blog.youkuaiyun.com/Luffy_ying/article/details/53698337</guid><author>Luffy_ying</author><pubDate>Fri, 16 Dec 2016 20:35:46 +0800</pubDate><description><![CDATA[function Foo(name){
this.name = name
}
Foo.prototype.read = function(){
console.log(this.name+'read');
return this;
}
Foo.prototype.listen = function(){
console.log(this.name + 'listen');
}
]]></description><category></category></item><item><title><![CDATA[你不知道的javascript（六）]]></title><link>https://blog.youkuaiyun.com/Luffy_ying/article/details/53669815</link><guid>https://blog.youkuaiyun.com/Luffy_ying/article/details/53669815</guid><author>Luffy_ying</author><pubDate>Thu, 15 Dec 2016 16:16:05 +0800</pubDate><description><![CDATA[原型
JavaScript中的对象有个特殊的内置属性叫：Prototype，其实就是对于其他对象的引用，几乎所有对象都会被赋予一个非空的prototype的属性值，当你试图引用对象的属性时会触发get操作，这个操作第一步就是检查对象自身是否有这个属性，有的话就使用它，没有的话，就会继续访问对象的原型链，直到找到，或者没找到返回undefined。最顶端的原型是Object.prototype。使]]></description><category></category></item></channel></rss>