发子鸡的博客

原创 iView——Table表格

iView——Table表格24栅格系统，将区域进行24等分，总和一定是为24属性col必须放在row里面，span+offset总和为24，offset为左右偏移；另外注意flex填充、结合Bootstrap 实现响应式布局<Row> <Col flex="2">2 / 5</Col> <Col flex="3">3 / 5</Col></Row>gutterorder（col）改变排列顺序

转载 Meta http-equiv属性详解

http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。引用meat标签的http-equiv属性语法格式是：＜meta http-equiv=“参数” content="参数变量值"＞ ；其中http-equiv属性主要有以下几种参数：**1、Expires(期限)**说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。用法：

原创 【面经——欢聚集团 一面】

2021年4月8日在实习僧投的简历，4月12号中午在面试中望软件回来的路上接到YY邀面电话，直接约下午5点45分线下面试。自己从新港东地铁站过去还是挺远的，大概5点钟就到了南村万博，下地铁之后走了一段路吧还算挺方便的。差不多到45分的时候面试官就来了，是一位看起来与我年级差不多大的学长。自我介绍、简单介绍项目介绍完之后开始问问题，由于自己的就没有面过几家公司所以总体表现的比较紧张，但是面试官看起来比我还紧张，还是挺稚嫩的。笔试开始是直接接到HR面试邀约，是没有做过线上笔试的，以为可以不用笔试了，面

原创 【面经——广州道一云+笔试+一二三面+HR面+offer】

道一云你可能不太敢相信，线下面的，笔试+一二三面+HR面 在一天下午就整完了，一二三面分别换了3位面试官，中间大概隔了10多分钟，第二天就拿offer了，效率可以。vuevue的生命周期创建一个vue实例初始化事件和生命周期 => beforeCreate,此时是没有数据的通过依赖注入和导入依赖项，此时data和methods已经被初始化了，就进入created检查是否具有el，如果没有的话就需要的话就需要手动的调用vm.$mounted如果有的话就要检查是否具有template，

原创 【面经——虎牙实习+一面+HR面+offer】

牛客网找的内推，没有参加笔试，直接参加电话面试，一面+HR面，已拿offer。4月12日（周一）面试官短信约电话面试，约到了4月13日（周三），刚好周三那天打疫苗就和面试官推迟到了4月15日（周五）下午三点电话面试通话21分钟，面试官问了有点急，基本都是些八股文，自己的还没有回答完感觉就要被打断了自我介绍名字、学校（双非院校）、专业（软件工程），学习情况（top10%），项目概况、学校表现（有几项省奖）杂谈怎么想到转到前端？大一大二玩视频制作和平面设计，喜欢前端这种所见即所得的东西。不太喜

转载 浏览器cookies

本篇目录通过阅读本篇文章你可以学习到：Cookie概念产生原因关于Cookie的首部字段交互流程生命周期作用域安全性实际的用处缺点1. Cookie概念概念：通过在请求和响应报文中写入Cookie信息来控制客户端的状态，解决HTTP无状态的问题，本质就是存储在浏览器上一个很小的文本文件(也可能存在本地文件里)2. 产生原因HTTP是一种无状态协议，没法保存之前请求响应的上下文信息，但是对于一些场景来说需要用到之前的状态，所以为了解决这个问题产生了Cookie。但是它并不是为

转载 Git学习及总结

小白记录学习Git及部分问题的总结文章目录一、Git简介安装GIt和创建版本库二、时光机穿梭1.版本回退2.读入数据总结一、Git简介安装和创建版本库安装GIt和创建版本库1.针对不同系统，安装过程请自己google。创建一个文件夹，并在cmd中进入该文件夹，执行以下命令git init //执行之后对应文件夹会生出一个.git文件夹//Initialized empty Git repository in /Users/michael/learngit/.git/2.把文件添加到版

原创 面试练习 选择错题集（一）

在javascript中，直接通过function申明的函数，后面定义的，会影响到之前的引用。冒泡排序、插入排序、归并排序和基数排序是稳定的排序算法。调度算法FIFO：先进先出LRU（最久未使用）：设置一定时间最佳调度算法：（Optimal）这是一种理想的调度算法：最近最不经常使用调度算法（LFU）：最近一段时间使用多文档里流1、static（静态定位）：默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-i..

原创 JavaScript柯里化以及实现方式

柯里化柯里化是一种将使用多个参数的一个函数转换成一系列使用一个参数的函数的技术。作用：函数式编程的一个重要概念减少代码冗余增加代码可读性。原来的函数function add(x, y, z) { return x + y + z;}console.log(add(1, 2, 3)); // 6柯里化的实现简单的实现：// 方式一：普通函数实现function add(a) { return function(b) { return functi

转载 五种js判断是否为整数类型方式

五种js判断是否为整数类型方式这篇文章主要介绍了五种JavaScript判断是否为整数类型方式，需要的朋友可以参考下这篇看看如何判断为整数类型（Integer）,JavaScript中不区分整数和浮点数，所有数字内部都采用64位浮点格式表示，和Java的double类型一样。但实际操作中比如数组索引、位操作则是基于32位整数。**方式一、使用取余运算符判断** 任何整数都会被1整除，即余数是0。利用这个规则来判断是否是整数。function isInteger(obj) { return obj

转载 浏览器相关知识点——防抖和节流

防抖和节流在前端开发的过程中，我们经常会需要绑定一些持续触发的事件，如 resize、scroll、mousemove 等等，但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。一般来讲，防抖和节流是比较好的解决方案。让我们先来看看在事件持续触发的过程中频繁执行函数是怎样的一种情况。html 文件中代码如下<div id="content" style="height:150px;line-height:150px;text-align:center; color: #f

转载 浏览器缓存——强制缓存和协商缓存

对比缓存和强制缓存什么是浏览器缓存浏览器缓存(Brower Caching)是浏览器在本地磁盘对用户最近请求过的文档进行存储，当访问者再次访问同一页面时，浏览器就可以直接从本地磁盘加载文档浏览器缓存主要指HTTP的缓存–即协议层，协议层缓存可以被分为强制缓存和对比缓存。一、强制缓存强制缓存时，浏览器会直接找缓存，如果缓存过期再找服务器。强制缓存时序图协议中可以造成强制缓存的字段有：HTTP1.0 Expires：该字段标识缓存到期时间，是一个绝对时间—服务器时间+缓存有效时间缺点：如果

转载 HTTP1.0 / 1.1 / 2.0 及HTTPS

HTTP1.0 / 1.1 / 2.0 及HTTPS你需要知道的HTTP常识可能是全网最全的http面试答案如何优雅的谈论HTTP／1.0／1.1／2.0HTTP1.1 是当前使用最为广泛的HTTP协议HTTP1.0 和 HTTP1.1 相比HTTP1.0 定义了三种请求方法： GET, POST 和 HEAD 方法。HTTP1.1 新增了六种请求方法：OPTIONS、PUT、PATCH、DELETE、TRACE 和 CONNECT 方法。缓存处理：在HTTP1.0中主要使用header里

原创 JavaScript面试总结及基础面试题

基础面试题集锦js基本数据类型Number、String 、Boolean 、Null、Undefined、Symbol（新类型，表示全局唯一）数据封装类对象：Object、Array、Boolean、Number 和 String其他对象：Function、Arguments、Math、Date、RegExp、Error谈谈对this的理解this总是指向函数的直接调用者如果有new关键字，this指向new出来的那个对象在事件中，this指向目标元素，特殊的是IE的attach

转载 详细解析赋值、浅拷贝和深拷贝的区别

详细解析赋值、浅拷贝和深拷贝的区别更新：谢谢大家的支持，最近折腾了一个博客官网出来，方便大家系统阅读，后续会有更多内容和更多优化，猛戳这里查看------ 以下是正文 ------一、赋值（Copy）赋值是将某一数值或对象赋给某个变量的过程，分为下面 2 部分基本数据类型：赋值，赋值之后两个变量互不影响引用数据类型：赋址，两个变量具有相同的引用，指向同一个对象，相互之间有影响对基本类型进行赋值操作，两个变量互不影响。// 木易杨let a = "muyiy";let b = a;c

原创 linux基本指令汇总

【创建和删除】创建文件夹mkdir删除文件夹rmdir在当前文件夹创建文件nametouch name.txt查看文件名namecat name.txt复制 文件name.txt 目标地址cp name.txt ./dirmv 源文件文件 目标文件路径mv name.txt ./dir当前目录下的文件myprofile 改名为profilemv myprofile profile【压缩和解压】【查看和盱修改】【用户和权限】创建用户name

转载 git和SVN的区别

git和SVN的区别主要区别1）GIT是分布式的，SVN不是：这 是GIT和其它非分布式的版本控制系统，例如SVN，CVS等，最核心的区别。好处是跟其他同事不会有太多的冲突，自己写的代码放在自己电脑上，一段时间后再提交、合并，也可以不用联网在本地提交；如果你能理解这个概念，那么你就已经上手一半了。需要做一点声明，GIT并 不是目前第一个或唯一的分布式版本控制系统。还有一些系统，例如Bitkeeper, Mercurial等，也是运行在分布式模式上的。但GIT在这方面做的更好，而且有更多强大的功能特征。

原创 什么是前端渲染和后端渲染？前端路由和后端路由？

前端渲染和后端渲染后端渲染服务器直接生产渲染好对应的HTML页面, 返回给客户端进行展示。比如：jsp页面好处：前端耗时少，即减少了首屏时间，模板统一在后端。前端（相对）省事，不占用客户端运算资源（解析模板）坏处：占用服务器资源。前端渲染浏览器中显示的网页中的大部分内容，都是由前端写的 js 代码在浏览器中执行，最终渲染出来的网页。也可以怎么说：后端返回JSON数据，前端利用预先写的html模板，循环读取JSON数据，拼接字符串，并插入页面。好处：网络传输数据量小。不占用服务

原创 计算机网络基础（2）——物理层

一、基本概念物理层作用物理层考虑的是如何在连接各种计算机的传输媒体上传输数据比特流，而不是具体的传输媒体，它要尽可能地屏蔽掉传输媒体和通信手段的差异，使物理层上面的数据链路层感觉不到这些差异。数据在计算机内部大多采用并行传输方式，但数据在传输媒体上的传输方式一般都是串行传输，因此物理层还要转换传输方式。物理层的主要任务是确定与传输媒体的接口有关的一些特性机械特性：指明接口所用接线器的形状和尺寸、引脚数目等。电气特性：指明在接口电缆的各条线上出现的电压的范围。功能特性：指明某条线上出现的某一电平的

原创 计算机网络基础(1)——概述

文章目录前言一、互连网与互联网的区别互连网：互联网小结二、互联网发展的几个阶段三、ISP（互联网服务提供商）四、互联网的组成什么是分组交换分组交换的优点小结五、几种不同类型的计算机网络六、计算机的性能几个重要的概念小结：七、七层、五层和四层协议简介分层的好处五层协议实体、协议、服务和服务访问点前言因为自己的之后会从事前端开发，所以重点会学习记录应用层，重中之重是其下面的HTTP，其次为TCP/IP协议簇。学习资料为《计算机网络》(谢希仁第七版) 和《图解HTTP》一、互连网与互联网的区别互连网

原创 计算机网络谢希仁第七版答案

计算机网络第七版答案第一章 概述1-01 计算机网络向用户可以提供那些服务？ 答： 连通性和共享1-02 简述分组交换的要点。 答：（ 1 ）报文分组，加首部（ 2 ）经路由器储存转发（ 3 ）在目的地合并1-03 试从多个方面比较电路交换、报文交换和分组交换的主要优缺点。答： （ 1 ）电路交换：端对端通信质量因约定了通信资源获得可靠保障，对连续传送大量数据效率高。（ 2 ）报文交换：无须预约传输带宽，动态逐段利用传输带宽对突发式数据通信效率高，通信迅速。（ 3 ）分组交换：具

原创 JavaScript设计模式——（1）灵活的JavaScript（使用真假对象）

从一个验证函数开始要求：用js创建一个函数，用于验证名字、邮箱、密码等一、简单创建var checkName = funtion(){ //验证名字}var checkEmail = funtion(){ //验证邮箱}var checkPwd = funtion(){ //验证密码}创建函数的时候，分别用变量保存，但是创建的全部都是全局变量，很容易因为别人创建的相同的方法名而冲突，团队成员相互影响。二、用一个对象保存将上面的方法进行优化，将所有的方法放在一个对象里面保存

原创 返回结果的HTTP状态码

一、概念状态码就是客户端向服务器发送了请求时，描述返回的结果。借助状态码，用户可以知道服务器是正常处理了请求还是出现了错误。类别分类描述1XX接收的请求正在处理2XX成功，请求正常处理3XX重定向，需要附加的操作以完成请求4XX客户端错误，请求包含语法错误或无法完成请求5XX服务器错误，服务器在处理请求的过程中发生了错误1XX100 客户端应继续发送请求101 正在通知客户端选取相关协议处理请求102 处理正在执行2XX200 OK

原创 webpack中loader和plugin的区别？

什么是loaderloader是文件加载器，能够加载资源文件，并对这些文件进行一些处理，诸如编译、压缩等，最终一起打包到指定的文件中处理一个文件可以使用多个loader，loader的执行顺序和配置中的顺序是相反的，即最后一个loader最先执行，第一个loader最后执行第一个执行的loader接收源文件内容作为参数，其它loader接收前一个执行的loader的返回值作为参数，最后执行的loader会返回此模块的JavaScript源码什么是plugin在webpack运行的生命周期中会广

原创 xshell和xftp的安装和使用教程

xshell和xftp的暗转和使用教程

转载 HTTP中application/x-www-form-urlencoded字符说明

HTTP中application/x-www-form-urlencoded字符说明一、概述在学习ajax的时候，如果用post请求，需要设置如下代码。···ajax.setRequestHeader(“content-type”,“application/x-www-form-urlencoded”);···虽然知道需要这么做，但是不知道application/x-www-form-urlencoded表示什么意思。二、Form表单语法在Form元素的语法中，EncType表明提交数据的格

原创 安装npm包的时候报错rollbackFailedOptional: verb npm-session

安装npm包的时候报错rollbackFailedOptional: verb npm-session自己在学习vue过程中，在利用npm安装webpack过程中出现了这个错误。报这个问题是因为npm代理的问题，查了很多资料都是通过设置npm和git代理的方式，但是都没有解决。最终找到的方法如下：可以临时使用淘宝镜像npm --registry https://registry.npm.taobao.org install 你想安装的npm包名称解析：registry是npm 模块仓库提供了一

原创 【Kotlin安卓开发】随时随地的退出程序

随时随地的退出程序如果从初始界面跳转了很多个内嵌页面，你会发现退出当前程序会非常不方便，不要点击很多次back（点击home之后程序也只为挂起状态）；或者需要设置退出当前程序的按钮，这就需要设置一个专门的集合对Activity进行管理。一、创建ActivityCollector集合新建一个ActivityCollector作为Activity的集合，注意本类不需要在AndroidManifest.xml中注册。object ActivityCollector { //注意这里是object不是c

原创 JavaScript基本数据类型和引用数据类型

基本数据类型和引用数据类型ECMAScript变量可能包含两种不同数据类型的值:基本类型值和引用类型值。基本类型值指的是简单的数据段,而引用类型值指那些可能由多个值构成的对象。其中，引用类型的值是保存在内存中的对象。与其他语言不同, JavaScript不允许直接访问内存中的位置，也就是说不能直接操作对象的内存空间。在操作对象时,实际上是在操作对象的引用而不是实际的对象。为此,引用类型的值是按引用访问的。动态属性只有给引用数据类型动态的添加属性，将来可以使用。如果基本类型在将来不能使用。// 引

原创 知晓是在哪一个Activity

知晓是在哪一个Activity在进入一个公司进行实战之后，更有可能接手的是别人写的代码，阅读别人的代码是一个很头疼的事情，当需要在某个页面修改简单的东西时，半天找不到当前页面所在的Activity，以下简单的技巧在开发时会很有用。创建一个BaseActivity类注意这里创建的Activity与常规的Activity的创建方式不一样，直接创建kotlin File/Class就可以了，也不需要在AndroidManifest.xml中注册。然后让BaseActivity继承了AppCompatActi

原创 var、const、let的辨析

var、const、let的辨析1.const 定义的变量不可以修改，而且必须初始化。 const b = 2;//正确 // const b;//错误，必须初始化 console.log('函数外const定义b：' + b);//有输出值 // b = 5; // console.log('函数外修改const定义b：' + b);//无法输出 2.var 定义的变量可以修改，如果不初始化会输出undefined，不会报错。 var a = 1; // var

原创 JavaScript基础思维导图

原创 JavaScript基本概念【JavaScript学习笔记（三）】

文章目录基本概念一、严格模式（Strict mode）明显错误二、基本数据类型三、操作符位运算符四、函数理解函数没有重载五、注意点基本概念一、严格模式（Strict mode）严格模式开启检测和一些其他措施，使JavaScript变成更整洁的语言。推荐使用严格模式。在严格模式下，某些保留字务必需要添加一些限制。为了开启严格模式，只需在JavaScript文件或script标签第一行添加如下语句： 'use strict';也可以在每个函数上选择性开启严格模式，只需将上面的代码放在函数的开头

原创 HTML中使用JavaScript【JavaScript学习笔记（二）】

HTML中使用JavaScript延时脚本和异步脚本延迟脚本defer 属性 <script type="text/javascript" defer="defer"> alert(document.getElementById("p1").firstChild.nodeValue); </script>defer 属性规定是否对脚本执行进行延迟，直到页面加载为止。有的 javascript 脚本 document.write 方法来创建当前

原创 JavaScript简介【JavaSpript学习笔记（一）】

一、javascript的实现JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。javascript是脚本语言JavaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。JavaScript 很容易学习。包括以下三部分核心：提供核心语言功能文档的对象模型

原创 JavaScript验证Email的四种方法

一、正则表达式验证邮箱格式function IsEmail(str) { var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/; return reg.test(str); }二、验证邮箱格式SCRIPT LANGUAGE=javascript RUNAT=Server>function isEmail(strEmail) {if (st

原创 Spring基础程序中遇到的一个错误

错误提示如下,一大堆的看都看不懂：F:\IDEA2018\jdk1.8\bin\java.exe "-javaagent:F:\IDEA2018\IntelliJ IDEA 2018.1.8\lib\idea_rt.jar=13423:F:\IDEA2018\IntelliJ IDEA 2018.1.8\bin" -Dfile.encoding=UTF-8 -classpath F:\IDEA2018\jdk1.8\jre\lib\charsets.jar;F:\IDEA2018\jdk1.8\jre\l

原创 大二狗卸任社团职位以及对专业发展方向的思考与总结

社团、学习经历的总结今晚开展了信息学院信技部的换届会议（部门主要学习ps、pr、ae等技术），第一个环节是宣布新任的部长，当自己是以老部长身份向大家宣布新任部长后，心里五味杂陈，不甘、不舍、欣慰、迷茫涌上心头。第二个环节是往届的师兄师姐分享自己的学习、实习及考研经验，多位师兄师姐根据自己的经历也给到我们挺多建议，也让我们可以走少一些弯路。总之，今晚收获颇丰与感慨颇深，作一下简单的总结记录。（文笔不好，请多担待）回首大一大二两年时光这两年时间里，沉迷玩乐、不务正业，学习绩点没搞好就算了，还挂了一科，奖

原创 使用java的方式配置Spring

使用java的方式配置Spring一般来说，装配bean的方式有三种：在XML中显式配置在java中进行显式配置隐式的bean发现机制和自动装配在实际应用中，尽可能的使用自动配置机制，显式的越少越好。比如说，你想要将第三方库中的组件装配到你的应用中，在这种情况下，是没有办法在它的类上添加@Component和@Autowire注解的，因此就不能使用自动化装配的方案了。如果必须要用显式的时候，使用类型安全并且比XML更加强大的java装配方式，就是我们本次要学习的方式。另外，从Spring3.

转载 异步请求与同步请求

基本概述当浏览器向服务器发送同步请求时，服务处理同步请求的过程中，浏览器会处于等待的状态，服务器处理完请求把数据响应给浏览器并覆盖浏览器内存中原有的数据，浏览器重新加载页面并展示服务器响应的数据。那么，有没有一种技术，可以让浏览器发送请求给服务器，服务器处理请求的过程中，浏览器不处于等待的状态，并且浏览器接收响应数据的同时不再重新加载整个页面，既请求发送之前的数据不丢失，又能实现页面的局部刷新呢？那就要用到ajax请求——异步请求模型，那么异步请求的原理是什么呢？我们知道，在同步请求模型中，浏览器是直