Hypertext Markup Language
Cascading Style Sheets

Nuxt 3和Naive UI踩坑及经验分享

Nuxt 3和Naive UI踩坑及经验分享
Nuxt为Nuxt3启用了全新域名https://nuxt.com/(原域名为https://nuxtjs.org/),Alan没有深度使用过Nuxt 2,但变化应该还是比较大的,因为Nuxt 3正式版与之前的beta版本都有不小的变化。选择Nuxt 的主要原因应该都是SEO吧,毕竟官方的SSR方案尤雨溪自己都说不完善。当然对于的约定大于配置的理念也是褒贬不……继续阅读 »

Alan 12个月前 (05-08) 1418浏览 0评论0个赞

JavaScript的学习总结

JavaScript的学习总结
创始人:Brendan Eich0.1+0.2==0.3或0.1+0.2===0.3均返回 false,原因自然是浮点运算的精度问题。那么如何进行判断呢?可以使用Math.abs(0.1 + 0.2 - 0.3) <= Number.EPSILON(但0.1+0.3===0.4返回的是true 哦)1/0===Infinity、1/-0===……继续阅读 »

Alan 2年前 (2022-04-26) 1196浏览 0评论0个赞

响应式布局和Bootstrap

响应式布局和Bootstrap
如何实现响应式布局?CSS 3 Media Query(最简单)原生Javascript(成本高,不推荐使用)第三方开源框架(可以很好的支持浏览器响应式布局的设计)Media常见属性:device-width, device-height 屏幕宽高width, height                           渲染窗口宽高o……继续阅读 »

Alan 9年前 (2015-09-20) 4818浏览 0评论0个赞

纯CSS打造自适应表格

纯CSS打造自适应表格
原始尺寸表格效果代码主要运用到了@media来判断调用的样式,伪元素:before,:after来匹配相关内容,以及用content: attr(data-label)来获取自定属性中的值,缩放及手机效果,……继续阅读 »

Alan 9年前 (2015-07-15) 9934浏览 0评论0个赞

CSS3实现照片墙效果

CSS3实现照片墙效果
HTML5和CSS3已经被谈论很久了,关于W3C等既得利益体的争论这里按下不表,下面通过简单的CSS3代码来实现一个酷炫的照片墙效果,可以用于制作家庭的生活照相册,也可以在追女孩子时适时小秀一把:)整个代码中用到的主要有CSS3中的transform中的旋转(rotate),过渡(transition),阴影(box-shadow),同时通过positio……继续阅读 »

Alan 10年前 (2014-11-16) 4056浏览 0评论0个赞

JS实现放大镜效果

JS实现放大镜效果
电商网站中会经常出现图片的放大效果,在产品页面尤为常见,如淘宝、京东、一号店等网站都会采用悬浮鼠标在右侧出现图片放大效果。要实现这种效果可能过JS或jQuery等代码来实现,示例效果如下(通过将鼠标悬浮在下面的图片上进行查看):首先通过getElementById或其它方法来获取各个对象,然后通过onmouseover和onmouseout事件来显示和……继续阅读 »

Alan 10年前 (2014-09-13) 5260浏览 0评论0个赞

Firebug使用相关

Firebug使用相关
Firebug是网页浏览器Firefox下的一款开发类插件,集HTML查看和编辑、JavaScript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML和Ajax的得力助手。在日常使用中常会同时安装其扩展Yslow来一并对网站进行调试。同时为了兼容其它浏览器,还开发有Firebug Lite,功能略弱于Firebug。 安装完后要开启……继续阅读 »

Alan 10年前 (2014-08-17) 4498浏览 0评论0个赞