前端开发
-
一 emmet ① 讲解内容导读 ② 1) 它是一组'专门'用来提高编写 'HTML 和 CSS'前端代码速度的便利工具 --> "高效" 2) 将它整合进文本编辑器,可以提供一些'功能和快捷'方式,'加快'开发速度 3) 提供包括 'WebStorm'、'Sublime Text'、Notepad++、'VS code'、Dreamweaver等的插件 4) 重点： 使用'缩写'来提高'html/css'的编写速度 Webstorm默认'格式化'快捷键: ctrl +
2024-12-03 -
上期文章小阿飞带大家使用easyui制作了表格数据的分页展示和模糊查询 回顾： 本期文章就是在上期文章的基础上对表格中的数据进行了增加、删除、修改功能 先看效果图： 点击《凡人修仙传》的删除按钮后就会把这一行数据从页面和数据库中删除 已经没有《凡人修仙传》了： 点击增加按钮后填上你要增加的内容点击保存就可以了 点击修改按钮后： 这是修改先的行数据内容 这是要修改的内容 点击保存后就修改成功了： 这是本期文章所使用的jar包，比之前的jar包多了几个哦 实现代码： 前端界面代
2024-12-03 -
一、HTML页面通过ajax发送http请求 前端有个普通的HTML页面，如下。 页面引入了jquery，页面有个表格 通过ajax发送请求 window.onload(function requestData(){ $.ajax({ url: "要访问的地址", type: "post", dataType: "json", success: function(data){ /*这个方法里是ajax
2024-12-03 -
业务中有时候会碰见多个表单一起提交的场景,每个表单都有校验，官方文档中没有看到这种解决方法 我们可以用promise.all来处理 多个表单校验 – 定义每个表单验证的规则和名称 //基本信息表单验证 const basicFormRef = ref<FormInstance>() const basicRules = reactive<FormRules>({ workArea: [{ required: true, message: '请选择社区', trigger: 'change'
2024-12-03 -
我们最常用的 还是overflow: hidden.这种方法通常对布局和样式的影响最小。 用途： 比如这个灰色的边框，萎缩在页面顶端，它本该包住橙色盒子123的，但是却没有包住，加了overflow: hidden之后才能实现BFC，包住橙色盒子123 <!DOCTYPE html> <html lang="en"> <head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content
2024-12-03 -
PakePlus是一个开源免费的软件，支持 Mac、Windows 和 Linux，很快也将支持 Android 和 iOS。无需在本地安装复杂的依赖环境，只需要一个Github Token就可以了。查看 README 以获取热门包和自定义开发信息。欢迎在讨论区分享你的建议。
2024-12-03 -
在django的web开发过程中，编写html时，从后端传入同名列表变量，但是内容格式有所区别，需要分别判断，查阅了很多文章试了好几种方法，格式似乎都不太对（本人没有系统学习过前端，基本都是照葫芦画瓢） 后来找到django框架下html的if用法 形式大致如下 <div class="if/else"> {% if formname == 'Callrecords'%}
2024-12-03 -
现在用来手写实现vue的简单功能，主要就是可以和Vue一样渲染页面，这个是很简单的一个，没有实现指令操作，想看指令操作的可以看一下我的github： 这是html代码 <div id="app"> <p>姓名：{{name}}</p> <p>年龄：{{age}}</p><button onclick="vm.age++">增加年龄</button> <dl> <dt>住址</dt> <dd>
2024-12-03 -
首先明确一点：form表单下，如果是针对form元素进行提交，整个页面都会刷新。 所以出现的问题是：当用户往输入框内输入内容分后，按回车或者点击提交按钮，往当前页面输出内容的局部刷新会被之后的整个页面刷新给刷掉。 为了阻止整个页面刷新而保留局部刷新，我们可以使用以下方法： 方法一：（推荐）在js里form表单用submit()，最后return false <script type="text/javascript"> $(document).ready(function(){ $("#
2024-12-03 -
鸿蒙NEXT开发实战往期必看文章： 介绍 本示例主要通过List组件绑定Scroller滚动控制器和LazyForEach数据懒加载来实现纵向横向列表联动，该场景多用于汽车参数对比，股票信息查看。 效果图预览 使用说明 实现思路 本示例通过将每一个List绑定不同的Scroller对象，通过控制Scroller对象的滚动偏移量，使同一方向滚动的List的滚动量保持一致，实现横向纵向列表联动。 创建BasicDataSource类，LazyForEach加载数据。顶部列表，底部左侧
2024-12-03