2024-04-07结论：1.如果只做pc端，那么静态布局（定宽度）是最好的选择；2.如果做移动端，且设计对高度和元素间距要求不高，那么弹性布局（rem js）是最好的选择，一份css 一份js调节font-size搞定；3.如果pc，移动要兼容，而且要求很高那么响应式布局还是最好的选择，前提是设计根据不同的高宽做不同的设计，响应式根据媒体查询做不同的布局。_html表格自适应屏幕

https://www.qianduange.cn//article/4523.html 分类：前端知识

2024-04-05第一步：寻找你需要的地图.json文件，下载后放到目录下 留着备用（注：地点区分可以理解为是身份证号区分）；第二步：开始写代码（需要查询标点及中心点的经纬坐标）我用的是 jquery还有echarts。_echarts给地图加圆点

https://www.qianduange.cn//article/4498.html 分类：前端知识

2024-04-03推荐一些系统学习的途径和方法。每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。CodeChina开源项目：【大厂前端面试题解析 核心总结学习笔记 真实项目实战 最新讲解视频】HTML 和 CSS：识点，真正体系化！**由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新。

https://www.qianduange.cn//article/4446.html 分类：前端知识

2024-04-031. rem基础rem是一个相对单位，类似em，em是父元素字体大小不同的rem的基准是相对于html元素的字体大小比如，根元素（html）设置font-size=12px，width=12rem，则换成px就是24pxrem优点：修改html里面文字大小来改变页面的元素的大小控制整体2.媒体查询2.1 媒体查询的概念媒体查询（media query）是css3的新语法使用@media可以针对不同的尺寸设置不同的样式重置浏览器的大小，页面高度和宽度也会重新渲染页面目前_web rem

https://www.qianduange.cn//article/4423.html 分类：前端知识

2024-04-01模态框出现的时候发请求查询数据库中的字段并渲染到页面上，点击上传文件出现选择页面，监听input的change事件，触发后调用文件上传接口上传文件到后端，同时前端ui li 绑定的fileList数组新增元素，点击保存按钮调接口存储数据到数据库中。vue实例之外的部分：这个方法不写到methods里面的原因是使用了bootstrap-table插件，有些不兼容的地方，索性就写到外面。js部分：由于django框架的原因，{{}}的模板语法会和django自带的产生冲突，故改成[[]]。_前端上传文件 html 代码模板

https://www.qianduange.cn//article/4360.html 分类：前端知识

2024-03-31在以上代码中，当屏幕宽度小于 600px 时，元素每行只显示两个，并且每个元素占据 50% 的宽度，可以根据实际需求进行调整。查询可以根据不同的屏幕宽度设置不同的显示效果，使得页面在不同大小的屏幕上都能够合理地显示，并且具有良好的可读性和用户体验。实现 div 内的方格元素响应式布局，可以使用 CSS3 的。_css如何让新弹出的组件不被挤到下一行

https://www.qianduange.cn//article/4305.html 分类：前端知识

2024-03-27系统分为前台系统、后台系统。前台系统是面向用户，实现书籍查询和购买等功能，后台系统实现管理员对系统的管理和控制。用户端在把商品加入购物车后，可以填写地址及配送信息，付款方式可以选择货到付款等，同时购买后用户还可以对商品做出反馈评价，管理员端可以查看到订单详情进行管理控制等。此设计能够实现对校园的二手书籍资源有效的利用和管理，消除旧书的浪费以及管理的弊端，根据图书销售的基本流程，实现校园二手书籍销售管理的电子化。_毕业设计设计一个二手图书交易网页

https://www.qianduange.cn//article/4182.html 分类：前端知识

2024-03-24当用户点击input标签时会执行以下操作首先删除class为option1的元素然后生成一个新的option标签，设置值为hello，设置class为option1，最后将元素插入到id为dataListOption的元素后面。接着往下改造，首先将click点击时触发改为change内容改变时触发，触发事件内首先获取当前输入框的值，然后将值传给后端进行模糊查询并返回给我们数据，获取到返回的数据后删除class为option1的所有，然后for循环遍历数据，重新创建option元素。..._jquery input 实现下拉选择 支持输入功能 input

https://www.qianduange.cn//article/4099.html 分类：前端知识

2024-03-21在网上查询相关内容后，发现基本上都是使用Java作为后端时使用ECharts的词云图时有这种报错，原因是Wordcloud的版本与ECharts的版本不匹配所致，需要降低Wordcloud的版本或升级ECharts的版本。最后把pyecharts里面的echarts.min.js路径复制到我自己写的网页里，再跑就可以正常显示词云图了！最后对比了我自己写的网页文件和pyecharts生成的html文件，终于发现了问题所在：两份文件的。的网页路径是不同的，即二者的内容是不同的！_r.helper.createtextstyle is not a function

https://www.qianduange.cn//article/4048.html 分类：前端知识

2024-03-21可以看到当我们输入用户名：zhangsan 密码：123456 时，后台的数据库能够查询到，所以登录成功。可以看到，当输入数据库中已经存在的用户时，会显示用户已经存在，并且在3秒之后会跳转回原来的页面。当注册成功时，可以看到数据库中新增了对应的用户名及密码。当用户注册时前后两次输入密码不一致时也会出现提示。而当用户名和密码不匹配时则登录失败。文件名：denglu.html。我这里用的是小皮一键搭建的。文件名：denglu.php。文件名：zhuce.html。文件名：zhuce.php。_php登录页面代码

https://www.qianduange.cn//article/4034.html 分类：前端知识