- 博客(37)
- 资源 (8)
- 收藏
- 关注
RSS订阅
原创 Vue 3.0 改变简介
V3.0 对 v2.0 兼容，原 2.0 的功能特性仍然可以继续使用，同时可以使用 V3.0 Composition API 新特性进行开发。Vue Composition API1 Vue (@vue/cli - 4.x)1.1 Vue 初始化2.0版本通过 new 关键字 声明一个 Vue实例// 2.0 Vue 初始化import Vue from 'vue';import App from './App.vue';import router from './rout.
2021-03-23 15:21:44
461
转载 跨域请求问题
跨域问题：Php文件头部添加字段：header('Access-Control-Allow-Methods:OPTIONS, GET, POST');header('Access-Control-Allow-Headers:x-requested-with');header('Access-Control-Max-Age:86400'); header('Access-Contro...
2018-08-16 10:33:30
201
原创 css-loader/style-loader/less-loader/sass-loader/postcss-loader各有什么作用，一次性说明白
简单介绍sass-loader、less-loader、postcss-loader、css-loader、style-loader起到什么作用
2024-09-11 09:20:30
1572
原创 Vue3-响应式原理解析
vue3 与 vue2 主要差异之一无疑是响应式实现上的改变。本文主要阐述响应式原理的实现方式解析以及核心源码阅读的注释理解。本文主要对响应式实现原理进行逻辑梳理，舍弃枯燥无味的代码，只用图解/文字进行功能描述，具体实现请自行阅读。保重！！！如果问题，虚心求教，还请指出！！！
2024-08-21 10:58:21
804
原创 下拉表格选择器ReTableSelect组件（API）
基于封装的ReTable组件以及ElementPlus自带的Popover组件实现的下拉表格选择器ReTableSelect组件，下拉框交互与展示尽量同ElSelect一致，保留相同的配置项，同时针对ReTable的交互增加对应特例属性配置。
2024-08-20 17:41:03
856
原创 页面级的分页表格组件RePageTable（API）
基于分页组件ReTable组件扩展的页面级表格分页组件，用于快速构建表格页面功能，搭配搜索表格组件可以快速的开发一个搜索分页页面功能。
2024-08-17 16:26:27
890
原创 基于ElementPlus的分页表格组件ReTable
基于ElTable/ElPagination组件实现分页表格ReTable组件，单独抽离分页处理hook方法方便功能扩展。分页表格支持本地数据分页也支持远程请求方式，通过配置的方式进行表格的渲染。
2024-08-17 16:22:11
944
原创 查询条件表单组件ReSearchForm（API）
基于动态表单实现的查询条件表单，可以通过配置的方式快速构建页面的查询条件，搜索条件支持响应网格布局，可以简单的进行页面尺寸适配，同时也支持展开/折叠功能。
2024-08-15 14:56:16
954
原创 动态表单组件ReForm
基于Element Plus实现的动态表单组件，支持网格布局、带分组表单，同时扩展成查询条件表单、抽屉表单、模态框表单。内附github源码地址，可自行拿取。注意一些依赖包，如lodash-es等。
2024-08-15 14:52:36
1268
原创 虚拟滚动列表组件ReVirtualList
基于ReList高级列表组件，扩展了虚拟滚动思想，可以解决大量列表数据渲染或者列表组件比较复杂的情况下渲染性能问题。虚拟滚动的思想还是值得学习！
2024-08-15 14:27:38
829
原创 高级列表组件ReList
基于JSX（TSX）实现的高度动态的列表组件，允许通过metas配置项自定义列表项的信息展示，支持的配置组合起来能够满足绝大部分的列表展示布局，弥补了ElementPlus没有的列表组件缺陷。
2024-08-15 14:25:19
919
原创 可编辑表格组件ReEditTable（API）
基于分页表格ReTable扩展的可编辑表格，组件内通过构造单元格渲染方法实现表单控件的渲染，实现多种可编辑表格交互方式，可以满足绝大部分的编辑场景。
2024-08-15 14:19:35
1087
原创 Vue2.x + Antd + mock 项目实战
项目说明介绍环境"vue-cli": 3.0涉及主要插件 "ant-design-vue": "^1.7.2", "axios": "^0.21.1", "core-js": "^3.6.5", "crypto-js": "^4.0.0", "echarts": "^5.0.2", "lodash": "^4.17.21", "moment": "^2.29.1", "nprogress": "^0.2.0", "resize-o
2021-04-24 18:28:22
829
转载 js的原型和原型链
js的原型和原型链基本构造函数function Person() {}var person = new Person();person.name = 'Kevin';console.log(person.name) // Kevinprototype每个函数都有一个 prototype 属性每一个JavaScript对象(null除外)在创建的时候就会与之关联另一个对象，这个对象就是我们所说的原型,每一个对象都会从原型"继承"属性。function Person() {}// p
2021-04-19 17:44:13
128
转载 css 进阶-变量的使用
css 进阶-变量的使用其实，不用使用less、sass，css也支持自定义变量，也叫定制变量或级联变量。通常使用自定义属性符号（例如--main-color: black;）来设置它们，并使用var()函数（例如）来访问它们，color: var(--main-color);浏览器兼容很不幸，IE全线不支持（需要考虑IE兼容的可长点心）基本使用定义使用以 双连字符（--） 开头的自定义属性名称和可以是任何有效CSS值的属性值来声明自定义属性。element { --main-b
2021-04-19 17:43:08
359
转载 github项目徽标
转载：本文来自GitHub徽标，GitHub Badge，你也可以叫它徽章。就是在项目README中经常看到的那些表明构建状态或者版本等信息的小图标。就像这样：这些好看的小图标不仅简洁美观，而且包含了清晰易读的信息，在README中使用小徽标能够为自己的项目说明增色不少！如何给自己的项目加上小徽标呢？一、关于徽标徽标图片分左右两部分，左边是标题，右边是内容，就像是键值对。GitHub徽标官网是 https://shields.io/图标规范二、如何添加动态徽标动态徽标是指如果项目状态发生
2021-04-16 15:51:15
1237
转载 TinyMC编辑器简介
TinyMC编辑器简介TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。跟其他富文本编辑器相比，有着丰富的插件，支持多种语言，能够满足日常的业务需求并且免费。TinyMCE的优势：开源可商用，基于LGPL2.1插件丰富，自带插件基本涵盖日常所需功能接口丰富，可扩展性强，有能力可以无限拓展功能界面好看，符合现代审美提供经典、内联、沉浸无干扰三种模式（详见“介绍与入门”）对标准支持优秀（自v5开始）多语言支持，官网可下载几十种语言。下图为开启全部功能的截图可.
2021-04-03 15:03:15
1381
原创 Element resize 监听
resize-observer-polyfill元素新增字段 \_\_resizeListeners\_\_ 存放 resize 事件回调元素新增字段 \_\_ob\_\_ 存放新增 resize-observer 实例对象使用resize-observer 实例对象 监听（调用 observe 实例方法）监听当前元素ResizeObserver 类实例化：new ResizeObserver(handler) 接收回调函数实例方法：ro.observe(Element) 监听节点r
2021-04-03 11:40:13
625
原创 scrollTo 平滑滚动
scrollTo作用Element 的 scrollTo() 方法可以使界面滚动到给定元素的指定坐标位置。使用element.scrollTo(x-coord, y-coord)x-coord 滚动到位置水平轴上距元素左上角的像素。y-coord 滚动到位置竖直轴上距元素左上角的像素。element.scrollTo(0, 1000);element.scrollTo(options)options 是一个ScrollToOptions对象。ScrollToOption
2021-04-02 22:30:52
2380
原创 Cookie、Session、localStorage、sessionStorage介绍
Cookie(4KB)(保存在客户端)介绍“Cookie”是小量信息，由网络服务器发送出来以存储在网络浏览器上，从而下次这位独一无二的访客又回到该网络服务器时，可从该浏览器读回此信息。Cookie 是个存储在浏览器目录的文本文件，当浏览器运行时，存储在 RAM 中。一旦你从该网站或网络服务器退出，Cookie 也可存储在计算机的硬驱上。当访客结束其浏览器对话时，即终止的所有 Cookie。为什么使用标记用户状态首先我们要知道一个概念，web程序是使用HTTP协议传输的，而HTTP协议是
2021-04-01 19:27:54
772
原创 node-sass安装失败
试了一个多小时真的有一种还没开始就要放弃的冲动，less其实也够用，为什么要搞这个1、重点：安装失败，先检查Node环境版本号、还有 node-sass 安装的版本号版本之间有要求，这是重点问题版本对应修改版本号重新安装，如果还是失败…2、修改镜像使用淘宝镜像源（推荐）npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/// 也可以设置系统环境变量的方式。示例// linux、.
2021-03-25 16:51:50
329
原创 javascript 实现 Alert
/** 用法* 引入 Alert.js 文件** 使用对象 Alert 的内置方法 .info(), .success(), .warning(), .error();* Alert.info(params)* Alert.success(params)* Alert.error(params)* Alert.warning(params)** 参数说明* message: 显示消息 string 必填* callback: 回调函数 function 选填 （执行操作成功需要额外.
2021-03-24 14:54:31
412
原创 Cookie 域名相关
Cookie 域名相关cookie无法设置除当前域名或者其父域名之外的其他domain.这个是浏览器出于对cookie的保护造成的，也就是cookie无法跨域设置。对于子域名也有如下规则，当前域名只能设置当前域名以及他的父域名，不能设置子域名，如在 www.wo.cao.baidu.com 域名下只能设置 cao.baidu.com, baidu.com 不能设置 da.jia.wo.cao.baidu.com 的 cookie。cookie 参数详解js设置cookiedocument.co
2021-03-24 14:12:25
927
原创 基于Vue-2.x 自定义拖拽组件Draggable
基于Vue2.x版本的拖拽组件目前只适用垂直方向拖拽放置使用1. 简单使用<template> <div class="list-container"> <div class="list"> <Draggable v-model="list" :getContainer="getContainer"> <div v-for="item in list" :key="item" class=..
2021-03-24 13:34:53
479
原创 Git tag 打标签
Git - tag1.显示所有的taggit tag2.查看指定版本匹配的taggit tag -l 'feature-1.*.*'3.创建标签简单git tag faeturen-1.0.0完整git tag -a faeturen-1.0.0 -m "迭代: 1.0.0"4.查看标签的详情 - 会现实commit提交记录git show faeturen-1.0.04.推送标签推送指定taggit push origin faeturen-1.0.
2021-03-23 15:20:22
149
原创 Git - clone 仓库拷贝
Git - clone 仓库拷贝克隆old仓库到本地 --baregit clone --brae old.git在 git 上新建一个远程仓库 new.git以镜像推送的方式推送 克隆仓库代码old 到 新仓库new进入克隆的本地仓库oldcd old.git以镜像推送的方式推送本地仓库old到新的远程远程new git push --mirror new.git删除本地克隆仓库oldcd ../rm -rf old.git克隆新仓库new到本地git clon
2021-03-23 15:19:40
186
原创 Vue-resource
Vue-resourcevue-resource特点体积小：vue-resource非常小巧，在压缩以后只有大约12KB，服务端启用gzip压缩后只有4.5KB大小，这远比jQuery的体积要小得多。 支持主流浏览器：和Vue.js一样，vue-resource除了不支持IE 9以下的浏览器，其他主流的浏览器都支持 支持Promise API和URI Templates：Promise是ES6的特性，Promise的中文含义为“先知”，Promise对象用于异步计算。 URI Templates
2021-03-23 15:18:32
414
原创 require.content
require.contextrequire.context(directory, useSubdirectories, regExp)directory: 要查找的文件路径 useSubdirectories: 是否查找子目录 regExp: 要匹配文件的正则Example1.引入目录模块 .js文件 const modules = require.context('./modules', false, /\.js$/)2.modules.keys() 返回目录文件模块名称
2021-03-23 15:17:09
1378
原创 nrm使用
## nrmnrm(npm registry manager )是npm的镜像源管理工具，有时候国外资源太慢，使用这个就可以快速地在npm源间切换## 安装nrm`npm install -g nrm`## 使用### 查看可选的源命令-`nrm ls`带*的是当前使用的源，上面的输出表明当前源是官方源。```javascrip*npm ---- https://registry.npmjs.org/cnpm --- http://r.cnpmjs.org/ta..
2021-03-23 15:15:05
228
转载 设置两个div等高、文字居中
div等高：方法1：给父元素样式添加：display: -webkit-box;方法2：给div添加：display: table-cell;文字居中：.div{background-color: red;height: 100px;width: 60px;text-align:center; /* 水平居中 */line-height: 100px; /* 垂...
2018-08-16 10:43:10
347
虚拟swiper解决方案
2025-04-02
vue2学习ppt-基于sliderv
2024-08-15
useVirtualScroll hook
2024-08-15
响应式媒体查询匹配hook
2024-08-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人