从零开始学 Web 前端

178 篇文章
41 人订阅

全部文章

Daotin

jQuery ui中sortable draggable droppable的使用

最近工作中用到了jQuery UI中排序和拖拽功能,花了大概一天的时间,搞清楚了大概的参数配置,以及遇到的一些问题,总结如下。

7010
Daotin

Vue路由配置history模式

你可以用 script 标签的形式引入vue.min.js 这样的,不需要nodejs。

7120
Daotin

vue用template还是JSX?

jsx组件使用的方式和vue组件相同,先导入,然后components注册,就可以使用了。

10220
Daotin

3分钟搞定图片懒加载

图片的懒加载就是在页面打开的时候,不要一次性全部显示页面所有的图片,而是只显示当前视口内的图片,一般在移动端使用(PC端主要是前端分页或者后端分页)。

11520
Daotin

四两拨千斤,一招搞定数字格式化问题

百分比和小数位数比较好解决,百分比只需要在源数字后面加两个零再加上百分号;小数只需要在小数点后面加零即可。最主要的是千分符的处理,好,就来说千分符。

7410
Daotin

将包含时间戳的对象数组按天排序

示例对象数组如下,每个对象中都有一个时间戳,现在要求将每个对象按照其中的时间戳对应的天数进行排列,如何实现?

7620
Daotin

如何用css画一个文件上传图案?

通常我们会通过字体图标来显示中间的加号,外层用一个div包裹即可;或者使用伪元素来模拟中间的一横一竖,这都比较麻烦。

11010
Daotin

Vue.js命名风格指南

本命名风格指南推荐了一种统一的命名规范来编写 Vue.js 代码。这使得代码具有如下的特性:

19920
Daotin

JS的静态类型检测,有内味儿了

我们知道 TypeScript 2.3 以后的版本支持使用--checkJs对.js文件进行类型检查和错误提示。 但是由于 JavaScript 是弱类型语言,...

10520
Daotin

input输入框change和blur事件区别

blur与change事件在绝大部分的情况下表现都非常相似,输入结束后,离开输入框,会先后触发change与blur,唯有两点例外。

8810
Daotin

防止 window.open 被拦截

19610
Daotin

vue中子组件直接修改父组件prop属性bug

将 checked 通过v-model绑定给子组件的 checkbox,然后点击这个checkbox,试图改变 checked 的值,但是有时候会发现 chec...

21410
Daotin

简单实现vue列表点击某个高亮显示

给每个li绑定点击事件@click="select_li(index),然后这个点击时间会将一个全局变量 selectLi 赋值为 index 的值。

14410
Daotin

vue中点击屏幕其他区域关闭自定义div弹出框

35810
Daotin

神马?使用JS直接上传并预览粘贴板的图片?

因为工作原因,现在有一个需求就是需要用户使用QQ或者微信复制一张截图后,在div中直接粘贴这张图片,而不是采用上传的方式。类似我们在使用QQ微信时直接粘贴截图的...

22720
Daotin

删除设备与驱动器中百度网盘图标

62820
Daotin

天了噜,为什么外链css要放在头部,js要放在尾部?

我们最开始学前端的时候都会看到教程在处理外部css,js的时候会将css放在header中,js放在body的最后。为什么要这样子处理,今天参考一些资料好好分...

25120
Daotin

前端面试知识点

允许用户传递一个callback参数给服务端,然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON数据,这样客户端就可以随意定制自己的函数...

11210
Daotin

canvas入门,就是这个feel!

Canvas 是在HTML5中新增的标签用于在网页实时生成图像,并且可以操作图像内容,基本上它是一个可以用JavaScript操作的位图。也就是说我们将通过JS...

7630
Daotin

图片瀑布流,so easy!

简单来说,就是有很多图片平铺在页面上,每张图片的宽度相同,但是高度不同,这样错落有致的排列出 n 列的样子很像瀑布,于是就有了瀑布流图片一说。

9410

扫码关注云+社区

领取腾讯云代金券