随笔分类 -  Web/Frontend

Layui框架使用入门
摘要：前言 对于后端开发人员而言，Layui框架的确是一个非常友好的前端页面脚手架，用于开发一些管理后台系统类的项目非常便捷。只需要掌握了传统的Web静态页面开发的三要素：HTML，CSS和JavaScript，就可以轻松掌握对Layui框架的使用。 但是在项目实践中，通常也无需直接基于Layui框架进行 阅读全文
posted @ 2025-10-18 14:40 nuccch 阅读(24) 评论(0) 推荐(0)
如何实现一个简单的logo设计
摘要：在开发工具软件的时候，需要为其设计一个相应的logo图标，可以使用如下平台实现一个简单logo的设计。 标小智是一个借助AI技术的智能logo设计平台 U钙网是一个智能AI商标logo设计平台，无论你董不懂设计，仅需输入文字，就可以设计出精美的LOGO标志 其他的一些辅助工具： 从图像中删除白色背景 阅读全文
posted @ 2025-04-20 10:42 nuccch 阅读(23) 评论(0) 推荐(0)
前端开发利器
摘要：icon图标生成 favicon-generator 在线生成文本icon图标。 自制字体图标 第一步：制作或从Iconfont-阿里巴巴矢量图标库下载需要的矢量icon的svg格式（如：可以把png格式的图片转化为svg）。 第二步：将svg导入在线转换网址并生成font。 第三步：写less（或 阅读全文
posted @ 2025-02-22 21:43 nuccch 阅读(20) 评论(0) 推荐(0)
关于静态资源压缩
摘要：在Web页面的开发中，通常需要对css，js以及一些图片资源进行压缩后才能正式发布。 如果在项目中已经使用了打包框架，如：Webpack，vite，则直接使用相应的配置参数和命令即可实现，参考：前端打包工具介绍和对比。 而对于一些比较简单的web页面，比如：个人主页，实际上可以直接使用一些独立工具才 阅读全文
posted @ 2023-02-09 18:53 nuccch 阅读(41) 评论(0) 推荐(0)
基于Hexo搭建静态博客
摘要：关于静态博客 通常来讲，建立个人博客有2种方式： 第一，直接在第三方博客平台注册博客空间，如：博客园，简书，CSDN等，这种方式建立的博客，所有数据都存放在博客平台。 第二，自建博客系统，这种方式就是自己实现与博客平台相同的功能，需要涉及多个部分，如：购买云主机，注册域名，CDN，图床等。 自建博客 阅读全文
posted @ 2022-12-25 21:47 nuccch 阅读(483) 评论(0) 推荐(3)
在静态页面内实现关键字搜索并高亮显示
摘要：在静态页面内实现关键字搜索并高亮显示，效果如图： 示例代码如下，可以直接保存为一个html文件使用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>页面内实现搜索并高亮</title> <style typ 阅读全文
posted @ 2022-07-19 20:26 nuccch 阅读(374) 评论(0) 推荐(0)
使用Gulp压缩静态资源
摘要：如果希望对在静态页面中引入的相关资源进行压缩（比如：CSS，JavaScript，图片等），可以使用Gulp实现。 当然，还可以使用其他打包工具，比如：Grunt，Webpack等等。 Gulp是什么 Gulp是一个用于对静态Web资源进行打包的工具，可以实现对静态资源的压缩，本质上是一个npm模块 阅读全文
posted @ 2022-07-16 23:22 nuccch 阅读(394) 评论(0) 推荐(0)
如何配置WebStorm开发Chrome插件项目
摘要：开发Chrome插件项目，在调用Chrome的相关接口时，默认情况下WebStorm是不会有任何提示的，这对于开发者特别是新手特别不友好。 因此，需要IDE能支持Chrome接口调用时的智能提示。 如下是通过安装相关JavaScript类库实现这一目标的详细步骤（Mac系统）： 第一步，进入WebS 阅读全文
posted @ 2022-06-18 21:32 nuccch 阅读(1039) 评论(0) 推荐(0)
LayUI样式优化
摘要：如下是LayUI框架中页面元素的CSS优化样式： /* 表单输入框宽度 */ .layui-form-item .layui-input-inline { width: 295px; } /* 下拉框向上弹出 */ .layui-form-select dl { top: auto; bottom: 阅读全文
posted @ 2022-04-06 22:55 nuccch 阅读(866) 评论(0) 推荐(0)
LayUI框架应用常见问题
摘要：https://layui.itze.cn/index.html LayUI框架文档主页 获取URL参数 诸如表格中的“编辑”，“详情”工具按钮，需要在弹出层页面中获取在URL中传递的参数。 function getQueryString(name) { let reg = new RegExp(" 阅读全文
posted @ 2022-03-25 20:03 nuccch 阅读(258) 评论(0) 推荐(0)
如何快速使用LayUI MINI框架
摘要：## 是什么 LayUI MINI是基于LayUI框架开发的一套最简洁、易用的后台框架模板，它已经是一个非常完整的脚手架，有现成的页面模板可以参考甚至是直接使用。 通常来说，如果我们准备开发一套管理系统的WEB界面，一定是需要基于某个前端技术或框架来做的。实际上，可供选择的组件也比较多，比如最原始的 阅读全文
posted @ 2021-10-20 23:37 nuccch 阅读(5579) 评论(0) 推荐(0)
如何定制博客园的个人空间
摘要：写在前面 其实网络上已经有许多关于如何美化博客园个人站点的文章，而我却忍不住总是想写点什么。主要是因为我之前在如何选择和美化博客园个人站点这个问题上走了许多弯路，一开始徘徊于如何选择一个好看的模板，后来又在调整模板样式上总觉得不尽如意。直到有一天，我看见了一片博客园的文章，顿时觉得其版权大气而简洁， 阅读全文
posted @ 2018-01-07 22:40 nuccch 阅读(833) 评论(2) 推荐(1)
前端开发利器之静态服务器
摘要：在进行前端页面开发时，为了调试方便，需要在本地启动一个静态文件服务器，而不需要与后端api服务一起部署。 常用静态文件服务器 01. anywhere 使用简单，需要nodejs环境。 安装：npm install anywhere -g 使用：anywhere --help 在任何需要访问静态文件 阅读全文
posted @ 2017-10-12 15:24 nuccch 阅读(1299) 评论(0) 推荐(0)