- 博客(55)
- 资源 (4)
- 收藏
- 关注
原创 JQuery笔记
Jquery笔记原生JS钩子函数入口函数JQuery对象和DOM对象JQuery对象和DOM对象两者之间的转换JQuery常用APIJQuery选择器JQuery筛选方法(重点)属性操作获取属性修改属性样式操作获取样式属性值设置样式操作类属性(class)的方法添加类移除类切换类JQuery效果显示隐藏显示隐藏切换滑动效果下拉滑动上拉滑动切换滑动淡入淡出淡入淡出渐进效果指定透明度自定义动画停止触发上一次的动画事件切换JQuery隐式迭代JQuery隐式迭代JQuery的排他思想原生JS钩子函数当整个页面
2021-11-21 20:41:53 1155
原创 JSON Server
分享一个快速搭建服务的包,便于一些学习测试使用源码地址安装使用步骤源码地址Github地址安装使用步骤(1)安装npm install -g json-server创建一个db.json文件,并在写上一些数据{ "posts": [ { "id": 1, "title": "json-server", "author": "typicode" } ], "comments": [ { "id": 1, "body": "some comment", "postId
2021-10-20 16:22:46 357
原创 Echarts动画相关及图表自适应总结
Echarts动画相关总结加载动画的显示和隐藏增量动画动画配置项加载动画的显示和隐藏通常会在获取数据之前使用显示加载动画,获取数据之后隐藏加载动画,提高用户体验。let instance = echarts.init(el).....//显示加载动画instance.showLoading()//获取数据之前.....//获取数据之后//隐藏加载动画instance.hideLoading()增量动画增量动画通过setOption进行实现,setOption不是一个覆盖的操作
2021-10-19 23:06:13 793
原创 Vue路由router详细总结
Vue路由router详细总结模块化的方式使用路由插件模块化的方式使用路由插件安装npm install vue-router注册路由(1)首先在src目录下创建一个router文件夹,然后创建一个index.js(2)我们通过模块化的方式进行创建路由,方便代码的管理//index.jsimport VueRouter from 'vue-router'import Vue from 'vue'import Home from "../views/Home";Vue.use(Vue
2021-10-14 23:13:59 888
原创 web前端巨无霸长文-持续更新(2w+字)
持续维护,仔细打磨,使之成为自己的宝典。对有疑问的,欢迎提出质疑。在交流中进步,在验证中成长!!!
2021-10-11 22:31:19 2531 10
原创 Javascript的this指向:call方法原理
Function.prototype.myCall = function (){ //得到对象 var ctx = arguments[0] //用于存储参数 var argArr = [] ctx.callFn = this console.log(this) for (var i = 1;i<arguments.length;i++
2021-09-13 21:45:39 391
原创 Event Loop(事件循环)
事件循环 Event Loop 试题 async function async1(){ console.log("A") await async2() console.log("B") } async function async2(){ console.log("C") } console.log("D")setTimeout(function (){ console.log("E")},0)async1()new Promise(fu
2021-09-07 23:08:36 147
原创 JavaScript数组常用总结
**首先总结的意义就是让杂乱无章变得更加井然有序,这样在使用的过程思路会更加清晰。**数组使用方法注意点:- 变异方法和非变异方法。即变异方法使用会改变原数组,后者则不会。下面脑图将其进行了标注。- 你或许需要注意数组方法和字符串方法有几个方法相似,数组和字符串是如何切换的?- 有些方法参数是支持负数的,有些方法第二个参数不是代表坐标代表的是个数。- 甚至回调函数我们也可以将其梳理一遍,大部分回调函数参数格式是一样的,有些回调函数是不一样的。- 当split数组排序方法数组迭代方法...
2021-09-06 20:48:42 284 2
原创 Javascript对象的属性
Javascript对象的属性对象的属性按所属关系进行分类自有属性继承属性按属性的用途进行分类数据属性存取器属性对象的属性按所属关系进行分类自有属性意思就是定义在对象本身上面的属性;例如:下面定义在对象obj上的x,y属性。let obj = {x:12,y:24}继承属性从原型对象上继承而来的属性,称之为继承属性,虽然obj1本身没有定义z属性,但是他的原型链上有z属性,因此当使用obj1.z进行访问的时是可以访问到原型链上的z属性的。 let obj1 = {x:12,y:24}
2021-09-05 19:03:23 562
原创 说了你可能不信,其实JavaScript中的this关键字是鳝变的!!!
说了你可能不信,其实JS中的this是鳝变的!!!this的调用上下文是在执行的时候才确定的,而不是在函数定义的时候确定的。它和变量不同。当然this确实也不是一个变量。如果将this理解成:"函数中的this一般都指向所在的对象" 是错误的。这句话其实把this理解成是静态的,然而this是动态的实际上this最终指向的是那个调用它的对象。
2021-09-04 17:39:27 174 1
原创 Javascript常用字符串方法总结
Javascript常用字符串方法总结常用的字符串方法与查询相关查询字符串长度查询目标值的下标查询下标对应的值与修改相关与转换相关与提取相关与拼接有关常用的字符串方法与查询相关查询字符串长度length属性查询目标值的下标indexOf(targetStr,start)lastindexOf(targetStr,start)search(targetStr)查询下标对应的值charAt(index)charCodeAt(index)与修改相关trim()replac
2021-09-03 22:45:58 599 2
原创 JavaScript什么是类数组?
JavaScript怎么让类数组使用上数组的方法?什么是类数组?数组丰富的内建方法有哪些?如何让类数组使用上数组丰富的内建方法?什么是类数组?JavaScript 常见的类数组有arguments,还有获取Dom元素方法返回的结果(比如getElementsByTagName)自定义类数组要怎么定义?1. 类数组必须包含length属性2. 类数组中数组丰富的内建方法有哪些?如何让类数组使用上数组丰富的内建方法?...
2021-09-03 11:09:36 3131
原创 自己实现JavaScript关键字new的逻辑其实没有想象中那么复杂!!!
自己实现JavaScript关键字new的逻辑其实没有想象中那么复杂!!!我们用new关键字做什么?new关键字创建对象的时候做了什么?使用new关键字创建对象的演示自己实现new关键字逻辑我们用new关键字做什么?我们用new关键就是用来创关键一个对象。而创建这个对象需一个构造函数。new关键字创建对象的时候做了什么?首先创建一个对象将构造函数的原型挂在到这个对象的原型上调用构造函数,完成新创建对象的初始化返回创建好的对象使用new关键字创建对象的演示function Peop
2021-09-02 22:07:34 269 2
原创 查找数组最大/小值-多种玩法剖析
查找数组最值-多种玩法玩法一:先排序再通过端点下表取最值玩法二:使用ES6扩展运算符对数组进行处理作为Math.max的参数玩法三:使用apply函数调用的方式玩法四:使用call函数调用的方式玩法一:先排序再通过端点下表取最值//查找数组最大值let arr = [123,43,634,231,108]//方法1arr.sort((a,b)=> { return a - b})console.log(arr[arr.length-1])玩法二:使用ES6扩展运算符对数组
2021-09-02 11:45:28 117
原创 数据结构-链表(LinkedList)介绍与实现
数据结构-链表介绍链表的特点链表和数组的区别优点缺点链表的组成链表的常见方法链表的实现介绍链表和数组一样,都用来存储一系列的元素。但是链表和数组实现的机制完全不同。从而导致其相关操作的效率也有所不同。链表的特点链表是一种物理存储单元上非连续、非顺序的存储结构链表直观形态,每个节点元素都有保存了下一个节点的引用,头部指向第一个节点,最后一个节点指向null。链表和数组的区别优点链表存储空间是非连续的而数组的存储空间是连续的。因此链表的内存利用率会更高一点。链表在头部插入元素和中间插入
2021-09-01 22:02:33 1997
原创 数据结构-优先级队列(PriorityQueue)
数据结构-优先级队列优先级队列的特点生活中的优先级队列优先级队列的特点与普通队列不同的是,优先级队列在插入队列的时候会根据优先级的高低来插入到正确的为止。以至于优先级高的队列可以优先移除队列。他的原则其实就是“优先级高的先出”生活中的优先级队列程序其实在很多时候就是生活的抽象,优先级队列的在生活中也是很常见的一种模式。例如...
2021-08-30 22:10:21 623
原创 数据结构-栈(Stack)和队列(Queue)的实现以及应用(深入浅出)
数据结构-栈结构和队列结构栈(Stack)栈的特性相关名词栈的实现生活中的栈队列(Queue)队列的特性生活中的队列栈结构和队列是比较常见的受限的线性结构栈(Stack)栈的特性限定仅仅在表尾进行插入和删除的操作的线性表,这一端称为栈顶。相对的另一端称之为栈底。原则:后进先出原则相关名词进栈(push):压入出栈(pop):弹出栈的实现栈的常见操作push 压入元素到栈顶pop 弹出栈顶元素peek 返回栈顶的元素isEmpty 判断栈是否为空size 返回栈的元
2021-08-30 16:36:22 839
原创 浅谈数据结构与算法
浅谈数据结构与算法数据结构与算法什么是数据结构?常见的数据结构什么是算法?常见的算法数据结构与算法什么是数据结构?官方定义:数据结构是计算机存储、组织数据的方式。直观理解:数据结构的缩影其实在生活中处处可见,货物、图书馆的书籍、快递的摆放(存放)方式其实就是数据结构的一种体现,这一个过程我们需要关注的是不同的方式他们对于存和取的效率是有影响的。如果物品可以随便一放那么自然存的效率就高,但是没有规则的存放,必然导致取(查找)的效率低下。这样一来我们需要根据对数据的读写的需求来选择数据得到存储和组织的
2021-08-29 14:14:42 260
原创 (var)变量提升与(let/const)暂时性死区的对比
为了能够快速了解,就不进行长篇大论了。变量提升针对的是使用var声明的变量和使用function进行声明,这两个声明的方式都存在变量提升,通俗的说变量提升就是可以在声明之前对其进行访问,更需要注意的是只是声明的被提升了,如果是声明和初始化(赋值),赋值这一步是没有执行的。暂时性死区,是ES6中使用let和const进行声明的变量而出现的,let,const 能够使得JS拥有块级作用域的效果。通过let,const声明的变量不会出现变量提升,而同时会出现暂时性死区,通俗移动的说,暂时性死区就是说通过let
2021-08-19 11:57:49 260
原创 PDFbox-PDF解析(坐标定位,分页读取)
PDF解析入门案例介绍注意点案例创建项目引入依赖读取PDF文本内容读取所有页,所有文本按页读取文本按坐标读取介绍Apache PDFBox是一个开源Java库,支持PDF文档的开发和转换。 使用此库,您可以开发用于创建,转换和操作PDF文档的Java程序。PDFbox这个PDF处理类库,我使用过程中,能够满足我在一些场景中的需求,达成了我想要的效果,最后在此做一个使用demo的介绍,希望能够给大家带来帮助!Apache-PDFboxPDFvox-快速指南-WIKI注意点PDF内容是按坐标进行定
2021-08-03 15:21:13 9412
原创 如何获取PDF文件中对应内容的坐标及范围?
如何获取PDF文件中对应内容的坐标及范围?介绍安装地址使用方式打开软件开启坐标显示坐标显示单位切换开启网格辅助线测量工具使用介绍这款来至Adobe公司旗下的PDF阅读器;它免费提供的基础功能就可以正常获取内容坐标了,单纯作为这个用途是不用付费的,直接下载试用版就行。试用期结束了依然能够正常使用他提供的基础功能;安装地址安装地址:Adobe Acrobat DC 官网使用方式打开软件开启坐标显示左上角出现黑色显示区域即可,此时鼠标鼠标方式在PDF内容相应的位置,其坐标也会跟随着变化
2021-08-03 11:36:51 14255 2
原创 commonJS模块化和ES6模块化的对比
commonJS模块化和ES6模块化COMMONJS模块化概述模块化的使用exports 与module.exports的区别ES6模块化ES6模块化语法commonJS和ES6的模块化的区别COMMONJS模块化概述在Node的世界里,每个文件就是一个模块,有着自己的作用域,在文件定义的变量,函数,类都属于私有的,其他文件不可见。但是可以通过向外暴露的方式使其可见。Node的模块化采用了CommonJS模块规范模块化的使用Node使用CommonJS模块规范,内部提供一个Module构建函数,所
2021-06-16 10:40:57 423
Git使用教程以及相关知识
Git使用教程Linux常用命令常用命令Git相关配置用户身份信息配置.gitignoreGit 的直观认识空间示意图空间交互图Git使用Git文件四种状态常用操作指令项目创建及克隆(入门)Linux常用命令常用命令命令描述cdchange directory 切换目录cd …回到上一层目录pwdprint work directory 显示工作目录lslist files 列出目录所有文件ll列出该目录下所有文件且列出详细信息,文件的使用权限,创
2021-06-09 23:22:51 104
原创 C4-Git使用全流程记录
Git使用全流程记录创建项目CodeChina代码仓库git下载安装git使用git试用打开git尝试通过SSH克隆项目到本地正式使用配置公钥私钥正式通过SSH克隆项目到本地创建项目CodeChina代码仓库此处不再赘述,创建过程;git下载安装git下载官网,此处不赘述git使用git试用打开git安装好git后,对着桌面空白处,或者文件夹空白处右键鼠标,可以看到Git Bash Here,点击即自动在当前文件夹打开git尝试通过SSH克隆项目到本地复制SSH地址命令:命
2021-06-09 23:10:54 290
原创 防抖(debounce) 和 节流(throttling)的封装使用-最终发布npm
函数的防抖和节流目的都是为了限制函数的执行次数,前者是通过setTimeout进行实现,后者通过一定时间间隔进行实现;通过这次防抖函数的封装,你可能会对闭包,apply,call,bind,this指向,箭头函数,等知识有更深入的认识。
2021-06-07 11:16:52 1365
原创 如何理解闭包?闭包的特性
什么是闭包?闭包前言(你必须了解与之关联的知识)定义(通过了解了与之关联的知识来思考闭包的存在)理解(知识串联)案例简单的案例简单的应用(JS绑定事件示例)闭包前言(你必须了解与之关联的知识)提到闭包不得不提到,作用域链,更不得不提起词法作用域,学习闭包的时候总把自己搞得晕头转向?是不是觉得外部函数定义的局部变量在函数返回后就不存在了,之所以有这种想法,是因为我们忽略了作用域链的存在,晕头转向是因为我们忽略了词法作用域的特点。在Javascript并非函数执行结束后与之关联的作用域链就不存在了。定义
2021-06-03 23:02:44 337
原创 JS作用域,变量提升,作用域链,词法环境
JS变量作用域变量作用域JS有函数作用域,但是没有块作用域的概念。ES(2015)6 const和let变量提升(hoisting)变量没有被声明之前,也可以使用。变量提升只是对变量的声明提前了,而赋值并没有被提前。非函数变量的提升比较容易明白,函数里的变量提升,你注意过?作用域链变量作用域JS有函数作用域,但是没有块作用域的概念。值得注意的是,显示声明在函数里头的变量他是局部变量,若在函数里头直接使用未声明的变量则会隐式的声明成全局变量。代码演示:{ var a = '其实我是全局作用域
2021-06-02 22:33:15 193 1
原创 C1-计算机程序逻辑
轮播图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>advertise</title></head><body><div class="view-port"> <div class="lay-out"> <div class="common
2021-05-24 23:49:44 168
原创 C1-web基础-布局
Table<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>demo</title></head><body><h2>表格-示例</h2><table class="table" border="1"> <tr> <t
2021-05-22 14:34:26 162
原创 C1-IT基础-计算机网络
IT基础-计算机网络网络分类IP什么是IP地址?IP地址分类网络分类从不同的角度对网络有不同的分类方法。按网络地理位置分类:局域网,城域网,广域网按传输介质分类:有线网,光纤网,无线网按网络拓扑结构分类:星型结构,环型结构,总线结构,分布式结构、树型结构、网状结构、蜂窝状结构 等按使用者进行分类:公网,专用网按通讯方式:点对点传输网络,广播式网络等等IP什么是IP地址?给因特网上的每台计算机和其它设备都规定了一个唯一的地址,叫做“IP地址”。简单来说有了IP地址,能确保数据在计算机
2021-05-22 12:28:48 775 3
原创 echarts实现颜色线性渐变的其中两种方式
一:使用echarts内置的渐变色生成器echarts.graphic.LinearGradientcolor: new this.$echarts.graphic.LinearGradient(0, 0, 1, 0, [ { offset: 0, color: '#5052EE' }, { offset: 1, color: '#AB6E
2021-04-26 21:13:30 1620 2
原创 标准盒模型-怪异盒模型的区别
标准盒模型默认情况下:标准盒模型,相当于box-sizing: content-box;其实:box-sizing: content-box;情况下height:100px设置的是内容的高度;如果是此盒子模型的话padding会使得盒子撑开变大。怪异盒模型其实:box-sizing: border-box;情况下height:100px设置的是整个盒子的高度;如果是此盒子模型的话padding不会撑大盒子而是与border内的空间进行协调;...
2021-04-17 22:34:13 114
原创 前端布局垂直并且水平居中
方式1:定位+margin(自动)特点:必须设【被居中对象】的高和宽内容撑开也不行,且需要使用绝对定位拉满父级元素的top,bottom,left,right,否则margin:auto 会失效。缺点:必须设宽高,内容撑开也不行。方式2: 定位+margin(负)方式3: 定位+transform特点:【被居中对象】可以不需要知道宽高。缺点:兼容性不好方式4: 弹性盒模型特点:【被居中对象】可以不需要知道宽高。缺点:兼容性不好...
2021-04-17 22:06:11 171
原创 Vue 使用插值表达式配合Iconfont 插入Unicode 编码方式无法转换成图标
将data中的数据渲染到dom的方式:直接在标签上写上的方式:在这里插入图片描述由此看来,可推测应该是Vue渲染该数据的时间晚于Unicode 被解析的时间
2021-04-15 21:36:09 1162 4
原创 从零开始,@Vue/cli搭建项目以及初始化工作-超全建议收藏
从零开始,搭建Vue项目以及初始化工作介绍一,准备二,项目构建三,项目配置1,热部署(serve)2,iconfont阿里巴巴矢量图标库3,路由(Vue-Router)4,初始化reset.css5,移动端ViewPort的配置,移动端点击事件300ms延迟的解决项目文件结构(单页面应用程序)介绍一,准备安装Node.js– (Node.js附带npm包管理工具),在Node官网下载安装即可。安装成功的标志安装Vue cli脚手架工具– 用途:用于搭建Vue的webpack项目–
2021-04-12 00:34:07 370
原创 植物大战僵尸-修改游戏进度和金币(用户存档文件)
一,环境准备:1,植物大战僵尸安装包(链接)-无广告植入2,用于修改读取和修改16进制文件的工具3,植物大战僵尸用户存档文件路径:C:\ProgramData\PopCap Games\PlantsVsZombies\userdata\user1.dat二,任务说明:修改《植物⼤战僵⼫》的存档⽂件,将⼀个新⽤户的进度直接修改到8-8关,⾦钱(能量)直接修改到1000;注:游戏金额 = 用户存档所设置值的10呗,因此金币修改到1000 则只需设置成100的值。三,方法步骤:1,首先进入游
2021-03-15 21:27:35 31358 2
原创 进制转换-基础知识
一,进制转换相关概念概念:n进制,逢N进1基数:进制中允许使用的数码的个数二进制: 0 1八进制: 0 1 2 3 4 5 6 7 八进制: 0 1 2 3 4 5 6 7 十进制: 0 1 2 3 4 5 6 7 8 9 十六进制: 0 1 2 3 4 5 6 7 8 9 A B C D E F 十进制:位权:10² 10¹ 10º10²指的是 百位上1 的位权,以此类推;(123)₁₀1x10² + 2x +3x10º = 123二,进制
2021-03-15 20:32:45 2211
原创 Windows Installer 程序包有问题。此安装需要的DLL 不能运行。请与你的支持人员或程序包开发商联系。
Windows Installer 程序包有问题。此安装需要的DLL 不能运行。请与你的支持人员或程序包开发商联系。解决办法:1,下载安装微软提供的:Windows Install Clean Up;该工具会列出目前系统中所有的Windows Installer使用安装的软件。注意! 安装Windows Install Clean Up的时候如果安装包无法打开,请右键使用管理员的身份打开。安装完成后,如果无法找到该应用。可通过搜索的方式打开:找到对应的程序进行移除。移除的内容根据自身发生情况进
2021-03-03 10:32:55 20381
原创 JAVA无法安装,提示此操作只对目前安装的产品有效
JAVA安装时提示:“此操作只对目前安装的产品有效”。安装程序无法继续运行。解决办法:1,系统左下角搜索框中输入:注册表编辑器。2,打开注册表编辑器。找到该路径:计算机\HKEY_LOCAL_MACHINE\SOFTWARE\WOW6432Node\JavaSoft上图已经将之前安装的记录删除掉了,各位根据自身情况进行判断,找出相应的注册表进行删除。删除之后即可重新进行安装。...
2021-03-03 09:28:04 7374
WICU.rar->Windows Install Clean Up
2021-03-03
POI_3.8_API
2020-11-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人