- 博客(144)
- 收藏
- 关注
RSS订阅原创 常用工具函数
数字转中文function numberToEnglish(num) { if (num < 0 || num > 999999999) { return 'Number out of range'; } const ones = ['zero', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine']; const teens = ['eleven', 'twelve', 'th
2023-11-28 17:32:00
476
原创 你需要知道的 TypeScript 高级类型3(小结)
泛型语法为函数名字后面跟一个<参数名>参数名可以随便写，例如这写了T，当我们使用函数的时候把参数类型传进去就可以了，也就是动态类型。使用泛型前// number类型function num(a: number, b: number): Array<number> { return [a, b]}num(1, 2)//string类型function str(a: string, b: string): Array<string> { return
2022-05-26 16:53:07
147
原创 vue原理--让每一个属性都可以被观测（Observer类实现）
html<!-- * @Autor: CQJ * @Date: 2022-05-23 14:59:59 * @LastEditors: CQJ * @LastEditTime: 2022-05-23 15:09:49 * @Description: --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equi
2022-05-23 15:17:35
287
原创 商品属性sku
效果思路数据格式{ json1: [ ["红⾊", "黄⾊", "蓝⾊"], ["S", "M"], ["棉的", "涤纶"], ],json2: [ { color: "红⾊", type: "S", mianliao: "棉的", price: 100, },{ color: "红⾊", type: "M", mianliao: "棉的", price: 200, },{ color: "红⾊", type: "S", mianliao: "涤纶", price: 300, },{ color
2022-05-23 12:11:44
328
原创 深入v-model
v-model在vue3中属于破坏性更新v-model在组件里面也是很重要的v-model 其实是一个语法糖 通过props 和 emit组合而成的1.默认值的改变prop：value -> modelValue；事件：input -> update:modelValue；v-bind 的 .sync 修饰符和组件的 model 选项已移除新增 支持多个v-model新增 支持自定义修饰符父组件<template> <!-- <Layout /&g
2022-05-07 15:09:08
355
原创 关于vue props 传值，子组件修改props数据，父组件数据随之改变的问题
1.最近完成一个table列表，控制cloumn的显示隐藏的功能时，发现一个问题，记录一下首先问题是：通过父组件传递一个array数据下去给到子组件,数据格式大概是这个样子// 列信息 columns: [ { key: 0, label: `付款时间`, visible: true }, { key: 1, label: `订单号`, visible: true }, { key: 2, label: `消费商家`, visible:
2022-04-15 12:07:48
2851
转载 vue实现多语言功能
详细步骤安装vue-i18nnpm install vue-i18n -S在main.js中引入vue-i18nimport VueI18n from 'vue-i18n'Vue.use(VueI18n)定义语言文件const messages = { //简体中文 cn: { message: { hello: '你好', author: '龙的传人' } }, //英文 en: { message: { h
2022-03-30 17:59:08
5174
转载 Git 基础命令 ( 查看提交记录 git log | 版本回滚 git reset | 撤销回滚 git reflog )
https://hanshuliang.blog.csdn.net/article/details/121787803?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1.pc_relevant_paycolumn_v3&depth_1-utm_source=distribute.pc_relevant_t0.none-task
2022-02-08 09:44:13
144
原创 vue,html页面滚动切换(走马灯)
vue:<!-- * @Description: * @Version: 2.0 * @Autor: CQJ * @Date: 2022-01-21 08:52:38 * @LastEditTime: 2022-01-21 08:52:38 * @LastEditors: CQJ--><template> <div id="wrap" :style="{ height: screenHeight + 'px' }"> <div id=
2022-01-21 08:58:01
855
转载 你需要知道的 TypeScript 高级类型2(小结)
类型推断：如果没有明确的指定类型，TS会依照类型推论（Type Inference）的规则推断出一个类型：let myFavoriteNumber = 'seven'; //无错myFavoriteNumber = 7; //Type 'number' is not assignable to type 'string'.注意：与声明不赋值区分，声明不赋值会设为任意值类型：any联合类型联合类型使用 | 分隔每个类型，表示可以赋值为其中的一种。let
2022-01-18 12:03:42
203
转载 你需要知道的 TypeScript 高级类型(小结)
前言对于有 JavaScript 基础的同学来说，入门 TypeScript 其实很容易，只需要简单掌握其基础的类型系统就可以逐步将 JS 应用过渡到 TS 应用。// jsconst double = (num) => 2 * num // tsconst double = (num: number): number => 2 * num然而，当应用越来越复杂，我们很容易把一些变量设置为 any 类型，TypeScript 写着写着也就成了 AnyScript。为了让大家能更加
2022-01-18 10:48:50
287
原创 使用quicktype 生成ts接口
首先 接触ts一段时间发现最费时间的就是写接口这些，最近呢。。。了解到一可以将json转为ts接口的工具，怎么说呢？哎呀 真香废话不多说，进入主题quicktype就是它，一个json转ts接口的工具，当然这只是众多功能之一官网介绍首先要使用它，你需要先安装，懂得都懂npm install -g quicktype然后已知接口是：https://ecomm-products.modus.workers.dev ,可以通过json工具查看数据格式然后cd 进入项目目录 精髓来了，
2022-01-13 17:45:31
970
原创 vue3+ts 绑定props 默认值的方式：withDefaults
withDefaults作用是给defineProps绑定默认值的api父组件<template> <TsSample :msg='msg' @on-updated='onUpdated' title='title' @on-delete='onDelete'/> </template>子组件<template> <h1>ts sample</h1> <p>{{ msg }}</p>
2021-12-17 10:35:08
47312
6
原创 3.vue中key的作用和工作原理？
你知道vue中key的作用和工作原理吗？说说理解唯一的确定dom元素，从而执行diff算法的时候更高效源码中找答案：src/core/vdom/patch.js-updateChildern()测试代码：<body> <div id=" demo"> <p v-for="item in items" :key="item">{{item}}</p> </div> <script src="../ . ./dist/vue.
2021-12-06 17:34:26
2263
原创 2.vue组件data为什么必须是一个函数，而vue的根实例则没有限制
源码中找答案：src/core/instance/state.js-initData()多实例的情况下，为了保证大家的状态的不污染、不干扰 需要是一个函数函数每次执行都会返回新的data对象实例测试代码：<html> <head> <title>Vue事件处理</title> </head> <body> <div id="demo"> <h1>vue组件data为什么必须是个函数?
2021-12-06 17:04:51
472
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人