八分钟入门 Next.JS 一、安装 只需要在命令行敲下(你得有 node 环境): npx create-next-app@latest 启动 进入到latest文件夹 npm run dev 二、路由 (一)用户端交互 ... 2 月前 前端 2 分钟阅读 16 浏览
如何实现Avatar Icon效果 今天在一个网页要实现avatar icon的效果,百度了一下,原来十分简单。 代码如下: <!DOCTYPE html> <html> <head> <meta name=&qu... 2 年前 前端 2 分钟阅读 8 浏览
CSS第二课 一、关于元素居中 今天要实现一个div居中的问题,没想到自己还花了一点时间。 要实现的效果如下,在两个div中间,有一个div(中间还有元素),要将中间的div... 2 年前 前端 2 分钟阅读 4 浏览
Shopify模板开发二 一、建立文件夹 2.建立theme.liquid文件 3.将theme文件夹打包成theme.zip 4.上传theme文件 5.publish theme 然后点击”custom”,在打开的网页... 3 年前 前端 2 分钟阅读 12 浏览
shopify模板开发一(前期) 一、开发前的准备工作 (一)建立账号 我原来已经建立了一个shopify店铺,用那个邮件登陆之后,还是提示要建立账号,那么点击“Create new partner account”再... 3 年前 前端 3 分钟阅读 10 浏览
图片排版flex 一、知识点 (一)flex Flex是FlexibleBox的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。设为Flex布局以后,子元素的float、clear和... 4 年前 前端 11 分钟阅读 12 浏览
Bootstrap模块收集snippets 一、bootdey.com 亲测bootstrap 5可以用 本地测试效果 https://www.bootdey.com/bootstrap-snippets?q=bootstrap 二、导航条+评论 <!DOCTYPE html>... 4 年前 前端 27 分钟阅读 9 浏览
Mdbootstrap pro5怎么用 一、使用教程 第1步:注册账号 需要在Mdbootstrap pro5网站(https://mdbootstrap.com/)注册一个账号,或者你有gmail,github账号,则可以直接登陆即可。 第2... 4 年前 前端 2 分钟阅读 10 浏览
手写css网页设计 最近在学习CSS,发现这个手写的css网页设计,觉得非常有用,现分享如下: 一、初稿 成果: 订单页面: 二、代码 index.html <!DOCTYPE html> <... 4 年前 前端 14 分钟阅读 5 浏览