自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(53)
  • 收藏
  • 关注

原创 pdfjs 报错提示Failed to load module script

pdfjs 报错 Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "application/octet-stream". Strict MIME type checking is enforced for module scripts per HTML spec

2024-04-10 17:14:15 1912

原创 传输文件流转本地blob临时地址

【代码】传输文件流转本地blob临时地址。

2024-04-03 16:20:20 340

原创 pdfjs 实现给定pdf数据切片高亮并且跳转

pdf 实现指定分段高亮和跳转功能

2024-03-26 17:59:25 1604

原创 react中类组件中super的含义

4.如果构造函数没有 return 或者 return 一个返回 this 值是基本类型,则返回this;如果 return 一个引用类型,则返回这个引用类型。他本身没有this。需要通过super() 继承 react.component父类的this。App 是继承的react.component父类的子类。虽然平时可能用state简写方式比较多。1.生成一个空的对象并将其作为 this;指向构造函数的 prototype;定义在super() 之前,就会报错。普通构造函数new 时候发生的事情。

2024-03-24 16:02:20 340

原创 vue 2 和 vue 3 在自定义组件中如何使用v-model

vue2 和 vue 3 如何在自定义组件中使用v-model

2024-03-07 19:22:18 623

原创 Docker 构建前端项目生成镜像

docker 的简单使用

2024-03-07 10:24:19 673

原创 编写一个函数来查找字符串数组中的最长公共前缀。 如果不存在公共前缀,返回空字符串 ““。

查找字符串数组的公共前缀

2024-03-06 10:09:55 398

原创 qiankun微前端使用

qiankun使用

2024-03-01 10:14:29 742

原创 给定一个排序数组和一个目标值,在数组中找到目标值,并返回其索引。如果目标值不存在于数组中,返回它将会被按顺序插入的位置。 请必须使用时间复杂度为 O(log n) 的算法。

二分法的简单运用

2024-02-26 12:06:49 875

原创 width:100%和width:auto有啥区别

width 属性用于设置元素的宽度。width 默认设置内容区域的宽度,但如果 box-sizing 属性被设置为 border-box,就加上边框区域的宽度width:100% : 子元素的 content 撑满父元素的content,如果子元素还有 padding、border等属性,或者是在父元素上设置了边距和填充,都有可能会造成子元素区域溢出显示;width:auto : 是子元素的 content+padding+border+margin 等撑满父元素的 content 区域。

2024-02-26 11:10:10 1761 1

原创 anxios封装拦截器的两种方式

axios封装的两种风格

2024-01-16 18:26:41 718

原创 讯飞云webapi接入方法

讯飞云webapi接入

2024-01-04 16:34:20 618

原创 解决浏览器跨域问题常见方法

浏览器跨域

2022-03-22 13:32:18 1341

原创 js中原型链理解

js 原型链大大的困扰我。今天好像弄明白了,赶紧先记录下来**1.首先弄清 Object 和Function 关系**Object.__proto__ === Function.prototype// true得出 Object是Function 的实例对象Function.__proto__ === Function.prototype// true得出 Function 也是自己的实例对象(这里很绕,但是死记住就行。之前一直不清楚就是因为这个)还需要死记的一点Objec

2021-04-09 15:51:49 124

原创 span内文字过多时以省略号显示

.list { display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

2021-03-24 16:37:02 1082

原创 git 操作- 合并自己的代码到远程test分支以及拉取远程test分支到本地更新本地代码

本地分支newRetoucher合并到远程分支test第一步:在本地分支newRetoucher先将最新的代码上传,基本流程就是git statusgit add .git commit -m ‘…’git push 如果存在冲突,push失败的话,执行下面操作git pull 先拉取,有冲突先解决冲突,再继续git add .git commit -m ‘…’git push成功后,切换到远程分支test第二步:在本地test分支先git pull拉取最新代码,有冲突的话,最

2021-03-18 14:48:34 1089

原创 forEach运用踩坑

今天傻了,用一个变量去接受foreach处理后的数据。导致数据为空。空想了半天。原来foreach不能返回新数组。变量值为空。只能处理数据。!!!!!记一下

2021-02-25 18:38:29 136

原创 游览器自动填写input框内容解决办法

问题: input会自动填写账号密码等。<!-- 头部 搜索以及按钮 --> <div class="authentication-container-head"> <Input style="width:280px" autocomplete="off" search placeholder="请输入应用名称或标识" @on-enter="getDataBykeyWord(value)" @on-search="getDataBykey

2021-02-01 18:51:50 335 1

原创 vue 无法检测item更新时,数据的变化。(解决::修改原始数据,强制更新vue)

// 卡片点击事件 public cardClick (item:{name: string;[keyName:string]: any}):void { let setClassName:string = ''; if (item.className === 'isSlect'){ setClassName = ''; // 将 item 移出最终提交数据列表 this.targetdata = this.targetdata.filter(i =

2021-01-26 16:34:14 161

原创 实习第一天总结

上午入职培训巴拉巴拉了一些公司文化,听了一下,讯飞还是很牛的,找准了方向,面向企业级用户,活了过来。中午看了食堂,午餐物美价廉。下午配置前端需要的东西,我的导师露哥给我了一个项目,这是我第一次多人协同从git上拉取项目。项目是关于只能问答库方面的。今天和明天的任务是了解这个项目。以及他的整个原理和过程。听了很多,了解大概百分之六十。还有很多需要学习。继续肝项目。加油学习...

2021-01-12 16:32:43 210 4

原创 nodejs解决文件读取中文乱码问题

乱码是因为文件读取是pdk编码格式,需要用utf-8来解码server.on('request',(req,res) => { var url = req.url; if (url === '/'){ fs.readFile(wwwDir+'/test.html',(err,data) => { if (err) { return res.end('404 NO FOUND') } res.end(data) }) }else if (url ===

2020-12-24 12:46:42 467

原创 vue报错

前言在用vue-cli3做组件测试时,出现个问题,记录一下报错如下 Cannot set property ‘render’ of undefined解决方案后来发现是因为 组件里写了script标签,没写 export default {}加上这句话之后就好使了...

2020-12-19 23:30:57 212 1

原创 vue-cli4 webpack 打包后打开空白Failed to load resource: net::ERR_FILE_NOT_FOUND

vue-cli项目打包出现空白页和路径错误问题router-view中的内容显示不出来。路由history模式。这个坑是当你使用了路由之后,在没有后端配合的情况下就手贱打开路由history模式的时候,打包出来的文件也会是一片空白的情况,...

2020-12-19 18:27:33 971 1

原创 js之显示隐藏方法对display属性变化要注意的地方

今天用jquery做项目遇见了display属性不听话,我用hover()方法时,1.元素位置乱动,2.刷新页面时设置的display:none 不起作用1.元素位置乱动元素位置乱动是因为我使用hover方法,使得display变为block,且原先设置布局时候,是按照display:inlineblock设置的所以变为block时候,布局会改变。解决办法:将原先布局时候就按照block来布局,可以使用浮动来解决block带来的高度变化。2.刷新页面时设置的display:none 不起作用只是c

2020-12-10 14:08:27 432

原创 Jquery之获取滚动距离方法

获取浏览器显示区域(可视区域)的高度 : $(window).height(); 获取浏览器显示区域(可视区域)的宽度 :$(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档宽度 :$(document).width(); 浏览器当前窗口文档body的高度: $(document.body).height();浏览器当前窗口文档body的宽度: $(document.body).width();获取

2020-12-08 17:56:14 3600

转载 JS之事件委托(转载)

概述:那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。那这是什么意思呢?网上的各位大牛们讲事件委托基本上都用了同一个例子,就是取快递来解释这个现象,我仔细揣摩了一下,这个例子还真是恰当,我就不去想别的例子来解释了,借花献佛,我摘过来,大家认真领会一下事件委托到底是一个什么原理:有三个同事预计会在周一收到快递。为签收快递,有两种办法:一是三个人在公司门口等快递;二是委托给前台MM代为签收。现

2020-12-08 14:23:12 64

原创 Hbuider如何自定义代码块

01.打开工具下的代码块设置02.选中需要设置代码块的格式03.(以html为例)注意:本文档仅支持单行注释,并且’//'前不能有任何非空字符!!! HBuilderX使用json扩展代码块,兼容vscode的代码块格式 本文档修改完毕,保存即可生效,无需重启。 本文档用于用户自定义html代码块。 每个配置项的说明如下: "key" :代码块显示名称,显示在代码助手列表中的名字,以下例子中"console.log"就是一个key。 "prefix" :代码块的触发字符,

2020-12-08 10:08:13 291

原创 js原型链

原型(prototype)显式原型与隐式原型原型链构造函数/原型/实例对象的关系构造函数/原型/实例对象的关系2

2020-12-07 15:28:51 62

原创 JS之正则表达式

一:定义1、显式定义:var 变量名 = new RegExp(“正则表达式模式”);// [0-9]:表示匹配数字var reg = new RegExp("[0-9]");2、隐式定义: 常用,简单var 变量名 = /正则表达式模式/;// \d:表示匹配数字var reg2 = /\d/;var reg3 = /[0-9]/;二、方法1、test(1)作用:是否匹配正则表达式模式。返回:true/false,true:匹配,false:不匹配console.lo

2020-12-02 21:08:13 101

原创 js之数组遍历

var arr = 【老大,老二,老三,老四,老五】遍历 arr1. for遍历 for(i = 0; i<arr.length; i++){ consolo.log(arr[i]) }2. forEach遍历 、、、、、 ie 8 以上可用 arr.forEach(function(value,index,obj){ //obj就是数组本身 consolo.log(value); consolo.log(index) }) // forEach 里面是

2020-12-02 17:17:04 57

原创 移动端布局之rem布局知识点

em 和 remem是相对于父元素的字体大小来算,父元素font-size 为10px,子元素 1 rem 为10px。rem(root em)相对于根元素 (html) 字体大小。媒体查询(media query)针对不同屏幕大小设置不同的样式格式: @media 媒体类型 关键词and|not|only (媒体特性){ code }媒体类型: all所有、print打印机、screen手机平板媒体特性: width可见区域、max-width最大可见区域、min-width.

2020-12-01 17:21:44 99

原创 移动端 物理像素和物理像素比和二倍图

像素物理像素 指的是我们说的分辨率的概念物理像素比 指的是开发中和实际像素之间的比例 (iphone 8 物理像素比为 2 即开发中 20px 相当于实际手机中的 40px )二倍图实际使用中通过手机像素比 放大2倍 以后,图片会变得不清楚,变模糊。所以需要二倍图背景图缩放background-size: 背景宽度 背景高度 ;background-size: cover 宽高等比大至全部覆盖 ;background-size: contain 宽高等比放大至 有一个 覆盖即可 ;

2020-11-30 18:33:53 504

原创 CSS元素选择器遇错

关于 :nth-child() 只可以用来找寻兄弟组件。如果不是同一个父亲则无法使用!!!! 2020/11/30

2020-11-30 17:17:26 153

原创 CSS关于精灵图的使用

一般作为背景使用-background:url() no-repet x轴位置 y轴位置background-size: 28px auto; 规定背景大小,一般宽或高有一个auto,否则图片会被压缩在固定大小的背景中二倍图,二倍图需要将原图缩小为1/2 再去测量图标位置。background-size: 为原图的1/2....

2020-11-30 17:15:15 91

原创 css之positon:absolute 对行内元素的影响

positon:absolute 可以使行内元素拥有宽高相当于变成了行内行内块元素!!!!今天给span 标签添加after伪元素发现附了宽高不显示,必须content有值才显示。深入研究了一下。

2020-11-30 00:01:08 517

原创 css之伪元素插入特殊情况

一个元素文档树内容之前和之后的内容就是指这个元素是要可以插入内容的,也就是说这个元素要是一个容器。input,img,iframe等元素都不能包含其他元素,所以不能通过伪元素插入内容。

2020-11-29 23:32:31 116

原创 css布局之 flex 重要的点

justify-content: space-between;/* 先两边贴边再平均分配 */flex-wrap: wrap \ nowrap; flex 布局会让子元素在一行显示,会挤压子元素。flex-wrap 属性声明是否换行 align-items: center ;设置单行align-content: space-around space-between ;设置多行align-self: ;只改变自己在侧轴上的位置!!侧轴order:num值; order改变自身的顺序

2020-11-29 22:34:54 53

原创 CSS 之 normalize.css

/* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; ...

2020-11-29 12:20:58 160

原创 移动端视口概念

1、视口有时会使用百分比来声明宽度,如:html,body{}div{width:30%;}假设div是body的子元素,这段css就表示该div占body宽度的30%.body没有显示声明宽度,因此body占用了父包含块html元素宽度的100%。同样的,html也没显示声明宽度,因此html也占父包含块的100%。等等… html的父包含块是什么呢?是视口。在CSS标准文档中称为初始包含块. 这个初始包含块是所有CSS百分比宽度推算的根源。在桌面上,视口的宽度与浏览器窗口的宽度一致。除开ma

2020-11-29 10:49:13 200

原创 css移动端书写特殊情况

css3盒子模型 box-sizing: boder-boxa标签 移动端去除高亮 heightlight:treansparentbutton 去除ios默认按钮外观 appearance : noneimg a 长按呼出菜单 touch-callout : none

2020-11-28 10:54:14 73

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除