- 博客(35)
- 收藏
- 关注
RSS订阅原创 vue3移动端实现pdf预览
然后就加载出来了，最后在各个环境测试的时候又发现，微信小程序里面打开这个模块，pdf还是没加载出来，console之后发现请求401，报错信息是登陆访问超时，发现pdfjs加载pdf时没有携带token。用了第二种插件后，苹果手机还是加载不出来，后面查到因为pdfjs-dist有时候会出现部分手机比如iphone6和iphone8渲染不出pdf问题。，安卓手机可以正常显示，于是换成了第二种方法。我一开始使用的时第一种方法，然后测试之后发现。遂，在加载url时添加token即可。添加之后就加载出来了。
2024-01-11 15:07:56
1492
原创 js的BoM事件（二）
js的BoM事件（二），上一篇的补充一级目录二级目录三级目录一.alert,confirm一级目录二级目录三级目录一.alert,confirm实例：alert('hi'); confirm('message');
2023-10-11 15:05:58
127
原创 echarts环形图内嵌图片，自定义label，内嵌圆环设置颜色
给圆环设置颜色时不能直接设置color：‘#123456’，会导致环图颜色紊乱，可以在data里面写。
2022-08-22 17:16:16
3147
原创 vue中内容超过三行省略并显示展开和关闭，不超过三行不显示
css部分：此时已经实现了第一步，但是我们会发现，即便文字只有一行，展开和关闭也会显示，这就不对了，所以我们要根据文字的行数来判断展开和关闭按钮的显示和隐藏获得三行文本的高度：一行的高度*3，一行的高度可以通过占位的这个元素获得，获得数据后如果后续不改文本的样式就可以删掉了，留着影响布局。获取文本的高度并比较：全部代码：图中老师简介少于3行所以没有展开和隐藏，课程简介大于3行，显示展开和隐藏。最后又路过的大佬可以跟我科普一下为啥下面这样写获得不了真正的文本高度，我看好多文章里面推荐的这种写法.
2022-07-14 15:37:43
4844
3
原创 css实现各种各样的三角形
css实现各种各样的三角形1. border三角形2. linear-gradient 三角形3.tramform+rotate 实现渐变4.canvas画图三角形1. border三角形设置div的width,height均为0，设置四面的border值，想要哪边的三角就设置哪边的border值，把其他边的border值设置为 transparent（透明）css： div { width: 0; height: 0; margin: 10px;
2021-11-22 14:44:56
606
原创 vue手写竖直步骤条
vue手写竖直步骤条先看效果图：css部分： <style> #app { margin-left: 8px; } .li1 { list-style: none; box-sizing: border-box; padding-left: 20px; position: relative; } .borderLeft {
2021-11-17 11:21:30
2931
原创 经常忘记的知识点
常用易忘知识点一.字体图标1.彩色字体图标2.默认字体图标二.端口被占用三.flex布局详解一.字体图标1.彩色字体图标链接: link.2.默认字体图标iconfont-阿里巴巴图标库链接: link.icomoon链接: link.二.端口被占用链接: link.三.flex布局详解链接: link....
2021-11-01 09:42:34
89
原创 js的bom事件
一.bom的概述1.1什么是bom一般的，一个网页的前进，后退，刷新，窗口大小的调整都跟bom有关。Bom由一系列对象组成，且每个对象都提供了很多方法与属性。Bom缺乏标准，兼容性差。DoM与BoM的对比1.2 Bom的构成Bom比Dom更大，它包含了Dom...
2020-09-08 11:09:13
606
原创 键盘事件与keyCode属性
例子结果：会输出摁键的键码应用： <style> .text span{font-weight: bold;color: #f00;} em{font-style: normal;} </style> <script> window.onload=function(){ var text=document.getElementById("t.
2020-09-04 20:14:19
173
原创 事件类型(鼠标事件）
其中的onload也是很常用的，比如你写一段代码，如果想把window.onload=function(){}这样就不会因为顺序问题报错
2020-09-04 17:22:20
236
原创 事件的绑定（DOM0级事件）
语法：实例：html部分：div id="lock" class="lock" >开始</div>css部分：.lock{width: 200px;height: 30px;line-height:30px;background: #00f ;color: blueviolet;} .unlock{width: 200px;height: 30px;line-height...
2020-04-24 01:13:51
334
原创 javascript DOM事件（1）
javascript DOM事件javascript事件基础什么是事件？为什么要有事件？其实，js与html就是通过时间进行交互的。事件就是文档或者浏览器发生的一些特定的交互瞬间例如你买一件商品，点击加入购物车按钮，你会发现这件商品出现在了购物车页面里。html事件什么是html事件？直接在HTML元素标签内添加事件，执行脚本，叫html事件语法：实例：<...
2020-04-24 00:35:27
98
原创 DOM属性的设置与获取
获取属性最简单的获取属性的方法就是标签.属性例如：`//给p设置一个data——color的属性p.setAttribute("data-color","red");审查元素，发现p标签就多了一个data-color属性<p id="text" align="center" data-type="title" data-color="red"></p>...
2020-04-23 04:25:45
200
原创 DOM(innerHTML和className)
innerHTML实例：<ul id="list1"> <li>1</li> <li>2</li> <li>3</li> </ul> <script> // 设置id为list1的元素的字体颜色 var box=document.getElem...
2020-04-23 03:50:54
188
原创 asp.net的概况，组成，运行过程
ASP.NET概况ASF.NET是建立在公共语言运行库上的编程框架，可用于在服务器上生成功能强大的Web应用程序。在微软.NET战略中ASP.NET是一核心技术，也是.NET Framework的重要组成部分。基础知识有图可知，.net Framework分为两部分，一部分是CLR，CLR包括CLS和CTS，另一部分是.net Framework类库，其中最底层的是基本框架类，他的上层是AD...
2019-11-15 07:35:42
997
原创 DOM(如何设置元素样式）
语法：注意：styleName，样式的名称必须写成驼峰式，比如：border-left写成borderLeft实例：<ul id="list1"> <li>1</li> <li>2</li> <li>3</li> </ul> <script> // 设...
2019-11-11 20:44:26
1070
原创 DOM的查找方法
实例：<body> <div class="box" id="box" >yuansu</div> <script> // 获取id为box的元素 var box=document.getElementById("box"); console.log(box); </script> </...
2019-11-08 21:13:30
1033
原创 js对象之string
charAt（）实例var b="wo you e le"; var a=b.charAt(4); console.log(a); 打印结果：ocharCodeAt（）返回的是元素的编码var b="wo you e le"; var a=b.charCodeAt(4); console.log(a); 结果：111111就是...
2019-11-04 07:42:11
95
原创 js数组中的indexof（）方法
indexOfo语法：arrayObject.indexOf(searchvalue, startIndex)功能:从数组的开头(位置0)开始向后查找。参数:searchvalue:必需,要查找的项;startIndex:可选,起点位置的索引。返回值:number,查找的项在数组中的位置,没有找到的情况下返-1。实例： var b=new Array("red","blue","...
2019-11-01 07:47:35
1614
原创 js数组中的splice（）
splice可插入，删除，替换数组中的某些元素首先讲一下splice的删除语法:arrayobject. splice(index, count)功能：删除从 index处开始的零个或多个元素。返回值:含有被删除的元素的数组说明：count是要删除的项目数量，如果设置为0，则不会删除项目。如果不设置，则删除从 index开始的所有值实例： var b=new Array("re...
2019-10-31 20:54:39
246
原创 js中如何实现一个数组对另一个数组的copy
前面发的几篇文章讲解了js数组中的几种操作，下面用这些方法来实现实现一个数组对另一个数组的copy。例：实现a数组对b数组的copyvar b=new Array(“red”,“blue”,“green”,“black”,“pink”);var a=new Array();第一种方法：var b=new Array("red","blue","green","black","pink")...
2019-10-31 20:03:05
8626
原创 js数组的连接与截取
concat语法：arrayObject. concat(array, array……rayX）功能：用于连接两个或多个数组。返回值:连接后的数组。实例： var word=new Array(1,5,77,34,9); var color=new Array("red","blue","green"); var ww=word.concat(color); console...
2019-10-31 19:22:30
238
原创 js数组的重排序方法
reverse语法：stringObject. reverse（）功能:用于颠倒数组中元素的顺序。返回值:数组。实例 var word=new Array("margin","left","right") var ww=word.reverse(); console.log(ww);打印结果["right", "left", "margin"]sort语法：arrayO...
2019-10-30 21:14:51
520
原创 js数组的转换方法
join（）语法:arrayObject. join(分隔符)功能:用于把数组中的所有元素放入一个字符串。返回值:字符串例：var nums=new Array(2,3,4); var sum=nums.join(); console.log(sum);s console.log(typeof(sum)); 打印结果：如果我们定义一个数组，var word=...
2019-10-30 20:37:53
263
原创 js中数组的栈方法
**push（）例当然push里也可以同时添加多个，这时你在控制台上打印的数组的length就是push后的长度。push（）是把值加到数组的最后面，而unshift（）就是把值加到数组的最前面unshift的语法跟push的一样，例子如下既然有添加的方法，那就一定有删除的方法，pop（）就是删除的方法实例如下：shift与unshift恰恰相反，shift用来删除数组的第一个元素实...
2019-10-30 20:14:51
430
原创 js中数组的length
js中数组的lengthvar arr=["a","b","c"]; console.log(arr.length);可以通过以上方法获取数组的长度使用length改变数组的长度如上图当你把arr的长度设为1时，它就自动删除了其他的元素，只保留第一个。把一个值放在超出数组大小的位置，会重新获取数组的长度，如下图 var arr=["a","b","c"]; arr[100]="r...
2019-10-30 17:47:41
2680
原创 js中的数组的创建与读写
js中的数组的创建与读写内置对象的意思可以理解为浏览器自己封装好的一些对象，我们可以直接调用。今天学习数组，js中的数组可以保存不同类型的值，数组的第一项可以是数字，第二项可以是字母，第三项可以是布尔型的值，并且数组的大小可动态调整。如何创建数组创建数组的基本方式有两种：1、使用Aray构造函数语法： new Array（）小括号()说明（1)预先知道数组要保存的项目数量(2)向...
2019-10-30 17:24:54
659
原创 js中求任意一组数的平均值
诺，代码function getA(){var sum=0,len=arguments.length;for(var i=0;i<len;i++){sum=sum+arguments[i];}return sum/len;}var A=getA(1,2,3,4,5);console.log(A);我觉得这么简单就不讲了，你应该懂。`...
2019-10-29 21:33:25
1243
1
原创 js中函数的参数
js中函数的参数如果你定义两个参数只传了一个，那么它会按顺序给参数赋值，如上图就是按顺序给num1赋值，num2没有被赋值所以执行结果就是undefined.arguments跟数组类似，因为它有与数组类似的访问方法。如图我们在控制台上打印arguments的length，就是我们所传参数的个数，如果想查看你输入的参数，如下图所示其中arguments[]的括号索引是从0开始的正整数，比如...
2019-10-29 20:45:10
580
原创 js中函数的返回值
js中函数的返回值上一篇博客提到函数的的调用，如果你想用这个函数来实现不同的操作，比如你想把add函数算出的结果通过网页窗口弹出，又想让它在控制台打印出，你就可以先用return来接收add函数算出的结果，再通过代码实现网页窗口弹出或控制台打印。还可以用变量接收，比如var s=add(3,5)；...
2019-10-29 19:56:15
1007
原创 js中函数的基本概念与简单的用法
js中函数的基本概念正在学js，其实这个我以前学了，但是很久不学就忘了，所以写个博客记录一下，顺便练一下我的打字速度（捂脸）。函数的名字不能随便起，要符合标识符的标准:以字母、数字，下划线（_）或美元符（$）组成，2.数字是不允许作为首字符出现的3.不要使用JavaScript中预定义保留的关键字。函数的作用就是把经常被调用的脚本封装在function内。函数的调用 函数的声明...
2019-10-28 20:29:00
257
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人