随笔分类 - Web前端
摘要：说明 最近想把常用的一些干货知识点都集中起来，方便发布和查找。相当于创建一个自己的知识库，我就叫它Java技术文档。虽然博客写文档也挺方便，但是在于文档的集中阅读和管理方面还是不够简洁和快速。此处就以Vue官方文档举例，它就是用的自家技术vuepress创建的。 关于vuepress https:/
阅读全文
摘要：说明 接着我上一篇文章，已经使用vuepress+github pages搭建好了自己的文档博客，并且可以在本地打包上传后就可以在pages上查看更新内容。但是有1个比较明显的缺点：打包速度并不快！！！这是受限于vuepress是利用webpack打包造成的，有幸我们可以将打包工作交给github
阅读全文
摘要：项目介绍 本项目采用uniapp和nodejs（数据接口）、mongodb等技术实现了一个类似美团外卖的简易APP。项目主要目的是为了快速上手，如何快速使用uniapp开发一个app项目，同时掌握一些常用的知识点。有兴趣的朋友可以拿去做二次开发或毕业设计也是不错的。 通过本项目，你将学习到： 1、u
阅读全文
摘要：使用场景 举个栗子：外卖app当订单商品数量比较多时，不方便一次性展示出来。通常会展示一部分，并在页面给出一个查看更多功能。点击后即可自定义展示剩余内容，比如可以每次点击多展示N个内容，或展示所有。 实现效果 实现步骤 以下为整个页面的所有代码，涉及到的数据可以自己造一些，此处不再赘述。 vue页面
阅读全文
摘要：问题说明 最近测试反馈操作某新增/修改表单，点击【取消】或【关闭】窗口后再次点击【新增】或【修改】发现校验提示仍然存在！ 问题原因 项目采用Vue+ElementUI，修改表单的窗口控件采用el-dialog中添加el-form实现，默认在关闭和取消操作是没有绑定任何事件的，所以不会去清除原有的va
阅读全文
摘要：1.介绍 最近帮朋友弄一个简单的针对json数组的增删改成页面，正好涉及到了js去操作对象数组实现增删改查功能。我估计很多朋友应该也会遇到这类操作，所以记录一下以便分享。 2.数据准备 这里我就以学生对象数组为例了，其实这个数组和json数组操作起来基本一致的，转换一下即可。例如可以使用JSON.p
阅读全文
摘要：说明 我们经常遇到表单上面选择不同的下拉选项需要触发函数去完成一些业务逻辑，比如我这个地方根据所选商品查询它底下明细的数量，并展示。 效果演示 代码 <!--选择商品--> <div class="layui-form-item"> <label class="layui-form-label">商
阅读全文
摘要：项目介绍 上一篇介绍了前端相关实现代码和效果，本篇则介绍后端接口API如何实现。 ：） 上一篇地址： https://blog.csdn.net/IndexMan/article/details/112480590 项目截图 用到的技术栈 SpringBoot Mybatis-Plus Mysql
阅读全文
摘要：说明 之前一直偏重于后端技术研究，最近设计网站感觉前端太菜，遂集中看了下CSS的内容。后续我会发表一些前端实战的一些例子，给自己记录的同时希望也能分享给大家。 实现效果 主要知识点 DIV屏幕垂直居中（自动管理宽度和高度）input标签修饰（padding和focus样式）DIV边框阴影和圆角效果（
阅读全文
摘要：说明 之前开发了个基金分析的网页，主要是方便几个朋友买卖基金做个参考。这里面基金代码是存储在浏览器cookie中的，也就是说假如我换了浏览器就没法查了，最方便的就是一键复制代码粘贴到另外一个浏览器中一次添加好。 实现效果 代码 我这里用了layui我就不列了。 引入剪切板插件js 下载地址： htt
阅读全文
摘要：0.效果展示 1.创建项目 创建文件夹：express_file_upload npm init # 入口文件选择server.js 安装插件 npm install express npm install nodemon -g npm install body-parser multer npm
阅读全文
摘要：以下内容整理自网络。 说明 本例主要涵盖以下知识点： 数据绑定条件与循环计算属性监听器过滤器常见数组和对象操作vue生命周期 示例演示 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="view
阅读全文
摘要：写代码时遇到的知识点拿出来分享。 1.layer弹出层显示在top顶层 // 监听工具条 table.on('tool(tb-book)', function (obj) { var data = obj.data; // 修改 if (obj.event 'edit') { top.layer.o
阅读全文
摘要：说明 最近博客添加了搜索功能，有个需求是要针对搜索结果中搜索关键字需要高亮显示。 以便用户可以更快速的挑选自己中意的文章。 原理就是在渲染列表数据中给含有关键字的文本标签添加自定义class，渲染完毕后调用写好的高亮js方法。 实现效果 代码 // 搜索关键字高亮 var highlightKeyw
阅读全文
摘要：说明 在设计博客首页文章分类等栏目时，有时候列表内容太多往往不是一次性展示出来。此时需要添加更多功能，当点击更多标签时再展示剩余隐藏的项目。 效果 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name
阅读全文
摘要：介绍 官方开发者文档：CKEditor 4 documentation 技巧总结 1.挑选需要的插件，打包下载 参考：CKEditor 4.4.1 添加代码高亮显示插件功能--使用官方推荐Code Snippet插件_djl的专栏，blog.djl.cx好记-CSDN博客 2.config.js的常
阅读全文
摘要：最近在设计写博客功能时，涉及到留言框输入字数限制，需要给用户剩余数字提示。 参考文章：https://www.cnblogs.com/crazytrip/p/4968230.html 实现效果： 源码： <!DOCTYPE html> <html lang="en"> <head> <meta ch
阅读全文
摘要：bootstrap可以说是没有布局和审美概念的后端狗的福利。使用它的栅格系统可以轻松的对网页进行布局，而且可以做到响应式的布局。看起来很酷，接下来我就会总结自己在开发博客系统中用到的知识点及实战案例给大家，作为一个专栏管理。 知识点 栅格系统用于通过一系列的行（row）与列（column）的组合来创
阅读全文
摘要：最近在设计自己的博客，前端页面在内容很多的时候往下拖动会有滚动条。通常我们都需要一个返回顶部的功能来实现快速来到网页顶部。当然实现方式不止一种，这里我采用的最实用的一种。使用CSS+Jquery方式 代码量相对较少，容易理解。 实现原理 1.我们需要再DOM中添加自己的DIV，里面包含一个a标签，a
阅读全文
摘要：说明 最近在布局自己的博客系统，我是想练练手把时下比较流行的前后端技术串起来。同时，我会把设计和编码过程中遇到的问题或值得分享的技术点、实现方式做下总结，记录下来。本篇就是第一篇，个人能力有限，不足之处欢迎指正。大家一起交流，共同进步是我写博客的初衷。 我们知道要想让页脚DIV始终固定在底部有几种实
阅读全文
