牧羊

BY 保罗.柯艾略 04-10 2020

炼金术士拿起一本书,那是商队中的某个人带过来的。书没有封面,但可以辨认出作者的名字:奥斯卡.王尔德,在翻阅那本书的时候,他看到一篇关于水仙花的故事。 炼金术士知道整个关于水仙花的传说。一个英俊少年,天天到湖边去欣赏自己的美貌。他对自己的容貌如痴如醉,竟至有一天掉进湖里,溺水身亡。他落水的对方,长出一株鲜花,人们称之为水仙。 奥斯卡.王尔德却不是这样结束故事的。他写道,水仙少年死后,山林女神来到湖边,看见一湖淡水便陈了一潭咸咸的泪水。 “你为何流泪?”山林女神问道。 “我为水仙少年流泪。”湖泊回答。 “你为水仙少年流泪,我们一点也不惊讶。”山林女神说道,“我们总是跟在他后面,在林中奔跑,但是,只有你有机会如此真切地看到他英俊的面庞。” “水仙少年长的漂亮吗?”湖泊问道。 “还有谁比你更清楚这一点呢?”山林女神惊讶地回答,“他每天都在你身边啊。” 湖泊沉默了一会儿,最后开口说:“我是为水仙少年流泪,可我从来没有注意他的容貌。我为他流泪,是因为每次他面对我的时候,我都能从他眼睛深处看到我自己的美丽映像。” “多美的故事啊!”炼金术士感慨。

h5视频截图小工具

BY F.I.S 04-10 2020

复制以下代码添加到浏览器书签使用~ ``` javascript:(function(){var canvas = document.createElement('canvas');var video = $('video')[0];if($('#videoCut').length > 0){canvas = document.getElementById('videoCut');}else{canvas.setAttribute('id','videoCut');$('body').append(canvas);} if(!video){var iframe = document.getElementsByTagName('iframe')[0];video = iframe.contentWindow.document.getElementsByTagName('video')[0];}canvas.setAttribute('width',video.videoWidth);canvas.setAttribute('height',video.videoHeight);canvas.style.display = 'none';var ctx = canvas.getContext('2d');ctx.drawImage(video,0,0,video.videoWidth,video.videoHeight);var base64 = canvas.toDataURL('images/png');var img = new Image();img.src = base64;const newWin = window.open('','_blank');newWin.document.write(img.outerHTML);newWin.document.close();})() ``` tampermonkey: [脚本地址](https://greasyfork.org/zh-CN/scripts/410670-b%E7%AB%99%E8%A7%86%E9%A2%91%E6%88%AA%E5%9B%BE)

Vagrant下共享目录静态文件(css/js/jpg/png等)“缓存”问题

BY 林雪 07-29 2019

之前提到说通过Vagrant部署开发环境,使用目录共享模式,在本地磁盘进行开发,而通过虚拟机环境运行开发的页面。 是的,一切看起来都是那么的顺利,首先基于VirtualBox安装了Vagrant,接下来,按照以往部署环境的习惯,在VM中安装了nginx作为开发运行环境,并且将本地的共享目录作为nginx的web目录,然后打开页面,看上去似乎都很正常,但接下来,你发现了一个神奇的事情,你修改替换了一个css,一张图片,然后刷新浏览器,发现什么都没有变,然后你有非常猛烈、使劲的F5,依旧还是没有改变,是的,你看看编辑器,似乎替换是正常的,在看看VM上的文件,也都是对的,是的,尝试重启nginx,依旧没有任何变化,你开始怀疑php5-fpm甚至于毫不相干的memcached和mysql,但都无济于事。也不知道是什么让这些文件被“缓存”了呢。 当你尝试修改一个js,并且用同样的方法更新之后,会遇到类似的问题,是的,就算重启VM上任何服务,甚至重启VM,依旧没有用,当然,比起其他资源文件,浏览器的反应会强烈一些,因为浏览器会提示未知错误,而你通过浏览器查看你修改的JS文件,会看到文件尾巴有下面奇怪的随机字符: ![](https://www.linxue.net/statics/ueditor/upload/image/20170221/1487641300413595.png) 这到底是什么东西呢?编码错误?缓存异常?又或是其他什么? 是的,你尝试花费很多时间,试验各种各样的方法去解决这个问题,其实对于nginx来说,你只需要修改配置文件`nginx.conf`中的一行重启就能简单的解决这个问题: ~~~ sendfile off; ~~~ 找到 nginx.conf ,把里面的 `sendfile on` 修改为 `sendfile off`。 当然,如果你使用Apache也可能遇到类似的问题,那么同样也有类似的配置需要修改: ~~~ EnableSendfile off ~~~ 原文:[林雪博客](https://www.linxue.net/source/vagrant-css-encode)

ios 弹层时阻止页面滚动

BY F.I.S 03-08 2019

* 确认滚动区域已经设置高度 如果设置百分比高度要确认其父元素有设置高度,滚动区域内元素总高度超过滚动区域高度时要有滚动条 * 滚动区域添加如下css属性 ``` overflow-y: scroll; //或overflow: auto; -webkit-overflow-scrolling: touch; //IOS下不加这行滑动会不流畅 ``` * 弹层打开时给body设置如下css属性 ``` position: fixed; ``` 给滚动层添加如下css属性 ``` overflow: hidden; ``` * 弹层关闭时给body设置如下css属性 ``` position: relative; ``` 滚动层移除overflow属性或设置值为auto

移动端动态节点绑定事件ios点击失效

BY F.I.S 03-07 2019

当你的DOM节点是动态生成在页面上的时候。 普通的点击$(‘xx’).click()会因为获取不到dom元素而致使点击失效。 * 一、这种情况下一般使用时间托管例如jq的: ``` $(document).on('xx','click',fn) ``` 这个通过事件托管可以让jq获取到动态生成的dom节点,以此解决点击失效的问题。 * 二、然而在ios上这样的方法解决不了这个问题,原因是: 在ios系统中,例如`document,div,body`这些本身并没有可以被点击的属性的元素不能作为托管点击事件的父元素。所以,用这样的方法进行事件托管,ios会获取不到你的`document`的点击事件,自然无法获取到你想要绑定的元素身上。 解决办法就是把`document`换成你想要绑定元素的父元素上可以是最大的那个div,然后在最大元素的样式中加入`cursor:pointer; `这个属性可以让父元素变成拥有可被点击属性的盒子,这样就可以解决动态数据无法绑定事件的问题。

大江大河

BY ~~ 01-12 2019

# 时间走过 春天开的花 无声 说着秋天的 金色硕果 前人栽下的 希望的种子 后人来获 夏天的骄阳 如火 泛起层层 波涛依旧热 推开一扇窗 让风清扬过 如春来过 冬天的风雪 掠过 给秋天带来 丰收的歌 何时下过雨 何时停的风 把往事说 春风吹又生 同盼 岁月的长河 时间走过 一路的坎坷 一路的高歌 都是属于我们的 笑看时间走过

查看更多

热门文章

Instagram

Lorem ipsum ex vix illud nonummy, novum tation et his. At vix scripta patrioque scribentur, at pro