- 博客(42)
- 收藏
- 关注
RSS订阅原创 【brafteditor富文本增加自定义字体，保存后再打开字体失效问题】
【代码】【brafteditor富文本增加自定义字体，保存后再打开字体失效问题】
2024-04-26 14:05:14
184
原创 js常用的数组方法filter、some、includes、map、reduce
【代码】js常用的数组方法filter、some、includes、map、reduce。
2023-09-14 14:21:07
461
原创 防抖和节流
1、防抖是触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。适用于可以多次触发但触发只生效最后一次的场景。2、节流是高频事件触发，但在n秒内只会执行一次，如果n秒内触发多次函数，只有一次生效，节流会稀释函数的执行频率。
2023-08-21 15:22:08
136
原创 将数组按照某个对象分类，结果值的json的值按照value递增排序
2、array.sort((a, b) => a.value - b.value)可以将数组按照某个值排序，将数组按照type类型分类，结果按照value排序。只能用于数组，得到的是。a.value - b.value是。b.value - a.value是。
2023-08-09 17:09:23
210
原创 @monaco-editor/react组件CDN加载失败解决办法
monaco-editor/react引入这个cdn资源会load失败。网上很多例子都是这样写的，我这样写monaco会报错。
2023-07-28 16:35:10
2287
1
原创 git常见bug及其解决方案
git status 查看状态中是否有效忽略了git add命令主要用于把我们要提交的文件的信息添加到索引库中；git commit命令是git将依据索引库中的内容来进行文件的提交。git add -u []: 把中所有tracked文件中被修改过或已删除文件的信息添加到索引库。它不会处理untracted的文件。git add -A: []表示把中所有tracked文件中被修改过或已删除文件和所有untracted的文件信息添加到索引库。省略表示.,即当前目录git add -i []命令查看中被
2022-12-05 16:02:29
2112
原创 jquery设置元素的显示、隐藏
(“#id”).show()表示为display：block;$(“#id”).hide()表示为display:none;$(“#id”).toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，则切换为可见的。
2022-08-25 15:56:11
6293
原创 css动画transition、transform、animation
css动画transition、transform、animation1、transition2、transform3、animation1、transitiontransition: [属性名] [持续时间] [速度曲线] [延迟时间];过渡效果• linear匀速过渡• ease缓进缓出• ease-in• ease-out• ease-in-out• cublic-bezier(n,n,n,n)贝塞尔曲线1、单个属性过渡transition: CSS属性名1 过渡时间 过渡效果
2022-05-06 13:46:53
281
原创 二进制、八进制、十进制、十六进制互相转换
二、八、十六向十进制转换用乘法十进制向二、八、十六进制转换用除法二进制转为八进制：每三位为一位八进制八进制转为二进制：每一位转为三位二进制二进制转为十六进制：每4位为一位16进制十六进制转为二进制：每一位转为4位二进制八进制和十六进制：先转为二进制...
2020-09-16 21:47:38
106
原创 前端JS的6种继承方式
前端JS的6种继承方式1.原型链继承2、构造继承3、实例继承4、拷贝继承5、组合继承6、寄生组合继承1.原型链继承这种方式关键在于:子类型的原型为父类型的一个实例对象。父类的实例作为子类的原型，他的特点是实例是子类的实例也是父类的实例，父类新增的原型方法/属性，子类都能够访问，并且原型链继承简单易于实现，缺点是来自原型对象的所有属性被所有实例共享，无法实现多继承，无法向父类构造函数传参。function Animal(){ this.eat = function(){ ale
2020-09-07 16:33:30
3042
原创 美团[编程题]最长全1串
题目描述给你一个01字符串，定义答案=该串中最长的连续1的长度，现在你有至多K次机会，每次机会可以将串中的某个0改成1，现在问最大的可能答案输入描述:输入第一行两个整数N,K，表示字符串长度和机会次数第二行输入N个整数，表示该字符串的元素( 1 <= N <= 300000, 0 <= K <= N )输出描述:输出一行表示答案输入例子1:10 21 0 0 1 0 1 0 1 0 1输出例子1:5Java代码import java.util.Scann
2020-08-15 10:49:56
272
原创 vue项目中使用vue-video-player播放m3u8文件视频
vue项目中将MP4文件转为m3u8文件并播放视频安装文件引入样式在需要播放的Vue文件中引入功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入安装文件npm install --save video.jsnpm install
2020-08-13 11:38:32
2570
原创 huawei编程题-模拟老师的询问
题目老师想知道从某某同学当中，分数最高的是多少，现在请你编程模拟老师的询问。当然，老师有时候需要更新某位同学的成绩.输入描述:输入包括多组测试数据。每组输入第一行是两个正整数N和M（0 < N <= 30000,0 < M < 5000）,分别代表学生的数目和操作的数目。学生ID编号从1编到N。第二行包含N个整数，代表这N个学生的初始成绩，其中第i个数代表ID为i的学生的成绩接下来又M行，每一行有一个字符C（只取‘Q’或‘U’），和两个正整数A,B,当C为’Q’的时候,
2020-08-12 16:40:33
1082
2
转载 字节2018编程题
题目为了不断优化推荐效果，今日头条每天要存储和处理海量数据。假设有这样一种场景：我们对用户按照它们的注册时间先后来标号，对于一类文章，每个用户都有不同的喜好值，我们会想知道某一段时间内注册的用户（标号相连的一批用户）中，有多少用户对这类文章喜好值为k。因为一些特殊的原因，不会出现一个查询的用户区间完全覆盖另一个查询的用户区间(不存在L1<=L2<=R2<=R1)。输入描述:输入： 第1行为n代表用户的个数 第2行为n个整数，第i个代表用户标号为i的用户对某类文章的喜好度 第3行为一个
2020-08-09 15:26:09
220
原创 vue项目报错Avoid using non-primitive value as key, use string/number value instead.
项目报错这个是由于v-for循环里，key值可能重复了，所以会报这个错。 <el-checkbox v-for="city in cities" :label="city.name" :key="city" style="width:885px;height:100px;margin:0 auto;border:1px solid #ccc;border-radius:10px;padding:10p
2020-07-27 11:21:01
471
原创 前端Vue如何设置cookie、删除cookie，获取cookie
前端Vue如何设置cookie、删除cookie，获取cookie设置cookie获取cookie删除cookie在main.js中如下设置设置cookieVue.prototype.Setcookie = function (name,value) { //设置名称为name,值为value的Cookie var expdate = new Date(); //初始化时间 expdate.setTime(expdate.getTime() + 30 * 60 * 1000); /
2020-07-17 16:05:53
5080
原创 flex是一种弹性布局，响应式地实现各种页面布局
flex布局一、容器的属性1.flex-direction属性2.flex-wrap属性3.flex-flow4.justify-content属性5.align-items属性6.align-content属性二：项目的属性1 order属性2.flex-grow属性3.flex-shrink属性4 flex-basis属性5.flex属性6.align-self属性2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。采用 Flex 布局的元素，称为
2020-07-07 10:41:31
560
原创 多个el-checkbox el-radio 三维数组 动态绑定值
这是一个考试页面由于后台给的数据：questionType 0选择题 1多选题 2判断题 3简答题 4填空题，但是每种题型不仅只有一次，也就是不确定每种题目类型的题目数量，仅仅用一维数组已经不满足要求了，而每次多选的时候本身就是二维数组，所以要构建三维数组。后台给的数据：<div v-if="examination.children!==[]" v-for="(item,index) in examination.children" :key="index"> <di
2020-06-27 16:22:56
1048
原创 vue 动态生成 el-checkbox-group v-model 绑定值的问题
Vue 不允许在已经创建的实例上动态添加新的根级响应式属性 (root-level reactive property)。然而它可以使用 Vue.set(object, key, value) 方法将响应属性添加到嵌套的对象上<div v-if="item.questionType==1"> <div v-for="(xx,yy) in item.children" :key="yy"> <div v-html="(yy+1)+'、'+xx
2020-06-26 22:21:17
2235
原创 前端学习中不可缺少的es6数据结构 Set
ES6中的数据结构 SetSet基本用法Set 实例的属性和方法遍历操作Set基本用法ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成 Set 数据结构。const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));for (let i of s) { console.log(i);}// 2 3 5 4// 所以 Set 结构不会添
2020-06-22 11:56:38
108
原创 网易-模数求和
n = int(input())a = list(map(int, input().split(' ')))print(sum(a) - n)
2020-06-17 16:54:59
150
原创 leetcode编程题-twosum
leetcode编程题-twosum题目描述javascript解法C++解法Java解法python解法题目描述给出一个整数数组，请在数组中找出两个加起来等于目标值的数，你给出的函数twoSum 需要返回这两个数字的下标（index1，index2），需要满足 index1 小于index2.。注意：下标是从1开始的假设给出的数组中只存在唯一解例如：输入[3,2,4],6输出[2,3]javascript解法function twoSum( numbers , target ) {
2020-06-15 21:44:21
222
原创 算法题：求输入A和B的最小公倍数
这里写目录标题题目描述Java解法思路代码C语言 解法思路代码题目描述正整数A和正整数B 的最小公倍数是指 能被A和B整除的最小的正整数值，设计一个算法，求输入A和B的最小公倍数。输入描述:输入两个正整数A和B。输出描述:输出A和B的最小公倍数。Java解法思路求最大公约数有两种方法：更相减损法和辗转相除法，最小公倍数在求出最大公约数后，两个数相乘除以最大公约数就是最小公倍数。以下是更相减损法：更相减损法是拿两个数中的较大值减去较小值，然后在减数、被减数、差之间选取两个较小值继续相减，
2020-06-09 15:10:53
1732
原创 剑指offer编程题--二维数组中的查找(C++、Java解法)
剑指offer编程题 1.二维数组中的查找题目描述c++解法思路代码复杂度分析Java解法思路代码复杂度分析题目描述在一个二维数组中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。时间限制：C/C++ 1秒，其他语言2秒 空间限制：C/C++ 32M，其他语言64Mc++解法思路1、我先设初始值val 为右上角元素2、接下来进行二分操作：3、如果val == tar
2020-06-04 21:35:12
92
原创 vue父子组件传值的使用方法
vue父子组件传值的使用方法vue中最常用的就是组件，相同的功能就可以拆分出一个公用的组件，也可以说是父子组件，那它们之间是怎么传值的呢？在Vue中，父子组件的关系可以总结为prop向下传递，事件向上传递。父组件通过prop给子组件下发数据，子组件通过事件给父组件发送信息。1.父组件向子组件传值1.父组件通过v-bind(简写为：)动态绑定值<parent :title="message"></parent>2.message要在data中定义export defau
2020-05-30 11:30:02
354
原创 学习React必须要了解的知识---Redex的使用方法
Redux 是 JavaScript 状态容器，提供可预测化的状态管理。安装安装稳定版：npm install --save redux
2020-05-16 17:27:15
291
原创 redux-saga的安装与配置
redux-saga和redux-thunk一样，都是redux的中间件1.安装npm install --save redux-saga2.在store下面index.js中写入import { createStore, applyMiddleware, compose } from 'redux'import reducer from './reducer'import mySaga from './sagas'import createSagaMiddleware from 'redux
2020-05-16 17:04:31
620
2
原创 redux-thunk中间件的安装与配置
1.首先安装npm install --save redux-thunk2.在store文件夹下 的index.jsimport { createStore, applyMiddleware, compose } from 'redux'import reducer from './reducer'import thunk from 'redux-thunk'const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION__ ? wi
2020-05-16 12:21:47
157
原创 vue动态赋值img的src，用require()
首先，单独一个src是可以的<img src="../../assets/logo.png" alt="图片" />数组是这样的想改为动态赋值的形式就实现不了<img :src="item.img" alt="图片" />所以改为如下：在webpack中会将图片图片来当做模块来用，因为是动态加载的，所以url-loader将无法解析图片地址，将图片作为模块加载进去,用require()就可以了...
2020-05-14 16:57:22
12269
原创 使用vscode的小技巧（不断补充）
1.在vscode新建文件.prettierrc2.在.prettierrc文件中写入{“semi”:false,//去除分号“singleQuote”:true //使用单引号替换单引号}3.在代码区域按alt+shift+f 格式化代码...
2020-05-09 16:34:33
189
原创 学习Vue必须要了解的知识---Vuex的使用方法
Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享。1. Vuex的基本使用1.安装Vuex依赖包npm install vuex --save2.导入Vuex包import Vuex from 'vuexVue.ues(Vuex)3.创建store对象const store=new Vuex.store ({state:{count:0}})...
2020-05-09 16:20:02
162
原创 总结几个常用js中操作数组的函数，slice、splice、map等等
1. slice() 截取slice()方法可从已有的数组中返回选定的元素,原数组不变slice(start,end):start:开始位置的索引,如果是负数则会从末尾开始算end:结束位置的索引(但不包含该索引位置的元素)，不填则会从开始位置取到末尾2.splice() 删除 插入splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。该方法会改变原始数组。arr...
2020-04-29 16:36:05
675
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人