小徐不会写代码-优快云博客

原创成绩案例demo

本案例较为简单，用到的知识有 v-model、v-if、v-else、指令修饰符.prevent .number .trim等、computed计算属性、toFixed方法、reduce数组方法。涉及的功能需求有：渲染、添加、删除、修改、统计总分，求平均分等。

2025-02-02 22:36:09 238

button @click="clear" class="clear-completed">清空任务</button>{ id: 1, name: "吃饭" },{ id: 2, name: "打豆" },{ id: 1, name: "吃饭" },{ id: 2, name: "打豆" },{ id: 1, name: "吃饭" },{ id: 2, name: "打豆" },{ id: 1, name: "吃饭" },{ id: 2, name: "打豆" },

2025-02-01 12:52:07 910

原创 elementUI,设置日期,只能选择过去的和今天的日期

在 el-date-picker 组件中加：:picker-options="pickerOptions"range-separator="至"<el-form-item label="票据生成日期：">

2024-10-16 18:40:59 527

原创 vue 实现tab菜单切换

实现切换tab菜单，激活状态，按钮高亮，显示对应的菜单内容。

2024-09-17 00:54:14 800

原创原生 input 中的 “type=file“ 上传文件

目标：实现文件上传功能。

2024-09-11 15:07:58 976

原创 vue2 - 文件预览、下载

目标：显示附件文件名，多个文件则用顿号隔开，点击文件可预览或下载文件。

2024-09-10 14:59:31 1073

原创 material 文本框

/ input 聚焦时只显示下划线。// input:valid 表单验证。

2024-08-11 10:34:35 324

原创 git commit 提交报错

只要跳过 eslint 校验就可以了，即加。原因：开启了 eslint 校验。

2024-08-08 15:37:34 659 1

原创 Webpack基本配置

Webpack 是一个流行的模块打包工具，它可以将你的应用程序的各种资源（如 JavaScript、CSS、图片等）打包成一个或多个优化过的文件，以便于浏览器加载。在项目根目录下创建一个名为 webpack.config.js 的文件，这是Webpack读取配置的默认文件名。如果需要处理其他类型的文件（如CSS、图片等），你需要安装相应的loader。filename: 'bundle.js', // 打包后的文件名。entry: './src/index.js', // 打包入口文件。

2024-06-06 15:58:32 432

原创什么是防抖与节流？应用场景举例

防抖（Debounce）和节流（Throttle）是JavaScript中用于优化性能的技术，特别是在处理高频事件（如窗口滚动、输入事件、resize事件等）时，以避免过于频繁地执行回调函数，从而节省资源和提高应用响应速度。：防抖函数确保在最后一次操作后的一段指定时间（如300毫秒）内，如果不再有新的操作，才会执行回调函数。防抖是延迟执行，只有在事件触发的频率降低到一定程度后才会执行，而且如果事件持续触发，之前的所有执行都会被取消。节流是间隔执行，保证在特定时间内至少执行一次，不论事件触发的频率如何。

2024-06-03 14:10:46 1238 1

原创找出字符串中出现最多次数的字符以及出现的次数

是JavaScript中获取字符串中特定位置字符的方法，表示获取当前的字符。

2024-06-02 21:48:21 345 1

原创多维数组找最大值

调用JavaScript的一个内置函数：Math.max()

2024-06-02 21:08:48 340

原创一个盒子不给宽度和高度如何实现水平垂直居中？

水平垂直居中

2024-06-02 11:42:18 476

原创 CSS双飞翼布局

比如：写一个左中右布局占满全屏，其中左、右两块固定宽 200px，中间自适应，要求先加载中间块。双飞翼布局是一种经典的CSS布局模式，主要用于实现左右两列固定宽度，中间列自适应的布局。左右 200px 中间自适应。

2024-06-01 23:21:16 503

原创什么是BFC?

1、BFC：又叫块级格式化上下文（block formatting context），就是页面上一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。可以通过触发BFC解决问题：overflow: hidden;或者position: absolute;2、BFC的原则：如果一个元素具有BFC，那么内部元素再怎么弄，都不会影响到外面的元素。display的值为：inline-block、table、table-cell 等等。position的值为：absolute、fixed。

2024-06-01 22:33:33 348

原创 TypeScript基础

1.1TypeScript 是什么：Type + JavaScriptTypeScript（简称：TS）是 JavaScript 的超集（JS 有的 TS 都有）。在 JS 的基础之上，为 JS 添加了类型支持TypeScript 是微软开发的开源编程语言，可以在任何运行 JavaScript 的地方运行1.2 TypeScript为什么要添加类型支持？背景：JS的类型系统存在先天缺陷，JS代码中绝大部分错误都是类型错误（UncaughtTypeError）

2024-05-31 17:45:24 922

原创小程序-滚动驱动动画

scrollSource: '#scroller', // scroll-view 的选择器。// 页面渲染完毕，绑定动画效果 onReady 相当于 vue 中的onMounted。startScrollOffset: 0, // 开始滚动偏移量。endScrollOffset: 50, // 停止滚动偏移量。timeRange: 1000, // 时间长度。// 获取当前页面实例，数组最后一项。// 动画效果,导航栏返回按钮。// 动画效果,导航栏标题。

2024-05-27 00:21:50 416

原创小程序-购物车-基于SKU电商规格组件实现

加入购物车 </view><view class="buynow" @tap="openSkuPopup(SkuMode.Buy)"> 立即购买

2024-05-25 17:33:32 2250

原创在uni-app 插件市场下载 SKU 插件之后，引入项目报错问题

在<script> 标签下面添加 /* eslint-disable */原因：项目使用了 eslint 语法检查。解决：禁用 eslint 语法规则。

2024-05-24 14:47:53 225

原创小程序-收货地址管理模块实现

实现思路：使用 uni-swipe-action 侧滑组件 --> 绑定删除事件 --> 二次确认删除 --> 调用删除地址API。实现思路：封装 API 接口 --> 定义参数类型 --> 点击保存调用接口 --> 成功提示 --> 返回上一页。(有) --->初始化调用 --> 表单数据回显。点击保存按钮调用接口 --> 成功提示 --> 返回上一页： address-form.vue。address-form.vue --->新建地址和修改地址页面。

2024-05-23 20:55:07 3372 3

原创小程序-修改用户头像

/ 调用拍照 / 选择图片。1、调用拍照 / 选择图片。

2024-05-22 11:47:10 1003

原创面向过程与面向对象

在面向过程思想中，我们编写的代码都是一些变量和函数，随着程序功能的不断增加，变量和函数就会越来越多，此时容易遇到命名冲突的问题，由于各种功能的代码交织在一起，导致代码结构混乱，变得难以理解、维护和复用。而利用面向对象思想，我们可以将同一类事务的操作代码封装成对象，将利用到的变量和函数作为对象的属性和方法，然后通过对象去调用，这样可以使代码结构清晰、层次分明。定义：已完成一件事情来说，面向过程思想注重的是具体的步骤，只有按照步骤一步一步执行，才能完成这件事情。

2024-05-19 14:30:20 328

原创小程序-图片大图预览和轮播交互

mainPictures, // 需要预览的图片链接列表数组。current: url, // 当前显示图片的链接。-- 商品主图 -->轮播图变化-更新下标。

2024-05-19 10:57:08 529

原创小程序-生成页面骨架屏

骨架屏是页面的一个空白版本，通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容。是就显示骨架屏，不是就显示正常组件(页面)骨架屏作用是缓解用户等待时的焦虑情绪，属于用户体验优化方案。微信开发者工具提供了自动生成骨架屏代码的能力。将这两个文件复制到vscode中，转成组件。-- 热门推荐面板 -->-- 分类面板 -->-- 猜你喜欢 -->-- 轮播图 -->-- 自定义导航栏 -->-- 骨架屏 -->数据加载完成，正常显示页面。// 是否显示骨架屏。

2024-05-17 20:48:39 1092

空空如也

空空如也