- 博客(25)
- 收藏
- 关注
原创 cannot find a valid baseurl for repo:base/7/x86_64问题或mirrorlist.centos.org无法访问的问题
出现这个问题主要是因为在2024年7月1日,CentOS 已经 EOL(end of life)不再建议使用,因此mirrorlist.centos.org也失效了;在控制台执行以下代码替换地址。
2024-07-13 22:34:48
160
原创 element-ui的穿梭框异常情况
在使用element的穿梭框组件时,出现如图的情况,文字和选择框都变居中,经过f12查看css样式之后,发现有一个全局的text-align:center,去除后组件恢复正常
2020-12-09 22:50:39
1407
1
原创 js的date日期的坑
通过let nowDate = new Date()获取当前时间,用nowDate.getMonth()获取的月份比当前真实月份小1,因为js的月份从0开始计算!取日时,用nowDate.getDate()
2020-10-05 21:00:03
321
转载 移动端web开发适配 | 设计协作
https://blog.csdn.net/qq_34020571/article/details/78923089
2020-09-22 10:18:58
123
原创 flex弹性盒子的使用
详细参考:https://www.jianshu.com/p/4290522e1560display:flex可启用flex布局flex:1可以使各个子元素所占宽度等分有以下几个属性flex-direction: row| column |row-reverse |column-reverseflex-wrap:nowrap|wrap|wrap-reverseflex-flow: (flex-flow属性是flex-direction属性和flex-wrap属性的简写形式,默...
2020-09-22 00:08:04
121
原创 防抖和节流简述
1.防抖1.1解释函数防抖(debounce):当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设定的时间到来之前,又一次触发了事件,就重新开始延时。如下图,持续触发scroll事件时,并不执行handle函数,当1000毫秒内没有触发scroll事件时,才会延时触发scroll事件。1.2实现使用settimeout实现,触发事件,若当前没有定时器,设定定时器。若有定时器,重设定时器。 function debounce(fn, wait){
2020-09-19 12:22:44
375
原创 XSS和CSRF
参考:https://blog.tonyseek.com/post/introduce-to-xss-and-csrf/https://www.cnblogs.com/yangsg/p/10621496.html#XSS攻击XSS 攻击是指攻击者在网站上注入恶意的客户端代码,通过恶意脚本对客户端网页进行篡改,从而在用户浏览网页时,对用户浏览器进行控制或者获取用户隐私数据的一种攻击方式。攻击者对客户端网页注入的恶意脚本一般包括 JavaScript,有时也会包含 HTML 和 Flash。有很
2020-09-18 10:45:55
146
原创 Node复习自我指南
Node事件循环Node.js 是单进程单线程应用程序,但是因为 V8 引擎提供的异步执行回调接口,通过这些接口可以处理大量的并发,所以性能非常高。Node.js 几乎每一个 API 都是支持回调函数的。Node.js 基本上所有的事件机制都是用设计模式中观察者模式实现。Node.js 单线程类似进入一个while(true)的事件循环,直到没有事件观察者退出,每个异步事件都生成一个事件观察者,如果有事件发生就调用该回调函数。事件驱动程序Node.js 使用事件驱动模型,当we.
2020-09-16 10:38:41
107
原创 webpack学习记录
1 为什么要打包?逻辑多文件多,项目的复杂度提高了。webpack可以翻译代码(Loader),可以加入插件(Plugin)。2 重点:理解前端模块化 理解webpack打包的核心思路 理解webpack中的“关键人物”(Loder和Plugin)3 模块化举例为了防止某些变量被篡改,保护特定变量,可以使用下面写法(闭包)//闭包//一个立刻执行函数//写法一,在函数中进行挂载(funcion(window){ var name = "Susan" va
2020-09-15 16:33:47
100
原创 Promise学习记录
promise的出现解决了ajax的回调地狱问题,同时增加了代码的可读性和可维护性三种状态:1.pending[待定]初始状态2.fulfilled[实现]操作成功3.rejected[拒绝]操作失败var promise = new Promise(传一个函数);var promise = new Promise( function (resolve, reject){ if(/*异步操作成功*/){ resolve(valve); //resolve
2020-09-14 22:26:05
128
原创 Vue前端自我复习指南
参考https://www.jianshu.com/p/638e7454ec1a单页面应用是什么?单页应用(Single Page Application),是一种只需要将单个页面作为容器加载到浏览器之中的Web应用程序。原理:主要由History和Hash两种形式实现优点:(1).避免了页面的重新加载,用户有良好流畅的交互体检(2).得益于ajax,可以实现无跳转刷新,没有页面之间的切换(3).减轻服务器压力,服务器只用出数据就可以了,不用管展示逻辑和页面合成缺点:(1
2020-09-14 13:50:27
239
1
原创 堆排序简述
首先,堆是完全二叉树(指每一层的节点都是从左到右填)而二叉树可以用数组来表示,如上述二叉树从上到下,从左到右编号并放入数组:int arr[]={1, 2, 3, 4, 5, 6};有公式:父节点的下标 parent = ( i - 1 ) / 2;(向下取整)左子节点下标 c1 = 2 i + 1;右子节点下标 c2 = 2 i + 2;//堆排序(利用数组作为堆)//tree是待排序数组,n是长度,i是当前根序号void swap(int tree[], int .
2020-09-13 16:09:09
190
原创 浏览器相关前端知识
浏览器渲染步骤 浏览器将获取的HTML文档并解析成DOM树。 处理CSS标记,构成层叠样式表模型CSSOM(CSS Object Model)。 将DOM和CSSOM合并为渲染树(rendering tree)将会被创建,代表一系列将被渲染的对象。 渲染树的每个元素包含的内容都是计算过的,它被称之为布局layout。浏览器使用一种流式处理的方法,只需要一次pass绘制操作就可以布局所有的元素。 将渲染树的各个节点绘制到屏幕上,这一步被称为绘制painting.
2020-09-12 20:57:06
202
原创 css自我复习指南
浏览器的私有属性-moz代表baifirefox浏览器私有属性;-ms代表IE浏览器私有属性;-webkit代表chrome、safari私有属性;-o代表Opera私有属性。position属性relative和absoluteposition属性是用四种定位。默认的是static。 position:absolute(绝对定位) ——是脱离文档流,相对于父级元素(包含这个position:relative)定位,当然如果没有,那就是相对于body定位的。 pos.
2020-09-10 14:42:10
121
原创 计算机网络自我复习指南
体系结构(architecture)是计算机网络的各层及其协议的集合 物理层:物理层的任务就是透明地传送比特流。(注意:传递信息的物理媒体,如双绞线、同轴电缆、光缆等,是在物理层的下面,当做第0 层。)物理层还要确定连接电缆插头的定义及连接法。 数据链路层:将网络层交下来的IP数据报组装成帧,在两个相邻结点间的链路上”透明“的传送以帧为单位的数据。每一帧包括数据和必要的控制信息。在收到数据时,控制信息使收到端直到哪个帧从哪个比特开始和结束。 网络层:选择合适的路由,使发送站的运输层所传下来的分组能够正
2020-09-08 10:03:02
182
原创 JS自我复习指南
this的指向问题:es6箭头函数解决了this造成的一些问题1.全局环境下,this 始终指向全局对象(window), 无论是否严格模式;2.函数直接调用this(1)非严格模式下,this 默认指向全局对象window(2)严格模式下,this 默认为undefined3.es6箭头函数里的this指的是定义这个函数时外层代码的this,这句话可以从两个方面理解:(es6箭头函数没有自己的this es6箭头函数里的this是外层代码(定义时,非执行时)this的引用)
2020-09-07 18:22:36
164
原创 巨坑,node.js在linux运行出现找不到自己写的js文件Error: Cannot find module ‘../xxxxx‘
由于Linux文件系统严格区分大小写,我原先在windows上能正常运行的node后端文件在linux报错:Error: Cannot find module '../SqlMap'找不到该模块;查阅资料后发现可能是文件大小写的问题,文件名改为sqlmap.js后问题消失。总结:以后需要在linux上运行的项目最好在linux或mac环境下编写...
2020-08-08 16:45:55
1185
1
原创 使用jquery操作字符串中的html元素
有一个这样的包含html元素的字符串:var html = '<div><h4><a class="preview-target" href="content.html">Headline</a></h4></div>';要想用jquery操作里面的html元素,可以用以下方法var html = '<div><h4><a class="preview-target" href="conte
2020-08-05 04:10:37
1049
原创 解决element-ui的坑 body外默认有一圈8px的边框
用element-ui写项目时发现页面四周莫名有一圈留白(就是蓝色背景和网页边框之间的白色)f12检查后发现是body标签外一个8px的margin,应该是element-ui自带的解决:在Vue-CLI项目的index.html文件的body标签上加上style="margin: 0;"...
2020-08-01 01:43:17
2932
5
原创 Vuex学习笔记
Vuex的作用简单来说Vuex是实现跨组件的全局状态(变量)管理的工具。它和其它使用全局变量方式相比,优势是实现了响应式。以下的场景可以生动说明什么时候需要用到它:线上商城的购物车,需要在多组件中存取购物车的商品 维护登录状态(引入)单页面状态管理State可以理解为变量,Action是用户的动作,View是数据在页面的展示,三者循环影响多界面状态管理全局单例模式为了在多个视图中共享状态,将需要共享的状态放入Vuex,统一进行访问和修改修改存放在Vuex中的数据.
2020-07-31 02:56:12
103
原创 php页面错误码500,碰到Fatal Error: Class 'mysqli' not found in...
今天本来已经运行了大半年的网页突然打不开php页面,只返回空白页面显示错误码500第一步:开启错误提示,将php.ini的以下两个错误提示设置改为Ondisplay_errors =Offdisplay_startup_errors = Off第二步:检查后,浏览器输出Fatal Error: Class 'mysqli' not found in...参考https://blog.csdn.net/cigang/article/details/103358997...
2020-05-11 18:27:54
154
转载 编译原理 求follow集
1、A->...Ua...a此时加入follow(U)中,即把要求非终结符后的终结符加入,只看产生式右部,不管左边2、A->...UP...若要求非终结符后紧跟的也是非终结符,则把first(P)加入follow(U)这种情况还有一种特殊状况:A->...UP后跟的非终结符是最后一个符号,则在把first(P)加入的同时,把follow(A)也加入follow...
2019-11-14 21:09:37
430
原创 微信小程序的bug记录
在页面中有类似表格的页面,有多行文本,文本间用分割线分割,但是使用分割线后发现有部分分割线不显示,查阅后发现可能是因为分割线的height用rpx表示的原因,改为px后问题暂时解决。...
2019-11-06 15:15:48
173
原创 centos7防火墙无法启动--与安装了python3有关
关闭centos防火墙后无法启动,使用systemctl status firewalld.service 查看错误信息,查阅后发现可能是之前把python的链接指向了新安装的python3,这里推荐安装python3和python2共存的文章:https://www.cnblogs.com/blogjun/articles/8063989.html修改/usr/sbin/fi...
2019-11-06 10:21:03
530
原创 php、mysql、前端使用ajax进行交互时,表情符号(emoji)无法显示的问题
把博客的标题从数据库回传到php、前端时,emoji会变成“?”解决方法:把php文件的编码改为utf8mb4,在php文件头部加上:header("Content-Type: text/html;charset=utf8mb4");同时在进行数据库查询前,要先向数据库设置编码:$setting="SET NAMES 'utf8mb4'";$conn->query($s...
2019-10-22 20:59:56
490
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人