w3h5

24小时更新:0篇    一周更新:3篇最近更新

经验总结

解决PhpStrom配置FTP后打开本地文件跳服务器IP的方法

3

Deshun 发布于 4天前   阅读(19)   评论(0)   赞 (0)  

解决PhpStrom配置FTP后打开本地文件跳服务器IP的方法

在日常项目中可能会用到 PhpStrom 的 FTP 功能,但是连接 FTP 后,用浏览器打开本地项目文件会跳转到服务器的 IP 。报如下错误,提示“Not Found”,找不到该页面。新建 FTP 时,本地路径(Local path)默认会是当前项目的目录,可以新建一个目录,用来当做服务器的本地目录,这样就可以正常用浏览器打开本地项目的文件了。...

经验总结

web前端优化,减少http请求,提高页面加载速度

3

Deshun 发布于 5天前   阅读(28)   评论(0)   赞 (0)  

web前端优化,减少http请求,提高页面加载速度

移动端性能陷阱和硬件加速1.尽可能减少http请求80%的终端用户响应时间都花在了前端上,其中大部分时间都在下载页面上的各种组件:图片,样式表,脚本,Flash等等。减少组件数必然能够减少页面提交的HTTP请求数。这是让页面更快的关键。  减少页面组件数的一种方式是简化页面设计。但有没有一种方法可以在构建复杂的页面同时加快响应时间呢?嗯,确实有鱼和熊掌兼得的...

经验总结

CSS实现background背景图优化,快速加载图片

Deshun 发布于 1周前 (01-10)   阅读(26)   评论(0)   赞 (0)  

之前写过一篇:CSS中background属性总结 整理了 background 的常用属性。日常项目中经常会用到全屏的图片, .png 和 .jpg 的图片都太大,加载缓慢。我们可以使用webP格式的图片或者分辨率较低的压缩图,再叠加一层清晰的 png 图片,实现快速显示的效果。叠加 png 图片的目的是防止某些浏览器不支持 webP 格式。CSS代码:&...

经验总结

利用JS调用电脑摄像头实现拍照效果

1

Deshun 发布于 2周前 (01-04)   阅读(40)   评论(0)   赞 (0)  

利用JS调用电脑摄像头实现拍照效果

今天学习了调用电脑摄像头,利用canvas画布将视频当前帧转换成图片的实例,其中用到了 mediaDevices.getUserMedia 方法。该方法提示用户允许使用媒体输入,产生包含所请求类型的媒体轨道。包括视频轨道(由诸如照相机,视频记录设备,屏幕共享服务等的硬件或虚拟视频源产生),音频轨道(类似地,由物理或虚拟音频源,如麦克风,A / D转...

经验总结

Z-Blog PHP百度熊掌号搜索结果出图页面改造

2

Deshun 发布于 2周前 (01-02)   阅读(61)   评论(0)   赞 (0)  

Z-Blog PHP百度熊掌号搜索结果出图页面改造

熊掌号为优质图文内容生产者提供结搜索结果出图权益,帮助站点获取更好的搜索结果展现样式,为搜索用户提供更好的浏览体验。对于落地页及图片质量符合要求的资源,将在搜索结果中展现一图、三图样式。今天有时间,针对百度熊掌号搜索结果出图做了页面改造,在网上搜索了一下,也没有找到针对Z-Blog PHP的教程。那我就把自己想到的方法写一下吧,不一定是最好的,希望能给大家一...

CSS笔记

利用css实现单行文本文字两端对齐

2

Deshun 发布于 3周前 (12-30)   阅读(62)   评论(0)   赞 (0)  

利用css实现单行文本文字两端对齐

日常使用中我们可以用 text-align: justify; 实现文本两端对齐效果。但是该属性有一个问题,不支持单行文本的两端对齐,只有达到2行或者以上才会有效。所以需要采用下面两种方法实现单行文本两端对齐效果:利用伪类 :after 实现:给元素添加伪类 :after 设置成行内块元素,宽度设置为100%。div:after{ &n...

科技圈

阿里Ant Design的圣诞彩蛋把开发者给害惨了

6

Deshun 发布于 3周前 (12-26)   阅读(142)   评论(0)   赞 (0)  

阿里Ant Design的圣诞彩蛋把开发者给害惨了

事情是这样的,阿里的Ant Design前端UI库在代码中暗藏了一个“彩蛋”,就是在圣诞节的时候,按钮会多出一个“积雪”的效果,并给所有的按钮加了内容为“Ho ho ho!” 的title属性。一时间Ant Design的GitHub的评论区就炸锅了,有的人表示可以用css覆盖原始样式来隐藏“雪”的效果,代码如下:.ant-btn.ant-btn-prima...