前端开发
-
在Flutter Web中创建一个上传文件的页面 第一种：flutter html库操作 （2024.5.9测试） pubspec.yaml引入包： environment: sdk: '>=2.19.1 <3.0.0' dependencies: flutter: sdk: flutter http: 0.13.6 http_parser: 4.0.2 get: 4.6.5 dart页面： import 'package:flutter/material.dar
2024-12-03 -
一、项目开发需要注意的几点 1.系统布局选择非常重要，选择合适的UI能够库快速的开发 2.新增、修改前端发送json格式，所有的数据一次性发送 3.查询的复杂条件采用json格式，简单ID查询采用form-data格式 4.删除采用逻辑删除，一定要设置有效控制字段 5.页面布局要素，表格页面要分页，表单页面采用name作为区分属性 6.表单采用弹出模式 7.表单有增删改查，查询有重置，新增有判断是否为空 二、项目遇到的问题 1.没有做详细的需求分析，产品的需求一边开发一边探讨，导致开发时逻辑混乱
2024-12-03 -
一.表单的组成 表单主要有三个方面组成 1.form标签 form标签为双标签<form></form>，他负责包含负责输入数据内容标签。 包含在form表单里面的数据才可以一口气被form表单打包提交。 2.表单域 表单域负责就是form里面包裹的所有元素标签。里面填写相关的数据。 表单域里面的标签若要提交数据必须添加name属性 3. 提交按钮 一般是button标签，type=submit提交数据。 form标签属性 这里主要介绍数据提交的相关属性 action action主要是规定
2024-12-03 -
最近在写bootstrap 的导出功能，添加页脚却无法实现页脚的导出。找了许多资料也没找到，于是自己捣鼓了一下，实现了。 这样就可以出页脚的效果了 导出功能写在了html中 许多资料方框中是取下面table 的id（tb_pracAvg），但是取下面的id，页脚就不能导出了，原因是页脚中的内容，他也是一个table，所以，你导出只取上面的一个table。就不能导出页脚的table啦，所以我这是在一个div下，取2个table，就可以一块导出了 导出结果就可以啦
2024-12-03 -
前端无法像原生APP一样直接操作本地文件，否则的话打开个网页就能把用户电脑上的文件偷光了，所以需要通过用户触发，用户可通过以下三种方式操作触发： 第一种是最常用的手段，通常还会自定义一个按钮，然后盖在它上面，因为type="file"的input不好改变样式。如下代码写一个选择控件，并放在form里面： <form> <input type="file" id="file-input" name="fileContent"> </form> 然后就可以用FormData获取整个
2024-12-03 -
滚动穿透的现象 在开发中我们可以观察到这么一种现象，当用户在屏幕上某个可滚动区域滚动时，如果滚动到当前区域滚动边界时会带动其他区域进行滚动，直观表现是在进行博客评论时，滑动textarea会带动博客一起滑动，另一种是屏幕有一个浮窗，滑动浮窗会导致浮窗之下的元素进行滚动 scroll chain 这种子元素会带动其包含块元素进行滚动的形象被称为滚动链，W3C中明确：滚动容器的滚动位置达到滚动边界即可滚动区域的末端时会导致其他内容或整个页面滚动，这种持续滚动的体验被称为滚动链 在博客上评论时，你
2024-12-03 -
第一种方法： html代码： <ul> <li class="imgs"><img src=""/></li> .... </ul> css部分：（需先将图片设为不可见） .imgs{ display: none; } js代码如下： window.onload = function() { var imgs = document.getElementsByClassName('imgs'); var i=0; //让第一张图片先可见 imgs[i].style.display
2024-12-03 -
在beforeRouteEnter导航钩子执行时，即将进入组件实例对象并没有被建立，但是可以通过next(callback)回调函数的方式获取组件实例对象，如下： //vm就是即将进入的组件实例对象 beforeRouteEnter (to, from, next) { getPost(to.params.id, (err, post) => { next(vm => vm.setData(err, post)) }) }, 注意，该回调函数会在即将进入的组
2024-12-03 -
vue 解决axios请求出现前端跨域问题 首先祝大家1024节日快乐 最近在写纯前端的vue项目的时候，碰到了axios请求本机的资源的时候，出现了访问报404的问题。这就让我很难受。查询了资料原来是跨域的问题。 在正常开发中跨域问题有很多的解决方案。最常见的就是后端修改响应头。但是前端也可以解决，通过反向代理。为了防止下一次这样的错误出现，记录一下，总结一下。 所以现在我们来复盘一下，然后解决掉。 一、为什么会出现跨域的问题？ 跨域：浏览器从一个域名的网页去请求另一个域名的资源时，域名、端
2024-12-03 -
最火的框架，国内最火的前端框架之一。 性能提升，运行速度是vue2的1.5倍。 体积更小，按需编译体积vue2要更小。 类型推断，更好的支持ts这个也是趋势。 高级给予，暴露了更底层的API和提供更先进的内置组件。 一个vue3+vite的小例子 使用api连接后端数据，实现增删改查，模糊查询操作！
2024-12-03