- 博客(80)
- 收藏
- 关注
RSS订阅转载 mac使用nginx配置图片服务器——访问文件夹或文件返回403
场景：前端需要可配置的图片，因此后端需要提供图片地址，本地调试需要搭建一个图片服务器。过程：使用 nginx 进行图片服务器的搭建nginx 进行 server 配置，配置内容如下server {listen 80; #监听80端口server_name images.me.in #随便取的一个域名，需要在 hosts 文件中同时进行配置，IP 域名 （IP 为 127.0....
2020-01-13 10:26:32
1141
原创 vue组件的v-for循环中动态绑定ref
在vue组件的v-for循环中是无法动态绑定ref的，若强行绑定，当访问的时候会出现 undefined 的结果，但这不是说没有解决方法，在循环中写:ref="xxx"，循环结束后，实际生成的是一个ref数组，当取循环中某一元素的ref时，使用下标即可，见下例：<!-- template --><li v-for="(list, index) in tagList" :k...
2019-11-26 21:12:20
6002
2
转载 git版本revert逆向操作与版本回退reset
原博客链接一、问题描述在利用github实现多人合作程序开发的过程中，我们有时会出现错误提交的情况，此时我们希望能撤销提交操作，让程序回到提交前的样子，本文总结了两种解决方法：回退（reset）、反做（revert）...
2019-11-26 14:27:02
730
2
原创 transform:scale不缩小实际空间的问题
首先声明一点，transform: scale对行内元素无效，而对块级元素和原子行内级元素生效等。在开发中，有时会因满足设计需要而对元素进行整体缩放，transform: scale是现代浏览器都支持的css元素，应该是首选，但它会引发一个问题，虽然可以缩小整体显示的内容，但是并没有引起重排，所以占据的实际空间没有缩小，具体看下面的代码以及图片。<!DOCTYPE html>...
2019-11-19 16:20:04
9956
原创 移动端不兼容0.5px的解决方案
众所周知，移动端的设备各种各样，分辨率、屏幕比等都会有差异，要想做到一套代码多种设备适用尤其困难，比如部分安卓手机不识别0.5px的边框，下面给出解决方案：一、单条边框(上边框或者下边框).box { width: 200px; height: 50px; background-color: #ccc; text-align: center; po...
2019-11-19 10:55:29
1507
原创 小米前端一面
选择的视频面试，面试官还算温和，在面试过程中会引导你去思考，话不多说，总结一下面试点问题可能有几个不记得了（0）实现水平垂直居中（p标签中有一个span标签，使span相对于p标签水平垂直居中）（1）CSS的position有哪几个属性值（fixed,relative, absolute, static）（2）flex的值有哪几个（是flex-grow，flex-shrink，f...
2019-09-25 14:09:08
273
原创 百度前端一面
1.说一下自己最熟悉的一个项目，在做项目时遇到了什么问题，是怎么解决的；2.webpack的配置项有哪些；3.webpack3和webpack4的区别；4.vue-router有几种方式切换路由，如何监听路由变化；两种方式：声明式和编程式，声明式为 <router-link :to="url"></router-link>，编程式为this.$rou...
2019-09-25 13:47:41
459
原创 信大捷安前端面试
一面：1. HTTPS和HTTP有什么不同2.使用node，用过哪些库3.jquery了解的多吗4.说一下闭包，闭包引起的问题是什么5.预编译css用过吗，如何抽离公共样式，说一下简单的less中的函数6.权限验证是怎么做的7.遇到的css和javascript兼容性问题有哪些8.说一下js基本数据类型9.你了解的ES6异步解决方案有哪些10...
2019-09-25 13:47:17
379
原创 队尾幸运编号
/*题目描述：N个人排成一队, 从1到5轮流报数, 报5的人是幸运者, 出列。报到队尾后, 从队首接着报，依次循环问： 排在队尾的人是第几名幸运者注： N为小于100000的正整数例：1人排成一队, 他就是第一名幸运者。3人排成一队, 他就是第2名幸运者。5人排成一队, 他就是第1名幸运者。8人排成一队, 他就是第3名幸运者。即求：N人排成一队, 队尾是第多少名幸运者*/...
2019-09-15 20:44:29
236
原创 javascript计算逆波兰式
// 计算逆波兰式function computeResOfExpresstion(expressArr) { var options = ['+','-','*','/'] var index = 2 var i = 0; // for(var i=0;i<expressArr.length;i++) { while(i<expressArr.length) { ...
2019-09-05 15:36:21
272
原创 JS实现——全量字符集与已占用字符集
输入描述：输入一个字符串，字符串中包含了全量字符集和已占用字符集，两个字符集用@相连。@前的字符集合为全量字符集，@后的字符集为已占用字符集合。已占用字符集中的字符一定是全量字符集中的字符。字符集中的字符跟字符之间使用英文逗号分隔。字符集中的字符表示为字符加数字，字符跟数字使用英文冒号分隔，比如a:1，表示1个a字符。字符只考虑英文字母，区分大小写，数字只考虑正整形，数量不超过100，如果一个字...
2019-09-04 14:35:24
815
原创 js将字符数组转换为数字数组的方法
在牛客网上或者其他平台刷题的时候经常会碰到这样的情况，要读取输入数据，比如读取了一个这样的数组 -1, 2, 4, 5, -2，在使用Node读取的时候，实际读到的是字符串，那么即使使用split()方法分割数组，也仍旧是字符数组，即数组的每一个元素都是字符，但是要用到数字类型的元素进行运算呀，怎么办？？？当然可以在使用每一个元素时都使用parseInt或者parseFloat转化，但是这样好繁琐...
2019-09-03 19:58:22
5208
1
原创 js求一个整数二进制表示中1的个数
题目描述：输入一个大于0的整数，求其二进制表示中1的个数，例如，输入3，它的二进制表示为11，其中1的个数为2，输出2。输入：输入一个大于0的整数输出：二进制中1的个数样例输入：3样例输出：2-----------------------------------------------------------------function findNumberO...
2019-09-03 19:37:56
977
原创 精灵图加background-clip解决点击区域太小增加的点击难度问题
在做页面时，一般页面上都会有一些小按钮，当按钮太小时就容易点击不到目标或者是点击错误，尤其在移动端设备上表现更明显，那么怎么解决呢？可以参考以下的方式重点：使用背景图、借助雪碧图(精灵图)和background-clip(背景剪切)具体使用：先贴上测试的雪碧图<style> * { box-sizing: border...
2019-07-03 17:58:47
231
原创 阿里巴巴神马搜索一面
首先声明——下方蓝色字体为答案连接1.如何判断两个对象是否相等 如何对比JS中两个对象是否相等2.什么是闭包，何时使用闭包，推荐大量使用闭包吗 MDN文档讲闭包3.get请求和post请求的不同，post请求需要设置哪些参数 get和post的不同 post请求参数配置，可以参照W3C ——>http://www.w...
2019-06-28 08:44:55
438
原创 作业帮前端一面
一场电话面试下来觉得面试官的态度很好，刚开始问了一些在校学习课程。本人计算机科学与技术出身，就被问那什么要选择前端呢，回答的太诚实，感觉没留下很好的印象；接着又简单问了一下学习途径1.有没有学MVC或者MVVM框架，vue/react 答：刚开始，还没有过多的了解2.了解nodejs的事件轮询吗 阮一峰讲解Node.js的事件轮询3.nodejs的垃圾回收机制...
2019-06-26 23:48:40
1495
原创 闭包实现点赞
<body><input type="button" value="赞 (1)"/><input type="button" value="赞 (1)"/><input type="button" value="赞 (1)"/><script> function holdOn() { var value...
2019-06-22 09:12:48
338
原创 JavaScript中的高阶函数
高阶函数: 可以讲函数作为参数或者返回值的函数称之为高阶函数以下是几个内置的高阶函数 1.map方法: 通过数组中的每个元素作为参数来调用提供的回调函数，并且使用回调函数中的返回值创建一个新的数组var arr1 = [1,2,3]var arr2 = arr1.map(function (item) { return item * item;})console.l...
2019-06-20 23:04:21
171
原创 连续最大子数组的和
输入一个整形数组（可能有正数和负数），求数组中连续子数组（最少有一个元素）的最大和。要求时间复杂度为O(n)。思路: 使用数组的第一个值初始化 当前的数组和、最大的数组和遍历数组从第二个数开始累加 若累加和小于0 则放弃前面的累加和从当前元素开始重新累加 累加之后比较与最大和比较 若大于maxSum则将值替换为curSumfunction getMaxSum(arr) { v...
2019-06-16 21:40:19
723
原创 js实现，剑指offer第十四题——链表中倒数第k个结点
题目描述输入一个链表，输出该链表中倒数第k个结点。与剑指offer第三题类似，可以使用头插法将链表结点倒序插入数组arr，然后返回arr的第k个元素/*function ListNode(x){ this.val = x; this.next = null;}*/function FindKthToTail(head, k){ // write code...
2019-06-09 22:18:44
143
原创 剑指offer第三题——从尾到头打印链表
题目描述输入一个链表，按链表值从尾到头的顺序返回一个ArrayList。既然是从尾到头返回链表，可以使用unshift方法实现头插，这样链表就可以倒序输出了。/*function ListNode(x){ this.val = x; this.next = null;}*/ // 这是建链表的描述，可以忽略function printListFromTailTo...
2019-06-09 20:14:36
137
转载 ajax请求——chrome浏览器打开本地文件报错
报错：Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https. 背景运行一个html 文件， 报错如下：Cross origin req...
2019-06-08 15:07:04
906
转载 什么是css hack,有什么作用
转 CSS Hack是什么意思？css hack有什么用？ 2018年08月14日 10:02:58 大眼萌 阅读数：5996 ...
2019-06-03 17:13:47
511
原创 文档流的三个级别
标准流的级别最低，浮动元素的级别高于标准流，所以脱标的元素会浮在标准流的上方，定位元素的级别最高，默认会在所有元素的上方，想要调整级别。可以使用z-index（但是要注意的一点是，只有定位的盒子才有z-index）...
2019-06-01 11:55:11
231
原创 文字溢出显示省略号
如果我们有时文字必须要在一行显示，文字的容器宽度已经确定（比如文章标题链接）字数太多的情况下难免会溢出，但是如何让使用者知道它是溢出了，不是缺失了呢，这时候省略号就有大作用了，那么如何设置呢？请看代码<head> <meta charset="utf-8" /> <title>溢出显示省略号</title> <style ty...
2019-05-27 08:57:35
7293
原创 CSS3属性——transition-timing-function
transition-timing-function:定义以相同的速度从开始到结束的过渡效果，W3C是这样解释的前五个属性值很容易理解，最后那个cubic-bezier(n,n,n,n)可以说是最难的了，我们借助下面这张图去理解。我们先将 cubic-bezier的形式变为cubic-bezier(x1, y1, x2, y2)图上有四点，P0-3，其坐标的取值范围为 0...
2019-05-14 14:11:17
1370
1
原创 浮动与清除浮动
浮动是什么？元素的浮动是指设置浮动的元素脱离了标准文档流的控制，移动到其父元素中的指定位置的过程，碰到父元素的边框会停留。脱离文档流的元素不占据标准流的位置，因此会影响标准流。在CSS中，通过float属性来定义浮动，其基本语法格式为 选择器 {float:属性值;}属性值 描述 left 元素向左浮动 right 元素向右浮动 none 元素不浮动...
2019-05-12 20:10:50
195
原创 外边距margin合并问题
第一种情况：相邻元素垂直外边距合并问题<div class="div1"></div><div class="div2"></div>现在有两个垂直排列的盒子，我们设置了上边盒子的下外边距为100px，下边盒子的上外边距为50px，想要实现两个盒子的垂直边距为150px，但实际上两个盒子垂直方向上的外边距发生了重合，实际边距取了两者m...
2019-05-12 17:36:28
240
转载 button与input type="button" 的区别
一、定义和用法<button> 标签定义的是一个按钮。在 button 元素内部，可以放置文本或图像。这是<button>与使用 input 元素创建的按钮的不同之处。二者相比较， <button> 控件提供了更为强大的功能和更丰富的内容。<button> 与&nb...
2019-05-10 15:57:06
6523
原创 剑指offer第二题——替换空格
题目描述请实现一个函数，将一个字符串中的每个空格替换成“%20”。例如，当字符串为We Are Happy.则经过替换之后的字符串为We%20Are%20Happy。 刚开始想将字符串转换为数组，在数组中进行替换，但是使用split方法分隔字符串后发现字符串都消失了，于是又采取了一种简单有效的方法——正则表达式+replace()，我们知道，在正则表达式中，\s表示空格，\s...
2019-05-10 08:35:55
110
原创 剑指offer第一题——二维数组中的查找
题目描述在一个二维数组中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。method1：使用两重循环，这样时间复杂度为O(n2)，太低效function Find(target, array){ var flag = false; // writ...
2019-05-09 00:11:26
152
原创 WARNING in configuration The 'mode' option has not been set, webpack will fallback to 'production'
在安装webpack之后，当我们在命令行输入webpack命令时，会出现下图这种情况，这是一个配置警告，意思是说没有设置mode，将默认设置为production（生产环境），而mode的选择项有production和development。解决方法如下：在package.json中的"scripts"下配置，加上如下内容框中的build是将webpack命令用buil...
2019-05-07 09:49:53
3574
2
原创 BFC解决处于同一个BFC的两个相邻Box的margin发生重叠问题
BFC(块级格式化上下文)，创建一个BFC相当于新建一个容器，在容器内部的元素布局不会影响到外部的布局，所以当两个处于同一BFC的box在垂直方向上发生重叠时，可以在其中一个box的外面包裹一个容器，并使用其触发一个BFC，这样两者就处于不同的BFC中，也就不会相互影响了。/*css部分*/.parent { background: pink; ...
2019-05-04 10:38:16
1096
原创 计算机通信网第四次实验——IP协议的分析
实验内容：实验介绍。介绍本次实验的内容，介绍本次实验要抓的包，IP协议是因特网上的中枢。它定义了独立的网络之间以什么样的方式协同工作从而形成一个全球户联网。因特网内的每台主机都有IP地址。数据被称作数据报的分组形式从一台主机发送到另一台。每个数据报标有源IP地址和目的IP地址，然后被发送到网络中。如果源主机和目的主机不在同一个网络中，那么一个被称为路由器的中间机器将接收被传送的数据报，并且将其...
2019-05-02 21:51:02
1084
原创 计算机通信网第三次实验——TCP协议的分析
实验内容：实验介绍。介绍本次实验的内容，介绍本次实验要抓的包，TCP协议是在计算机网络中使用最广泛的协议，很多的应用服务如FTP,HTTP,SMTP等在传输层都采用TCP协议，因此，如果要抓取TCP协议的数据包，可以在抓取相应的网络服务的数据包后，分析TCP协议数据包，深入理解协议封装，协议控制过程以及数据承载过程。两幅图分别是TCP帧格式及TCP三次握手。TCP包分析：第一步，确...
2019-05-02 21:46:12
1801
1
原创 计算机通信网实验第二次——ICMP协议的分析
写在前面：有些图片太大，压缩后有些变形，可以单击查看原图本次实验内容：(1)实验介绍。介绍本次实验的内容，介绍本次实验要抓的数据包。ping是用来测试网络连通性的命令，一旦发出ping命令，主机会发出连续的测试数据包到网络中，在通常的情况下，主机会收到回应数据包，ping采用的是ICMP协议。(2)实验步骤：第一步，确定目标地址：例如选择www.baidu.com作为目标地址。...
2019-05-02 21:40:41
1479
原创 计算机通信网第一次实验——wireshark软件的使用
实验内容：(1) 实验介绍。介绍本次实验的内容，介绍Wireshark软件以及实验报告格式等。Wireshark是一个网络封包分析软件。网络封包分析软件的功能是抓取网络封包，并尽可能显示出最为详细的网络封包内容。Wireshark使用WinPCAP作为接口，直接与网卡进行数据报文交换。(2) Wireshark界面布局。Wireshark界面主要分为三部分，区域一显示抓取报文，区域二显示选...
2019-05-02 21:33:13
690
原创 vue通过属性绑定为元素绑定style行内样式
1.直接在元素上通过 :style写一个对象 在对象中设置颜色时要注意：颜色只能用单词表示，不能使用十六进制 #... 和rgb形式 和 这两种都会报错。2.在data中创建一个样式对象，通过:style引用 3.在 :style中通过数组，引用多个data上的样式对象...
2019-05-02 21:25:21
3252
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人