- 博客(87)
- 收藏
- 关注
转载 【奇奇怪怪新知识点get】CSS3新屬性「pointer-events」
转载自:[教學] CSS3新屬性「pointer-events」讓你可隔山打牛,不再被上層元件給遮住
2021-01-08 10:24:12
245
转载 [React] 关于视频流的问题 —— 隐藏浏览器页面时,直播视频自动暂停,重新打开页面播放进度滞后的问题
问题描述:当切换浏览器Tab页时,直播视频会自动暂停,而再次重新切换回来时尽管仍在播放,但其实已经是延时后的视频。这是由于视频上有时间显示才发现的~解决方案:通过监听’visibilitychange‘事件,可以监听是否离开或者重新回到当前页面。此时:获取当前页面的video节点;通过判断buffered属性(该属性记录了视频的缓存范围);若存在buffered,则应该将currentTime赋值到缓存范围尾端。这样就可以解决进度滞后的问题了。关键代码如下: // 用于监听浏览器切
2020-12-30 17:11:02
2083
原创 【Git】添加Tag简单操作
Tag相关操作查看标签// 打印所有标签git tag// 查看对应标签状态git checkout <版本号>创建标签Git 支持两种标签:轻量标签(lightweight)与附注标签(annotated)。轻量标签创建轻量标签,不需要使用 -a、-s 或 -m 选项,只需要提供标签名字:git tag <版本号>附注标签// 可在最后添加特定的版本值(通过git log 查询)git tag -a <版本号> -m "<备注信息&
2020-12-22 09:57:31
602
转载 【React】通过webpack配置jQuery
安装jQuery:npm install jquery --save通过webpack将变量挂载到window下面,即可在项目中直接使用,无需再引用。 //修改webpack配置文件: plugins:[ new webpack.ProvidePlugin({ $:"jquery", jQuery:"jquery", "window.jQuery":"jquery" })]...
2020-12-21 17:53:35
389
原创 【JS】关于零宽字符:看不见却占位置的字符
在做项目的时候偶遇给后端传一段变量,而后端解析的时候中间多了几个奇奇怪怪的字符,可是前端不管打印还是看代码都没看出来什么时候加进去的字符~却莫名的被占了长度。后面经查询,了解到有零宽字符这一说法(产生原因不明~),解决方案如下:网上大多通过正则表达式进行替换:如:去除ZERO WIDTH SPACE 零宽字符: 看不见却占位置的字符项目中我因为每次出现的位置是固定的,通过str.slice() 将多余字符隔开再重新拼接。...
2020-12-21 09:21:38
3920
原创 macOS 10.14+ 在virtualBox安装centOS异常退出
项目场景:macOS 10.15.3virtualBox 6.1问题描述:导入CentOS-7-x86_64-DVD-2003.iso镜像进行安装;一切安装就绪后,点击启动,virtualBox出现闪退。 原因分析:查看Log后,发现最底下有一行提示:**CoreAudio: macOS 10.14+ detected, checking audio input permissions。**解决方案:经Google后发现,需在“设置”中把选项“媒体”中的“启用音乐”去掉
2020-10-12 10:04:31
1918
5
转载 MacOS彻底卸载MySQL
文章转载:MacOS彻底卸载MySQL因为一直在5.7和8.0版本纠结…经常换来换去,而且似乎不知道是不是没有删除干净后面一直连接不上,下面看看怎么彻底卸载MySQL~ps –ax | grep mysql //获取mysql的进程,开头的数字就是进程的pidstop and kill any MySQL processes // 可以直接kill -9 pid,但是我用上一条查出来的是mysqld的一个进程,kill的时候提示我没有权限,在活动监视器里也无法强制退出,用了如下来自stacko
2020-08-17 11:03:57
1290
原创 [JS开发者应懂的33个概念]2.基本数据类型
在JavaScript中,数据类型主要分为两种 :基本数据类型和引用数据类型。这里主要讲解关于基本数据类型的相关知识点。
2019-09-03 15:10:35
189
原创 [JS开发者应懂的33个概念]1. 事件循环
在Github上看到一个关于JavaScript开发者应懂的33个概念,个人认为里面的内容还是挺常见的,因此打算根据其目录对JavaScript进行一次知识点的梳理。
2019-08-30 09:53:41
300
转载 React 下载功能【导出】实现方法
React 下载功能【导出】实现【Get请求接口】通过Get是比较容易下载文件的,只需要使用window.open即可实现。但假如需要传递的参数过多,则不适合使用;同时使用这种方式url也会显得臃肿。window.open(‘下载url’)如果url中需要带参数,则可以直接在query上添加参数即可;假如有多个参数,参数与参数之间通过&进行连接。###【POST请求接口】动态创建...
2019-08-22 09:17:56
7929
1
原创 【CSS】Grid布局
Grid布局定义将网页划分成一个个网格,可以任意组合不同的网格做出各种各样的布局。基本概念容器和项目容器:采用网格布局的区域。项目:容器内部采用网格定位的子元素。 <div class="grid-container"> /* 容器 */ <div class="item item-1">1</div> /* ...
2019-07-04 13:55:10
353
转载 export 和 expor default
export 和 expor default今天在写react-router的时候,用import导入路由配置文件,一直报错,后来才发现原来import写错了。区别点:export 与 export default 均可用于导出常量、函数、文件、模块等。在一个文件或模块中,export、import可有多个,export default 仅有一个。通过export方式导出,在导入时要加...
2019-07-02 17:26:47
1374
转载 DOM的事件传递机制 —— 捕获与冒泡
DOM的事件传递机制 —— 捕获与冒泡在用react写form表单的时候,看到代码里面有一句e.preventdafault(),因为不知道这个函数什么意思,就查了一下,才发现和Event事件有关系,并且也逃不掉事件的捕获与冒泡。为此,借此机会顺便了解学习了一些相关知识。文章参考:https://blog.techbridge.cc/2017/07/15/javascript-event-...
2019-06-28 16:50:25
1443
原创 JavaScript DOM编程艺术 笔记
JavaScript简史JavaScript是一门脚本语言、解释性语言以及弱类型语言解释型语言:不需要编译器,只需要解释器。例如:JavaScript在浏览器中进行解释和执行弱类型语言:对变量没有明确的定义,例如:var i即可能是整数,也可能是字符串DOM(文档对象模型) 对文档内容进行抽象和概念化的方法每一个网页就是一个文档对象,平常我们也称之为"DOM树"JavaSc...
2019-06-21 16:06:23
163
转载 React学习(一):React基础概念 —— 官方文档
近期在学习React,发现React的很多写法都更加接近原生JS,不得不说看起来有些吃力,GitHub上有近期学习的一些demo和资料,感觉要学习的东西还很多呀!GitHub地址:https://github.com/K-Stella/Learn-ReactReact基础概念 —— 官方文档React的基本组成:元素和组件元素是组成React应用的最小砖块JSXJSX是JavaScr...
2019-06-06 14:10:54
397
原创 【阿里云】ECS 使用 Ossfs 挂载 OSS 存储
ECS 和 OSS 都是阿里云旗下的产品,ECS 是云服务器,OSS是对象存储,用于存储数据,个人感觉类似于数据库。而通过Ossfs就可以将ECS和OSS连接起来,将OSS的一个bucket挂载在ECS的文件夹上,这样当数据上传到OSS时,也就同步到ECS了。参考文章:阿里云的帮助文档https://www.alibabacloud.com/help/zh/doc-detail/3219...
2018-10-06 15:04:40
5945
2
原创 【杂记】form小问题
今天在写form表单的时候,method采用了post方法,然后也有submit按钮,但是不知道为什么就是一直都不行,按着没反应,请求也没有发出来。 后来在对比之下发现,我这个form的作用区域似乎没有把input那些输入框包含进行,所以一直按都没反应,但是从代码出发,我的form也没看出有什么问题,该结束的也都有了,可是就是不行。 但可以肯定的是肯定是form这里出了问题,这里只是想提醒一下...
2018-08-02 00:12:04
140
原创 【杂记】jQuery 之 data()方法
今天发现了一个不怎么常用的东西,但是却刚好可以解决我之前的取值问题。因为前端本身也没有什么基础,不知道要从哪说起,就直接举例吧。 data方法<a href="#" class="del" data-id="123" data-pid="456">delete</a>// 导入jQuery.js省略 ...<script>
2018-08-02 00:02:12
324
原创 【杂记】express框架下app.use的小使用
对于express框架,一直都不了解中间件是怎么样的概念,目前对我来说就说:可以转发请求的一种中介。 今天在写一个小demo时,突然,知道了它在写路由时的一些用处。下面是一个小例子:// app.jsvar userRouter = require('./routes/user');app.use('/v1',userRouter);// user.js// 此处访问的地址其实是 ...
2018-08-01 23:52:40
880
原创 【杂记】nodejs supervisor 自动检测文件变化
今天在弄demo的时候,突然发现了supervisor这个玩意,之前还一直以为express一定要自己再次启动才行,今天用了supervisor感觉特别方便。 它的作用就是监察当前目录下nodejs和js后缀的文件,当文件发生改动时,supervisor会自动重启服务。 使用: npm i -g supervisor 安装后 supervisor 项目启动的入口文件 这里在expre...
2018-08-01 23:42:29
569
原创 【杂记】计算机网络.计网的体系结构
【计算机网络】小知识总结很多知识,看书以为自己都懂,但是自己写的时候却总是什么都写不下来,也不会总结,所以希望每天都把自己的所获所想记录下来,可能写的很散、很少、很乱,但希望日积月累可以形成更为系统的知识系统。为什么要进行分层?差错控制差错控制是指不同层之间数据传输的检验;流量控制流量控制是为了保证客户端能够及时接收服务器端发送的数据,及时进行传输的调控;独立工作,互不干...
2018-07-31 23:28:32
381
转载 【杂记】js中 '==' 与 '===' 的区别
“==” : 严格运算符 ;抽象相等,比较时会先进行类型转换,然后再比较值 “===” : 相等运算符 ;严格相等,会比较两个值的类型和值 参考文档: 1.js 中 == 和 === 的区别 https://juejin.im/entry/584918612f301e005716add6今天在做项目的时候,比较两个数字是否相等,但是却出现值相等而没有相等的情况,后来才发现原来是...
2018-07-31 22:54:52
148
原创 【杂记】nodejs导入jQuery的方法
安装jQuery依赖包 npm install jQuery安装jsdom依赖包 npm install jsdom在需要使用jQuery的时候导入相关包,例如,在使用ajax的时候则需要先加载jQuery.js(先后顺序很重要),否则就会报错:$xx is not defined 这样的错误。 如下导入:<script type="text/javascript" src...
2018-07-30 23:18:24
4202
1
转载 mysql 安装后不能使用cmd进行访问
原因:没有配置环境变量。 解决方法: 找到Mysql安装路径,例如:C:\Program Files\MySQL\MySQL Server 5.7\bin,在环境变量Path处加上重启服务即可。
2018-05-28 13:46:15
3311
原创 【JAVA】Hibernate 之 创建数据库对象
Hibernate 之 创建数据库对象Session其实session相当于hibernate当中连接数据库的一个媒介,它就是一个操作数据库的对象。session与connection,是多对一的关系。把对象保存在关系数据库中需要调用session的各种方法,如:save()、update()、delete()、createQuery()等。如何获得session对象?ope...
2018-05-06 23:12:49
588
原创 【JAVA】SSH 框架 之 Hibernate小例子
这两天在慕课看完了关于Hibernate的一个入门视频,里面简单介绍了hibernate的一些知识点,光是看视频的时候总感觉好像不是很难的样子,可是今天实际写代码的时候却发现自己一直报错~也是心累.编写Hibernate例子的步骤创建hibernate的配置文件(*.cfg.xml)这里主要配置和数据库连接的一些基本信息。常用的如下:<session-factory>...
2018-05-06 00:43:14
580
转载 【Android笔记】探究活动②使用Intent在活动之间穿梭
1.第一行代码Android 第2版 郭霖 著 2.[Android总结篇——Intent机制详解及示例总结] http://www.cnblogs.com/X-knight/p/5438042.html 3.[Android Studio Intent使用(显式、隐式) 第一行代码] https://blog.csdn.net/u012005313/...
2018-04-01 19:04:04
343
转载 【Android笔记】 探究活动①活动的基本用法
1.第一行代码Android 第2版 郭霖 著探究活动①活动的基本用法活动是最容易吸引用户的地方,它是一种可以包含用户界面的组件,主要用于和用户交互。我的理解:活动就像是一个个应用当中不同的界面,每个活动都有自己的布局和方法,为用户提供不同的体验,通过不同活动的跳转,最终汇聚成一个完整的APP。它的基本用法包括:启动活动、传递数据、活动的生命周期、启动模式等等,...
2018-04-01 18:56:58
247
转载 【Android笔记】监听button点击事件
【Android】监听button点击事件最近在看《第一行代码》学习Android,目前看到第三章。这本书可以说是手把手教学吧,里面的步骤和内容都非常详尽,对于一些需要开发中需要注意的过程也有所提及,可以说是一本不错的入门书籍。 但在阅读的过程中,经过案例都可以还原,我还是不能做到举一反三,很多知识点仍然处于模糊的状态,可能还是需要多次阅读再加上后面的学习才可以有更深刻的认识。 对于里面代...
2018-03-28 15:13:15
496
转载 【小程序】生命周期与app对象的使用
小程序的生命周期与app对象的使用APP的生命周期App()函数用来注册一个小程序。接受一个 object 参数,其指定小程序的生命周期函数等。App()必须在app.js中注册,且不能注册多个。object参数说明:当小程序处于前台的状态时,既处于onShow的状态;而当小程序按了Home键又或者被其他程序完全遮挡时,这是就会进入后台状态,也就是onHide的状态...
2018-03-25 20:47:05
1718
转载 【小程序】app.json的配置详解
小程序的配置详解app的页面配置app.jsonpages数组当中,第一个页面就是我们的初始化页面,我们并不需要把后缀名也写上。app的窗口配置app的tabBar配置如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。相当于做...
2018-03-25 20:37:49
8092
原创 PAT 1041. 考试座位号(15)
题目概述: 每个PAT考生在参加考试时都会被分配两个座位号,一个是试机座位,一个是考试座位。正常情况下,考生在入场时先得到试机座位号码,入座进入试机状态后,系统会显示该考生的考试座位号码,考试时考生需要换到考试座位就座。但有些考生迟到了,试机已经结束,他们只能拿着领到的试机座位号码求助于你,从后台查出他们的考试座位号码。输入格式: 输入第一行给出一个正整数N(<=10...
2018-03-24 22:08:06
5731
2
原创 【小程序】视图与渲染
小程序的视图与渲染组件的基本使用在官方文档当中,我们可以找到组件一栏,在那里就可以学习到基本组件的使用了。数据绑定在.wxss中通过{{}}就可以定义数据的变量名称,而在.js文件中的data就可以对数据进行初始化,这就完成了数据的绑定了。例如://firstPage.wxss<button type="primary" >{{btntext}} &l...
2018-03-24 20:29:10
1511
原创 【小程序】目录的简单介绍
目录结构代码构成pages index index.jsindex.wxmlindex.wxsslogs logs.jslogs.jsonlogs.wxmllogs.wxssutils utils.jsapp.jsapp.jsonapp.wxssproject.config.json文件格式介绍.json后缀的文件是配置文件,主要用于程序...
2018-03-24 20:18:00
1947
转载 【小程序】background-image无法获取本地资源图片
今天在弄小程序导入图片的时候,突然发现了无法正常导入本地图片,而且换了几张图也不行,最后通过下面的方法便解决了这个问题。用background-image获取本地资源图片时,会出现以下报错官方文档写明了本地资源无法通过 WXSS 获取,但是可以用网络图片,或者 base64网络图片 http://www.moepan.net/ 将图片传上去,然后将外链地址复制到url...
2018-03-23 23:58:39
11988
原创 【密码学笔记】代替技术
代替技术代替技术是将明文字母替换成其他字母、数字或符号的方法。Caesar密码(由Julius Caesar发明)定义:将字母表中的每个字母,有它之后的第 3 个字母来代替。例如:明文: meet me after the toga party密文: PHHW PH DIWHU WKH WRJD SDUWB我们通产用一个数字来代替每一个字母,因此,得到下表:...
2018-03-22 20:43:41
1460
原创 【密码学笔记】传统加密技术——对称密码模型
传统加密技术对称密码模型5个基本成分:明文:原始的消息或数据,既算法的输入。加密算法:对明文进行各种代替和替换。密钥:独立于明文和算法,也是加密算法的输入。算法根据所用的特定的密钥而产生不同的输出。密文:算法的输出,依赖于明文和密钥。解密算法:加密算法的逆运算,既得到明文的过程。图 传统密码的简化模型假设明文信息X=[X1,X2,…,XM];密钥K=[K...
2018-03-22 20:19:30
3425
原创 【密码学笔记】计算机安全基本概念
计算机安全概念三个基本概念计算机安全计算机安全处理的是计算机系统用户对未经授权的行为的预防和检测。授权是定义的核心。其有3个核心目标,如下:保密性(Confidentiality)对信息的访问和公开进行授权限制,包括保护个人隐私和秘密信息。保密性缺失的定义是信息的非授权泄露。例如:邮件泄露;解决方案:加密、访问控制完整性(Integrity)防止...
2018-03-22 20:15:37
1384
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人