- 博客(10)
- 收藏
- 关注
RSS订阅原创 响应式 Web 设计：纯 HTML 和 CSS 的实现技巧
在当今多设备、多屏幕的网络环境中，响应式 Web 设计（Responsive Web Design, RWD）已经成为构建用户友好网站的标准方法。响应式设计确保网站能够在各种设备和屏幕尺寸上提供一致的用户体验。虽然现代开发者常用 JavaScript 和框架来实现响应式设计，但本文将重点介绍如何使用纯 HTML 和 CSS 技术来实现这一目标。
2024-08-19 09:42:05
668
原创 Vue3和Vue2 watch区别
Vue 2 中的watch是在选项中声明，支持简单变量和对象的属性监听。Vue 3 中的watch使用watch函数，通过 Composition API 实现，更加灵活和可组合，支持监听多个数据和对象属性的变化。使用 Vue 3 中的watch函数能够更好地利用 Composition API 的优势，提高代码的可读性和可维护性，特别是在处理复杂的数据监听逻辑时更为方便。
2024-07-09 16:54:19
611
原创 Js和ts 的数据类型区别
JavaScript是一种动态类型语言，运行时进行类型检查，较为灵活。TypeScript是 JavaScript 的静态类型超集，编译时进行类型检查，可在开发阶段捕捉到更多潜在的错误。TypeScript 引入了额外的类型，如元组、枚举等，使得开发更加规范和可维护。在实际开发中，JavaScript 通常用于快速原型开发和前端开发，而 TypeScript 则更适合大型项目和需要严格类型约束的场景。
2024-07-09 16:31:40
512
原创 限制 el-input 输入格式（保留小数）vue3+ts
1.utils 创建文件 InputFloat.js。2.main.js 引入自定义指令。
2024-05-22 09:51:11
284
原创 this.$nextTick使用
这是一个典型的例子，假设你有一些数据变化需要更新 DOM，但你想确保在更新完毕后再执行一些操作，可以使用 $nextTick。这样可以确保你的操作在 Vue 实例已经更新了 DOM 之后执行。this.$nextTick 是 Vue.js 中的一个方法，用于在 DOM 更新之后执行回调函数。这个方法通常在你需要等待 Vue 实例更新后，再执行一些操作时使用。nextTick 确保回调函数在 DOM 更新之后执行。是为了避免直接在数据变化后立即操作。，直接操作可能拿到的是旧的。
2024-01-25 14:40:16
532
原创 vue -el 验证码input
在上述例子中，使用v-model绑定了输入框的值，通过@input监听输入事件，通过verifyCaptcha方法验证输入的验证码是否正确。你需要实现generateRandomCaptcha函数来生成随机的验证码。
2024-01-16 17:11:59
640
1
原创 vue配置开发环境.env.development 和生产环境.env.production，在前端解决跨域问题
在上面的例子中，我们使用了VUE_APP_API_BASE_URL作为API的基本URL。现在，你可以在Vue项目的代码中使用process.env.VUE_APP_API_BASE_URL来访问不同环境下的API基本URL。所有以/api开头的请求将被代理到VUE_APP_API_BASE_URL所指定的地址，并通过changeOrigin: true确保请求头中的Host字段正确。在生产环境中，你不需要配置代理，因为在生产环境下，你的前端代码和后端代码通常会部署到同一个域名下。
2024-01-11 09:00:00
1077
原创 vue鼠标放置在元素上时由下到上的文字展示的CSS动画时
首先，在你的Vue组件中，你需要有一个数据属性来控制文字是否应该显示。然后，使用标签包裹你的文字元素，并为其添加一个名为"fade"的过渡效果。接下来，定义这个过渡效果的CSS动画。，并在鼠标移入和移出事件上设置showText的值。在CSS中，我们定义了一个名为fade的过渡效果，并且为动画的入场和离场状态设置了透明度的变化。animated-text类使用CSS动画slideFromBottom，通过translateY属性实现从下到上的滑动效果。这里，我们使用Vue的包裹了一个具有条件渲染的。
2024-01-10 11:32:23
634
2
原创 2021-06-02
Promise的概述Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上 说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。1.如果p是一个pending状态的promise, 那么 res也是一个pending状态的promise，2.如果p是一个resolve状态的promise, res没有返回值， 则res是一个值为null, resolve状态的
2021-06-02 20:09:03
138
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人