- 博客(24)
- 收藏
- 关注
RSS订阅原创 云服务的安全组规则
云服务的安全组规则所有的安全组，在未添加任何安全组规则之前，无论哪种网卡类型，出方向允许所有访问，入方向拒绝所有访问。所以，在添加安全组规则时，建议出方向只设置拒绝的规则，入方向只设置允许访问的规则。当你购买了云服务实例时，来到控制台可以看到出方向出方向：也就是指ECS实例访问内网中其他ECS实例或者公网上的资源。比如访问百度、访问B站等等，默认该云服务器是可以去访问任何url。所以在配置出方向的安全组规则时，我们只需要反着来，禁止访问谁谁谁即可。入方向而入方向就像这样入方向：是指内网
2020-11-16 11:04:58
1008
原创 关于Vue.js中this.$nextTick()的理解
关于Vue.js中this.$nextTick()的理解因为Vue中DOM更新是异步的，假设我们更改了某个dom元素内部的文本，而这时候我们想直接打印出这个被改变后的文本是需要dom更新之后才会实现。this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。以下是我的实际应用：解析：当需要要文本框自动获得焦点时，此时文本框 dom 结构可能还未被渲染出阿里，所以会存在 $refs 获取 dom 失败，所以如果在外层包一层 th
2020-11-16 01:10:47
437
原创 关于浏览器的页面渲染机制
今天看到一篇关于分析浏览器原理的文章，收获很大。决定将理解的内容总结出来，目的在于理解底层的原理后相信对前端的很多问题应该能有更深的理解和掌握吧。那么，一起来揭开浏览器神秘的面纱吧浏览器的概念浏览器的主要功能就是向服务器发出请求，在浏览器窗口中展示您选择的网络资源。这里所说的资源一般是指 HTML 文档，也可以是 PDF、图片或其他的类型。资源的位置由用户使用 URI（统一资源标示符）指...
2020-10-26 09:01:03
193
2
原创 关于 git 的一些小细节
git 细节以下结论均以通过实践验证：git pull 只拉取所在分支，并不是 pull 整个远程仓库。本地仓库分支如果已有远超远程仓库的节点，pull 之后不会覆盖本地分支的进度。远程仓库的其他分支存在相对于本地的改动，git pull 之后切到其他分支并不会拉取到远程仓库的改动，所以应该先 checkout 后再 pull。...
2020-08-18 16:51:18
329
原创 js在原数组上移除特定元素的各种算法
分享一道牛客网上的小题目移除数组 arr 中的所有值与 item 相等的元素，直接在给定的 arr 数组上进行操作，并将结果返回测试样例：removeWithoutCopy([1, 2, 2, 3, 4, 2, 2], 2)；我的答案：function removeWithoutCopy(arr, item) { var n = arr.length; for (var i = 0...
2020-04-04 23:41:17
465
原创 关于web跨域问题的总结
什么是跨域跨域是由浏览器同源策略引起的，是指页面请求的接口地址，必须与页面url地址处于同域上（即域名，端口，协议相同）。这是为了防止某域名下的接口被其他域名下的网页非法调用，是浏览器对JavaScript施加的安全限制。同源策略是浏览器最核心也最基本的安全功能，Web是构建在同源策略基础之上的，浏览器是针对同源策略的一种实现。同源策略的三个评判指标：协议域名端口号‘下表给出了...
2020-04-04 17:33:55
3105
5
原创 正则表达式匹配USD格式
USD是美元数额的一种表示格式，该格式要求字符串符合以下特征：以 $ 开始整数部分，从个位起，满 3 个数字用 , 分隔如果为小数，则小数部分长度为 2那么如何用正则表达式来匹配USD格式的字符串呢？咱们先揭晓答案，然后慢慢解释/^\$[1-9]\d{0,2}(,\d{3})*(\.\d{2})?$/第一部分^\$[1-9]\d{0,2}要求以美元符号开头：$字符在正...
2020-04-03 12:34:10
2096
原创 js类数组转数组方法（偏小白）
什么是类数组？类数组(类似于一个数组的对象)：是相当于一个对象，里面有数组的值以及相应的属性(length)。类数组本质上是一个对象，使用对象模拟出来的一个数组，它用数组下标作为对象属性的键，数组元素作为对象各字段的值。另外，类数组对象还有一个length属性。除此之外不再有其它像push、pop等数组属性和方法。var arrObj = { "0": "a", "1": "b",...
2020-03-30 23:33:04
361
原创 关于“十进制转二进制，求位数”的一点小结
题目描述：假设有这么一个函数valueAtBit(num, bit)，输入一个十进制数num，求它的二进制数的bit位是多少（注意bit应该从1算起）以下是几种实现方法的总结：方法一，最硬核的方法这个方法模拟了平时我们计算二进制数的过程：num除以2，求出得商和余数（假设商为resu，余数为rest）拿上次的商resu再除以2，求得新的商resu和本轮的余数rest重复1、2步操作...
2020-03-29 12:11:17
1498
原创 对js里function的length属性的理解
相信大家对数组里的length属性应该不陌生，它表示数组元素的个数，但是你有没有留意过，function里也有一个length属性，下面是我对该属性的一点理解，希望对大家有所帮助。function的length属性（指实例对象/已定义的函数）它表示该函数的形参个数，我们来看一下下面的例子function fn(a, b, c) { return a + b + c;}console.l...
2020-03-28 12:07:12
1893
1
原创 box-shadow的遇坑经历
box-shadow的遇坑经历记录学前端两年了，可以说box-shadow这个属性我认识的比较早，但理解得比较晚，每每用到这位娇生惯养的“小公主”我都要好好百度一番，然后才能好好“伺候”她。哇，不得不说我燥得很，这家伙的属性值参数实在太多了，记不住，记住又容易乱。还不如乖乖做个笔记，好下回免了盲目百度，直接上这儿来找多好嘿嘿嘿~（滑稽脸挠头）先贴一下w3c的文档大概的内容上图都写了，我...
2019-12-17 11:08:33
299
原创 less的简单语法
less的简单语法接着上回的less主题，less的用法相关内容有嵌套、变量、mixin等。下面一样一样介绍用法：嵌套像原生的css语法是不允许样式嵌套的，每个选择器都得分别写。例如像下面的demo它的html结构<div class="outer"> 我是一个skyblue色的大盒子 <div class="inner"> 我是...
2019-07-29 14:09:30
428
原创 使用less来编写css样式表
《进阶的css——less！》各位前端小伙伴们，我又来啦！上一期给大家讲解了通过emmet编写html，来加快html文档开发效率。你们想过吗？css也有奇招来提高开发效率。让咱们请出另一位小伙伴less桑~~~（喊破喉咙）在less里我们可以使用嵌套结构来编写css，还可以使用变量来给属性赋值等等，嵌套结构可以使css代码结构像html标签那样层层嵌套，使css代码看起来更为清晰。使用变量可...
2019-07-21 21:03:27
3493
原创 Emmet的学习记录
Emmet的学习记录前端开发中，我们都知道写html结构是必须的，但过程却是费时且无聊的。这是因为往往需要写大量的html标签来表现网页文档。很多时候就一小小段的内容，只为了表现段落结构、文档层次或者页面语义化，就需要书写大量的标签来包裹相应部分内容。有没有一种效率既高又能按预想的那样实现html结构呢？有！当然有！用起来贼~~~酸爽。来！请出咱们这一期的主角emmet这本来是一个插件，由于...
2019-07-12 20:05:22
218
原创 惊！小程序也能引用font-awesome
小程序引入外部字体文件教程在这里插入代码片我们知道，字体图标有着许多优点，比如font-awesome、iconfont之类的字体图标库。首先它比位图图标使用起来方便很多，不会失真，图标颜色随便调，不言自喻它是咱们web前端的一大好伙伴！但当我们开发微信小程序时，也想引用font-awesome怎么办，小程序的样式表是wxss，直接修改font-awesome的后缀名？不不不，事情恐怕没那么简...
2019-06-29 13:29:16
683
原创 前端布局新朋友-网格布局
认识网格布局（Grid Layout）相信学web前端的朋友们应该对“布局”这个概念不陌生吧，在前端布局里有这么几大布局技术：流式布局（Flow Layout 默认）浮动布局（Float Layout）定位布局（Position Layout）表格布局（Table Layout 已弃用）CSS3之后新增了两个新布局弹性布局（Flexbox Layout）网格布局（Grid L...
2019-06-25 11:43:45
584
原创 关于对meta标签的用法汇总
关于对标签的用法汇总大家平时写html对<meta>标签应该不陌生吧，你最常见的<meta>是长什么样的呢？是不是。。。↓↓↓<meta charset="utf-8" />果然。。。当然了，用过bootstrap的伙伴可能还知道<meta name="viewport" content="width=device-width, initial...
2019-06-15 18:44:28
352
原创 关于Js中函数形参与实参的个数问题
关于Js中函数形参与实参的个数问题 我们知道，在C语言或者C++中，调用函数时，实参和形参之间的类型、顺序不仅要一一匹配，而且实参和形参的个数也要相等。如果想要达到实参和形参个数不相等的效果，那么就得做函数重载。了解过的朋友应该都知道，这样做是很麻烦很麻烦的。 而在JavaScript里，情...
2019-06-08 20:12:57
6681
1
原创 重新认识JavaScript和php数组
重新认识JavaScript和php里的数组接触过多门编程语言的朋友们应该都知道，不管什么语言，基本上都会有数组这个数据类型，今天我们就来谈谈JavaScript和php里面的数组以及我对它们的新认识。在php里，数组可以分为两种：索引数组（数值数组）关联数组（关系型数组）索引数组索引数组（数值数组），也就是我们平时常见的那种用带下标的数组，要访问它里面元素的值，可以通过索引（下标...
2019-06-02 14:06:39
212
原创 CSS宽度分离与box-sizing
CSS宽度分离与box-sizing本文章分为box-sizing和宽度分离两部分。熟悉box-sizing属性的童鞋可以直接空降到第二部分。引言估计大部分初入CSS的童鞋们或许会遇到一个莫名其妙的问题，当给盒子加了border或者padding之后盒子的width跟height是不是变大了? 其实这个时候问题就在于boxSizing。第一部分理解盒模型的朋友应该知道，一个盒子分为con...
2019-05-27 12:58:21
385
原创 对于网络协议协议的了解及理解
对于网络协议的一些了解及理解网络文件传输是通过一系列协议（protocol）来实现的，大体上可分为应用层、传输层、网络层、链路层和物理层这五层。而对于我们前端学习，涉及到的大概就是应用层和传输层这两层。TCP/IP协议属于传输层协议，而我们平时经常听到的HTTP协议，则属于应用层协议。下面是涉及到的一些专业术语以及博主这些天学习的个人理解。什么是 IP地址？直观上，IP 地址是一串 32 位...
2019-05-20 21:58:31
1580
1
原创 CSS属性补漏计划——第一弹（border-image）
CSS属性补漏计划——第一弹（border-image）该属性属于css3属性，它允许盒子模型的边框样式为自定义图片。该属性的参数主要分为三个方面：图片路径裁切距离显示方式下面分别解释这三个方面的参数。第一个图片路径，它有单独的一个属性名叫border-image-source，用法和background-image一样，用url引入图片路径。如border-image-sour...
2019-05-13 22:29:58
289
原创 js渐变轮播图的实现方法
js渐变轮播图的实现方法渐变切换主要运用css的opacity属性，结合transition实现渐变过渡。html结构方面大体分为三部分:①图片展示部分(主体)②左右切换部分③轮播焦点部分 <div class="banner"> <div class="ban-image"> <img class="on" src="img/1.jpg" /&...
2019-04-29 14:19:45
3218
4
原创 圣杯布局和双飞翼布局的学习总结
圣杯布局和双飞翼布局的学习总结最近做响应式网页时遇到了圣杯布局和双飞翼布局这两个概念，它们俩的特点比较相似，都是三个横向排列的块元素，但其具有当调整浏览器窗口时，左右两边的块元素宽度不变，中间的块元素宽度自适应的特点。这两个布局配合flex布局以及bootstrap能达到很好的响应式效果。以下是对这两个布局的学习笔记：我们先来说说圣杯布局吧，实现这个布局的原理很简单，步骤如下： 1. 首先...
2019-04-23 13:01:58
197
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人