手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆
浏览模式: 标准 | 列表2024年09月的文章

被sortable.js坑了一小把

记录一下。如果同一个页面,基于同一个class或者同一个元素,但数据不同进行排序时。记得及时destroy。否则sortable会缓存。一直在使用第一次的数据。

被它坑了好久,浪费了1个小时。原来是首次编辑时,可以变动。但再次编辑时,可以拖动,但数据不会变,打印数据的时候发现,一直在使用传入数据。

WebKit的BUG?

最近在打开一些网站的时候,总感觉页面在一闪一闪的。如果你使用chrome,你可以测试打开苹果的官网。然后鼠标移到地址栏旁边的工具ICON上面,随着鼠标的移动,你会发现页面一闪一闪的,部分闪烁都不在WEB屏内,而是在工具栏和地址栏中。

大小: 36.69 K
尺寸: 500 x 81
浏览: 1065 次
点击打开新窗口浏览全图

如果你切到apple.com,这时候顶部栏中会有提示你是否切换到中国区。这时候你再移上去就不再闪烁了。

感觉是webkit在处理这种悬浮窗(贴顶)的时候,产生了渲染的问题。特别是用safari更加明显

--------

当然也可能是显卡的问题。但确实能够看到有人说苹果官网会不明闪烁,如果这些症状只有苹果电脑才出现,那应该是显卡驱动,或者mac版的webkit有问题了。

 

 

超便宜的Vultr。

事实上,我一直以为以前Linode是性价比超高的VPS服务商,后来有了DO和Vultr。但Linode后面也提供了5刀/月的服务器。所以我就一直没有换过。

再后来,亚马逊搞了个3.5刀的。这一下子让人心动了。而且有韩国和日本可选。于是直接选了韩国的,试用下来还不错。

结果今天看到vultr,居然还有2.5刀的。。。好吧。我算是服了。如果只是简单的拿来用用。2.5刀*7,也不满20块。一包中华都不用。少抽包烟就行了。连江小白都比他贵,你还在犹豫啥?不对我不喝江小白的,好吧。一瓶进口啤酒就远超这个价格了。。。

https://www.vultr.com/?ref=8492205-6G,通过这个链接买吧,我还有的赚呢(HOHO)。

上面那个链接好象是充100得25?如果是这个链接,只要注册我就有分成。。https://www.vultr.com/?ref=7181721 , 来吧,注册吧,别犹豫了

 

记录一次自己被自己坑的过程

众所周知,现在的PHP开发基本上都是前后台+服务器通吃,虽然都是各种三脚猫,但毕竟也算是大半个全栈。

开发网页的时候,最烦的事情就是页面上改个文字,都得cmd+r(F5)刷新一下网页看看效果。前端这两年在这个上面改进了很多。比如npm run watch,其实就是监控文件改动。自动刷新一下页面。别看这个功能不复杂,但其实会浪费很多时间。比如双屏电脑的时候,听起来很方便,一个屏幕写代码,一个屏幕看效果,但你其实试一下就会感觉到累了:代码写好,鼠标移到另一个屏幕,点击一下浏览器,按一下F5,看一下效果。如果不对,回来再试。。。
 
以前都忍了忍,但如果改动多了,其实真不能忍。于是找了browser-sync这个软件,他可以代理你本地的网页,设定好监控的文件,改动后,他就会主动刷新页面(看了一下,就是在页面里嵌入了socket.io组件,一旦有更新,软件主动往ws里发通知,让他执行location.reload 之类的)
 
正常使用的时候都没问题,也自我感觉良好,直到有一天,我POST数据的时候发现了一个奇怪的事情。POST一个JSON数据,一个使用Quill生成的HTML,被我用JSON包了起来的数据。看了一下SQL的LOG,全部提交了两遍。更关键的是,第二次提交的时候。JSON结构还在。但HTML全部没了。。。。这个就太妖异了。
 
一开始我一直以为是自己哪里程序写的有问题,触发了两次或者触发了XSS的保护,但仔细找了一下,也没有发现自己有使用中间件。
 
最后排查browser-sync,因为他是代理访问。类似browser-sync --proxy,那就想了,是不是第一次我提交后,他提交了。然后又提交了一次?毕竟是第三方软件,我也没有深究的想法,直接关闭browser-sync的进程,再测试。果然,一次过。也没有提交两次。。。
 
为了这玩意,我被折腾了2小时。所幸这个小问题影响不大(正常如果只是看页面,几乎完全无影响,后续,我还是准备将页面做成象nova那样。估计会好很多)
 
--EOF--
都说要知其然并知其所以然,但也没有那么多时间来查看,所以就先这样,也许等有时间的时候好好的探究一下,为什么啥都不变,就将我的HTML那一小段给删除了。。

Tags: browser-sync

音标字体(Kingsoft Phonetic )下载

 最近在帮娃打印学校的作业,涉及到了英语作业中的音标。由于老师采用了音标字体,我们无法打印也无法识别,找了一下,原来采用的是:kingsoft phonetic plain这个字体。

据说只要下载了金山词霸 就可以,但不太可能为了这个字体而去单独下载这个软件。最后找到了这个:https://en-yinbiao.xiao84.com/2014/5210.html,上面有PC版的安装方法:金山软件出的一款音标字体,Kingsoft Phonetic (TrueType)字体,将本文件下载、解压后,复制到下列文件夹下:C:\WINDOWS\Fonts一般即可正常使用。如果不可以,重启电脑,或安装一遍字体:打开资源管理器,依次点击:文件-安装字体-定位到字体所在文件夹,确定。

我这里也做了一个备份:http://static.cache.js.cn/fonts/kingsoft%20phonetic.ttf,可以直接点击下载

MAC下面安装就比较方便,双击字体,打开后有个预览,右下角有一个:install font。安装完即可。

重启WPS或者Word(或Pages),均可以识别该字体。

——EOF

后记:Pages认不出音标。即使识别出了字体,所幸我有WPS和Word。。。

不是特别推荐WPS,主要是全家筒放在一起比较恶心,而且。。。。。一些常见的模板都要收费了(比如早期windows上的稿纸模板,现在也变成收费的了)。如果实在没有或者不愿意购买word,那就只能忍忍了。毕竟常见功能还是免费的。