经验总结

记录日常工作生活中遇到的问题,技术和知识点
经验总结

JavaScript、Jquery获取屏幕的宽度和高度

Deshun 发布于 7年前 (2018-06-14) 4062℃ 评论(0) 赞 (1)

在日常的项目中经常需要获取屏幕的宽度或者高度,简单记录一下:Javascript方法获取:document.body.clientWidth //网页可见区域宽 document.body.clientHeight //网页可见区域高 document.body.offsetWidth //网页可见区域宽(包括边线的宽) document.body.offset...

经验总结

Photoshop保存ICO格式插件 ICOFormat.8bi

5

Deshun 发布于 7年前 (2018-05-30) 4044℃ 评论(0) 赞 (0)

Photoshop保存ICO格式插件 ICOFormat.8bi

Photoshop 一直不支持导入导出ico格式图标文件,不过还好有一款插件可以让photoshop支持打开和保存 ico 图标格式,这款插件就是 ICOFormat.8bi ,有了它就可以直接从ps里打开、保存ico格式的文件了。下面介绍一下安装及使用方法。下载地址:ICOFo...

经验总结

CSS屏蔽手机端长按选中 防止图片自动放大 禁止复制

1

Deshun 发布于 7年前 (2018-05-10) 10741℃ 评论(0) 赞 (2)

CSS屏蔽手机端长按选中 防止图片自动放大 禁止复制

使用手机浏览页面的时候,有些浏览器内核的原因,点击 img 标签图片会自动放大,长按会弹出下载或者保存选项。在写页面时如何避免此类情况的发生呢?我们可以使用 CSS 来屏蔽图片的选中。我整理了两个方案:1、首先想到的是通过 JS 实现,对 touch 事件做处理。window.o...

经验总结

分享一些实用的Chrome DevTools技巧

14

Deshun 发布于 7年前 (2018-04-28) 4634℃ 评论(0) 赞 (0)

分享一些实用的Chrome DevTools技巧

Chrome 开发工具提供了一套非常出色的工具来帮助我们在 Web 平台上开发。有一些您可能还不知道的小功能,现在给大家分享一下:在“Elements”面板中拖放在“Elements”面板中,您可以拖放任何 HTML 元素来更改其位置。在控制台中引用当前选定的元素在“Elemen...

经验总结

jQuery实现本地input选择图片实时显示

2

Deshun 发布于 7年前 (2018-04-27) 6305℃ 评论(0) 赞 (6)

jQuery实现本地input选择图片实时显示

在写图片上传功能时,如果可以实时预览就好了,我们可以通过 jQuery 实现这一效果。为了更加美观,可以结合我之前写的一篇文章,给图片显示区域设置一个默认图片:HTML img src图片路径不存在,则显示一张默认图片的方法HTML代码如下:<p>  &n...

经验总结

js获取input上传文件的文件名和扩展名的方法

4

Deshun 发布于 7年前 (2018-04-26) 27134℃ 评论(1) 赞 (25)

js获取input上传文件的文件名和扩展名的方法

使用 js 可以获取 input 上传文件的文件名和扩展名,这里我整理一下具体方法:1. 使用原生JS获取:CSS代码:给 div 一个内边距,按钮设置样式。div{     padding: 5px; } #mybtn&n...

经验总结

input[type=file]去掉“未选择任何文件”及样式改进

6

Deshun 发布于 7年前 (2018-04-25) 35191℃ 评论(3) 赞 (30)

input[type=file]去掉“未选择任何文件”及样式改进

input 标签的 file 属性,在没有选择文件的情况下,默认显示一条文字“未选择任何文件”。在选择文件后,该条文字会变成路径和文件的名称。如何去掉其默认的“未选择任何文件”提示呢?查阅资料,没有发现可以直接修改的办法,但是我们可以通过其他方法,实现自定义提示文字的效果。我通过...

经验总结

jQuery text() html() val()设置内容和attr()设置属性的用法

Deshun 发布于 7年前 (2018-04-25) 3034℃ 评论(0) 赞 (0)

jQuery设置内容的方法 - text()、html() 以及 val()text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容:代码如下:$(function () {   ...