- 博客(118)
- 收藏
- 关注
RSS订阅原创 css揭秘 7 结构与布局
它的默认值是 auto，其行为模式被称作自动表格布局算法，也就是我们最为熟悉的表格布局行为（就像图 7-5 那样）。其中min-content，将解析为这个容器内部最大的不可断行元素的宽度（即最宽的单词、图片或具有固定宽度的盒元素），这正是我们所希望的。一个相对较新的规范，它为 width 和 height 属性定义了一些新的关键字。， 道理很简单：如果第一项同时也是最后一项，那从逻辑上来说它就是唯一的那一项。来很方便，但对于不固定的内容来说，它们的布局其实是很难预测的。站中仍然有其不可替代的位置。
2024-08-29 11:41:34
949
原创 package.json中对peerDependencies的理解
这张图片展示的是vue-echarts的package.json的部分。这里我们可以看到peerDependencies中配置的echarts需要的是^5.4.1的，也就是同时需要安装5.x.x版本的echarts。peerDependencies只要是用来限制依赖的，最近在开发的时候有遇到这样的问题，所以研究了一下。我当时需要的问题就是。
2024-07-22 16:12:31
371
原创 canvas学习
Canvas API 提供了一个通过 JavaScript 和 HTML 的 元素来绘制图形的方式。它可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。
2024-06-14 10:57:15
684
原创 vue3 学习记录
vue3 学习记录vue3和vue2项目main.js对比常用的composition APIsetupsetup 返回值3. 返回一个对象4. 返回一个函数（渲染函数）setup() { let name = "zpp"; return { name } // return () => h("h1", "zpp"); },......
2024-06-13 15:14:21
742
1
原创 前端面试题
每个函数都会创建一个prototype属性，这个属性是一个对象，包含应该由特定引用类型的实例共享的属性和方法。实际上，这个对象就是通过调用构造函数创建的对象的原型。当我们访问一个对象的属性时，如果这个对象内部不存在这个属性，那么它就会去它的原型对象里找这个属性，这个原型对象又会有自己的原型，于是就这样一直找下去，也就是原型链的概念。原型链的尽头一般来说都是 Object.prototype 所以这就是我们新建的对象为什么能够使用 toString() 等方法的原因。
2024-06-13 14:28:39
858
原创 dayjs 获取本周第一天不是星期一怎么办
造成这一问题的主要原因是，dayjs的语言问题。我们对其进行本土化操作即可。获取到的日期是上周天，怎么解决。
2024-06-13 14:26:00
310
原创 vue-video-play使用之播放hls格式视频
playbackRateMenuButton, // 播放速率，当前只有html5模式下才支持设置播放速率。progressControl, // 点播流时，播放进度条，seek控制。vue-video-player和videojs-contrib-hls。remainingTimeDisplay, // 当前播放时间。currentTimeDisplay,// 当前播放时间。timeDivider, // ‘/’ 分隔符。playToggle, // 播放暂停按钮。
2024-05-08 11:04:51
909
原创 TS infer
先看一段ts源码看不懂没事，接下来一步步带你看懂你知道如何获取 T0 数组类型中元素的类型和 T1 函数类型中的返回值类型么？要实现上述的功能，我们可以使用 TypeScript 提供的类型模式匹配技术 —— 条件类型 + infer。条件类型允许我们检测两种类型之间的关系，通过条件类型我们就可以判断两种类型是否相兼容。而 infer 用于声明类型变量，以存储在模式匹配过程中所捕获的类型在以上代码中，
2024-01-16 14:49:33
453
原创 js中的for...of和for...in 的简单对比
tips：文章主要讲for...of的使用，穿插对比for..in的使用for of 的使用我们可以追溯到IteratorIterator接口的目的，就是为所有数据结构，提供了一种统一的访问机制，即for…of循环。当使用for…of循环遍历某种数据结构时，该循环会自动去寻找Iterator 接口。概括：有Iterator 接口的数据结构，就可以使用for…of循环；原生具备 Iterator 接口的数据结构如下。
2023-12-26 10:53:52
115
原创 要获取某一天的周一日期，要获取某个月的月底时间
要获取某一天的周一日期，你可以使用JavaScript中的Date对象和一些日期计算方法。要获取某个月的月底时间。
2023-12-01 16:57:19
124
原创 身份证号码校验
根据《新版外国人永久居留身份证适配性改造要点》，公司需要把代码中对身份证的校验进行优化。既往版本永居证号码 由三位国家和地区代码开头 + 地址码+顺数码+校验码；新版永居证号码以 9 开头 + 受理地区代码+出生日期+顺序码+校验码；format 正则可视化图片。
2023-11-22 15:04:46
2535
原创 uni-app小程序 swiper 分页器样式修改
小程序中使用 wx-swiper-dot和wx-swiper-dot-active选择器。H5中使用uni-swiper-dot和uni-swiper-dot-active选择器。
2023-11-22 14:54:26
1243
原创 iframe 多层嵌套页面跳转
假设有A、B、C和D四个h5页面，D通过iframe嵌套在C中，C通过iframe嵌套在B中，B通过iframe嵌套在A中。如果要在B所在的iframe中跳转怎么办？聪明的你一定能想到，就是多写一个parent。在上一层跳转（D页面所在iframe的父页面中跳转，即C所在的iframe中跳转）要在其上多少个层级上跳转，就写多少个parent就好了，举一反三很简单。然后现在在D中编写JavaScript代码跳转页面。在本页面跳转（D页面所在的iframe中跳转）在最外层跳转（A页面跳转）
2023-10-20 16:45:28
447
原创 uniapp使用vuedraggable 报错Cannot read property ‘id‘ of null“
Dcloud 社区找到了答案 真滴不错哦。
2023-08-04 13:30:19
495
原创 IntersectionObserver实现无线滚动和懒加载
/ 开始观察 observer . unobserve(target);// 停止观察 observer . disconnect();// 关闭观察器IntersectionObserver支持两个参数：callback是当被监听元素的可见性变化时，触发的回调函数options是一个配置参数，可选，有默认的属性值。
2023-05-30 16:32:52
920
原创 记录一些可能被忽视的html属性
HTML 中的 Spellcheck 属性是用来指定是否对元素启用拼写检查的属性。HTML中的Contenteditable属性是用来指定元素是否可编辑的属性。HTML 中的 Translate 属性是用于指定元素是否应被翻译的属性。utocomplete 属性是用于指定表单元素是否启用自动完成的属性。Inputmode属性是用于指定在文本框中输入的内容类型的属性。Download属性是用于在链接下载文件时指定文件名的属性。numeric：表示输入的数字。url：表示输入的URL地址。
2023-05-30 11:27:56
509
原创 解决合并冲突的问题
Git: pull时提示Please commit your changes or stash them before you merge.对本地的代码进行修改后，直接git pull会提示本地代码和github代码冲突，需要先commit本地代码，或者stash他们。这样操作的效果是在最新的仓库代码的基础仍保留本地的改动。git stash pop: 将刚藏起来的改动恢复。git pull:用新代码覆盖本地代码。git stash: 将改动藏起来。
2023-03-13 16:49:47
293
原创 滚动到指定行 scrollIntoView()
需求：滚动到指定行。在我苦思无果后，就把这个问题搁置了（直接摆烂）最近在啃书《javascript高考程序设计》，偶然看到一个方法，Element.scrollIntoView()，只能说妙呀。废话不多说，给大家介绍一下这方法的使用。
2022-12-20 17:02:30
690
原创 js选择排序的实现
思路选择排序的实现思路是从未排序序列中找到最小的元素，放到已排序序列的末尾，重复上述步骤，直到所有元素排序完毕。具体1）假设未排序序列的第一个是最小值，记下该元素的位置，从前往后比较2）若某个元素比该元素小，覆盖最小值的位置3）重复第二个步骤，直到找到未排序的末尾4）将未排序元素的第一个元素和最大元素交换位置5）重复前面几个步骤，直到所有元素都已经排序。代码实现
2022-12-07 13:32:27
386
1
原创 vue中含有iframe的页面如何避免路由切换时keep-alive不起作用
vue中含有iframe的页面如何避免路由切换时keep-alive不起作用
2022-11-30 13:53:15
1731
原创 JS中遍历对象属性的几种方式
为了彻底搞定对象遍历的方法，我不得不翻出我的红宝书，找到“面向对象的程序设计—创建对象”的内容，仔细的研究了一下（起因来源于，突发奇想，想彻底搞懂原型链相关的知识，结果发现了对象属性遍历的几种方式，O哈哈~）我们先创建一个对象1. 这个方法接收一个对象作为参数，返回一个包含所有可枚举实例属性的字符串数组如果你想要得到所有实例属性，无论它是否可枚举，都可以使用 方法。用 循环时，返回的是所有能够通过对象访问的、可枚举的属性，其中既包括存在于实例中的属性，也包括存在于原型中的属性...
2022-06-22 15:01:14
11156
原创 vue2项目搭建
软件安装说明：先安装node.js(node-v8.11.3-x64),再安装Git-2.18.0-64-bit，最后安装vscode。安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)基于node.js,利用淘宝npm镜像安装相关依赖在cmd里直接输入：npm install -g cnpm --registry=https://registry.npm.taobao.org，回车，等待安装…安装全局vu
2022-06-20 09:25:00
3100
原创 尚硅谷webpack学习笔记
npm init全局安装webpack和局部安装这里注意webpack版本这些资源都需要下载webpack.config.jscss提取样式文件这里需要注意webpack的版本安装css兼容性处理安装兼容性处理：帮找到中里面的配置，通过配置加载指定的css兼容性样式css压缩安装使用js语法检查https://www.npmjs.com/package/eslint-config-airbnb-base忽略一些语法检查js兼容
2022-06-20 09:04:00
714
原创 element ui 限制时间范围
//限制结束日期不能大于开始日期pickerOptions0: {disabledDate: (time) => {if (this.ruleForm.endDate != “”) {return (time.getTime() < Date.now() - 24 * 60 * 60 * 1000 ||time.getTime() > this.ruleForm.endDate);} else {return time.getTime() < Date.now()
2022-06-20 09:03:06
157
原创 vue3 Vuex数据持久化存储
import { createStore, createLogger } from 'vuex'import { user } from './modules/user'import { system } from './modules/system'import createPersistedState from 'vuex-persistedstate';import ls from '@/utils/local-storage';const debug = process.env.NODE
2022-06-20 08:49:29
1539
原创 安装craco报错 antd react 修改全局主题
antd react 修改全局主题安装craco报错npm i @craco\craco@7.0.0-alpha.3官网的命令是npm install @craco/craco，这样会导致craco版本不够新，也就是运行报错的关键，所以使用我这边的命令，安装最新版本的craco/* package.json */"scripts": {- "start": "react-scripts start",- "build": "react-scripts build",- "t
2022-06-20 08:42:16
1735
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人