- 博客(48)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue3 锚点定位双向滚动 加v-show
const threeshow = ref(‘3-1’)//第三层。const oneshow = ref(‘1-1’)//第一层。const twoshow = ref(‘2-1’)//第二层。exportHTMLToPDF(pages, ‘模板’)gettreeData()//左侧树的数据。getversion()//版本数据。getdoc()//右侧文档数据。//超出canvas限度打印函数。//超出canvas限度打印。// //正常打印。// 左侧选择版本选择。// 表格头部的颜色。
2023-06-20 10:55:47
992
原创 is的用法
]const nowcomponent = ref(companyLi)const nowpage = ref(1)const cutpage = (num, name) => {nowpage.value = numnowcomponent.value = name}
2023-06-16 15:19:29
76
1转载 font-variant-numeric
其中的tabular-nums就可以使所有的数字都变成一样的宽度。但是有一点需要注意，这些特征受字体的影响，有些字体可能不支持。除了tabular-nums取值之外，以下是使用Source Sans 3字体在font-variant-numeric其他几个不同取值下展示情况。当我们在做倒计时或者从0开始增加到某一个数值的动画效果时，由于不同数字的宽度不同，在动画执行期间会发生文字不停的左右摆动的现象。以下图片中的数字使用的是Fira Sans字体，可以看出数字的宽度不同导致第二行可以多容纳下一个字符。
2022-09-05 14:13:59
780
原创 截取文件的后缀名和文件文件名
let a=‘adafasdfasdf.jskk’;let b=a.split(‘.’).pop();console.log(b)jskklet a=‘adafasdfasdf.jskk’;let b=a.split(‘.’).shift();console.log(b)adafasdfasdf
2022-06-28 18:21:06
136
原创 深克隆的方法
let aData = JSON.parse(JSON.stringify(data.list[0]));简单数组的拷贝可以通过slice方法和concat方法来实现，对于多维数组的实现，必须通过JSON.parse(JSON.stringify(obj))方法来实现
2022-05-13 15:38:45
106
原创 router跳转 在最下方/router的滚动行为
在tenplate的根组件下设置refwatch: {KaTeX parse error: Expected '}', got 'EOF' at end of input: …; this.nextTick(() => {this.$refs.ddd.scrollTo(0, 0);});console.log(val.path);},// 深度观察监听deep: true,},},
2022-03-29 17:33:35
98
原创 字符串倒序
let zhengxu=‘你好啊’let daoxu=zhengxu.split(’’).reverse().join(’’)console.log(daoxu);//啊好你
2021-12-03 10:44:25
180
原创 前端代码 书写 验证码
<!doctype html>js简单验证码使用 看不清换一张 验证码： , //主标题subtext: ‘传感器’,//副标题top:‘center’,//距离顶部的位置left: ‘center’,//距离左侧的位置textStyle: {// 主标题样式color: ‘rgba(255,255,255,1)’,fontWeight: ‘bold’,fontSize: 12,},},//鼠标悬停的数据提示tooltip: {trigge
2021-11-01 16:21:23
912
原创 parseInt()详解
var a=[“1”, “2”, “3”, “4”,“5”,6,7,8,9,10,11,12,13,14,15]; a.map(parseInt);（map方法具体可百度）答案是： [1,NaN,NaN,NaN,NaN,NaN,NaN,NaN,NaN,9,11,13,15,17,19]；定义和用法parseInt(string, radix) 函数可解析一个字符串，并返回一个整数。当参数 radix 的值为 0，或没有设置该参数时，parseInt() 会根据 string 来判断数字的基数。当
2021-10-29 16:47:30
4844
原创 ## 长链接和短链接
长链接和短链接在HTTP/1.0中默认使用短连接。也就是说，客户端和服务器每进行一次HTTP操作，就建立一次连接，任务结束就中断连接。当客户端浏览器访问的某个HTML或其他类型的Web页中包含有其他的Web资源（如JavaScript文件、图像文件、CSS文件等），每遇到这样一个Web资源，浏览器就会重新建立一个HTTP会话。而从HTTP/1.1起，默认使用长连接，用以保持连接特性。在使用长连接的情况下，当一个网页打开完成后，客户端和服务器之间用于传输HTTP数据的TCP连接不会关闭，客户端再次访问这
2021-10-27 18:30:31
79
原创 实现并集、差集、交集（ES6语法）
实现并集、差集、交集（ES6语法） let arr1 = [1, 2, 3]; let arr2 = [2, 3, 4]; let set1 = new Set(arr1); let set2 = new Set(arr2); let union = new Set([...set1, ...set2]); console.log('并集', union); let intersect =new Set ([...set1].filter(x=>set2.has(x)));
2021-10-25 19:07:57
161
原创 你知道VS Code吗
常用快捷键编辑器与窗口管理Ctrl+Shift+P: 打开命令面板。Ctrl+Shift+N: 新建窗口。Ctrl+Shift+W: 关闭窗口。切分窗口：Ctrl+1/Ctrl+3/Ctrl+3Ctrl+H：最小化窗口Ctrl+B：显示/隐藏侧边栏Ctrl+"+/-"：放大/缩小界面文件操作Ctrl+N：新建文件Ctrl+W：关闭文件Ctrl+Tab：文件切换格式调整Ctrl+C/Ctrl+V：复制或剪切当前行/当前选中内容Alt+Up/Down：向上/下移动一行Shift+
2020-06-16 16:42:39
135
原创 还记得小叮当吗？---canvas教你画出来
还记得小叮当–哆啦A梦吗？今天用Canvas实现一下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>机器猫</title> <style> .
2020-06-12 13:39:19
284
原创 jQuery--你可能需要知道的 基础常识
1.什么是jQuery？jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。2.jQuery的优势？1）轻量级2）强大的选择器 几乎支持所有的CSS选择器3
2020-06-12 10:29:55
137
原创 小练习--鼠标拖拽
学习过 鼠标事件之后做了一个小东西–纯练习···<head> <meta charset="UTF-8"> <title></title> <style> .box { position: absolute; width: 200px; height: 200px; background: red;
2020-06-02 09:31:23
698
原创 小练习--倒计时
今天了解一下js的日期对象，现在用日期对象，完成一个小东西<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>倒计时</title> <style> p { text-alig
2020-06-02 09:27:10
277
原创 初试-js的触底反弹（练习）
<style> * { margin: 0; padding: 0; } #box { width: 200px; height: 200px; background: red; position: absolute; top: 0; left: 0; }</style>body调速：js：// 获取元素va
2020-05-29 17:22:53
489
原创 初试--轮播图--图片切换
尝试使用图片切换做轮播图<style> *{ margin: 0; padding: 0; list-style: none; } .box{ width: 500px; height: 300px; position: absolute; top: 0; bottom: 0; left: 0; right: 0
2020-05-28 14:39:34
356
原创 浅谈js之DOM操作类型
DOM是Document Object Model的缩写，意思是文档对象模型，是由W3C制定的一套访问和操作XML（eXtensible Markup Language）文档的标准，即API。比如DOM告诉JavaScript引擎如何在浏览器窗口中显示和操作XML创建的标记（Tag）。根据W3C DOM规范(http://www.w3.org/DOM)，DOM是一种与浏览器、平台、语言无关的接口，使用该接口可以轻松地访问页面中所有的标准组件。简单来说，DOM解决了Netscape的JavaScript和
2020-05-27 15:56:42
206
jsDate对象的方法.mp4
2020-05-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人