- 博客(60)
- 收藏
- 关注
RSS订阅
原创 计算机基础—总结文章
1、位运算（一）https://www.cnblogs.com/yrjns/p/11246163.html -- 清晰整理了所有位操作（二）https://blog.csdn.net/weixin_34284188/article/details/88016444-- 相比（一）详细介绍无符号位移2、
2021-05-13 18:32:19
124
原创 工具使用--总结文章
1、Mac电脑设置代理当在公司内网办公，防火墙一般会隔绝外网访问。若同时需要访问内网外网，且公司提供了内网访达外网的代理，则可以设置代理。首先打开Network，选择Open Network referrnces2. 按照如下 步骤操作，不能打开高级设置的建议联系公司IT部同事开启临时管理员权限或者授权等...
2021-07-01 15:01:58
149
原创 CSS基础--总结文章
1、水平垂直居中布局（一）https://www.html.cn/qa/css3/19614.html--（二）https://m.html.cn/qa/css3/15320.html--重点： 对于Web开发者来说，网页布局一直是个比较重要的问题。但实际上，在网页开发很长的一段时间当中，我们甚至没有一个比较完整的布局模块。总的来说 Web 布局经历了以下四个阶段： 1、table表格布局，通过 Dreamweaver 拖拽表格或者手写 table 标签布局 2、flo...
2021-05-20 10:27:13
124
原创 (重点)Docker入门--慕课网入门教程（https://www.imooc.com/learn/867）
Docker是容器技术的一个代表，容器技术从本质上讲是将程序打包隔离的技术，不是核心的技术，核心的技术在内核里面已经存在很久了。但是这个技术变得流行，被大家所用，是因为docker。docker在2013年被开源后发展的很快，docker现在在云计算领域是一个非常火热的话题。为什么呢，任何一个技术要流行起来一般有两个要点，第一：解决了很多痛点，第二：能适应潮流。Docker解决了软件包中的一个...
2019-05-20 15:15:47
2842
原创 Dockerfile指令--极客学院入门教程 (http://www.jikexueyuan.com/course/876.html)
dockerfile指令：1、注释： #开头2、指令：大写指令 + 参数 FROM指令：指定基础镜像。必须是Dockerfile中第一条非注释指令。基础镜像必须是已经存在的镜像。后面的指令都会基于这个镜像来执行。 MAINTAINER指令：相当于commit指令的-a属性。 RUN指令：指定当前镜像中运行的命令。包含两种模式：shell模式和...
2018-08-31 15:43:50
770
原创 Docker 镜像与仓库--极客学院入门教程 (http://www.jikexueyuan.com/course/859.html）
Docker镜像：使用联合加载技术实现的、层叠的只读文件系统、容器构建的基石。镜像存储地址：/var/lib/docker docker info :可以查看到镜像存放地址 Docker Root Dir: /var/lib/dockerls -l /var/lib/docker/aufs： 查看存储目录 repository：仓库regis...
2018-08-31 15:09:39
781
原创 Docker 客户端和守护进程--极客学院入门教程（http://www.jikexueyuan.com/course/871.html）
第一章：Docker 的 C/S 模式运行官方示例hello-world结果: client - daemon - create container & run - output to client Docker Client: cli客户端，负责运行docker的各种命令,并这些命令会传递给运行在Docker宿主机上的守护进程。Docker Server: 在后台运...
2018-08-31 11:24:18
637
原创 Docker基础知识--极客学院入门教程（http://www.jikexueyuan.com/course/2743.html）
第一章： 使用基础1、默认从国外的主仓库Docker Hub拉取镜像（运行国外镜像）：docker run centos （未指定版本则运行latest版本；指定版本：docker run ubuntu:15.10）：首先判断本机（本地仓库）是否有centos镜像，没有则去官方拉取。没有带前缀域名的镜像默认从官方仓库拉取，拉取是分层的。因为主仓库在国外，很多时候会拉取失败，或者拉取很慢，可...
2018-08-30 16:05:55
867
原创 Linux常用命令
1、who 查看当前登录用户2、非root用户切换到root用户：sudo su - root 再按提示输入密码 root用户切换到非root用户： su - johnson3、chmod 更改文件读写执行权限...
2018-08-29 19:09:43
157
原创 Docker的介绍与安装（一）
Docker 架构Docker 使用客户端-服务器 (C/S) 架构模式，使用远程API来管理和创建Docker容器。Docker 容器通过 Docker 镜像来创建。容器与镜像的关系类似于面向对象编程中的对象与类。Docker 面向对象 容器 对象 镜像 类 Docker 镜像(Images) Docker 镜...
2018-08-29 10:21:20
287
原创 CSS Float(浮动)的原理和工作方式，以及浮动造成的问题总结
什么是 CSS Float（浮动）？CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。Float（浮动），往往是用于图像，但它在布局时一样非常有用。浮动元素会生成一个块级框，而不论它本身是何种元素。如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。注释：假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程...
2018-07-31 18:06:52
4893
原创 CSS属性进阶
1、hover属性只会在hover的时候有效果，失去hover后同时失效。 2、鼠标悬浮在元素上时触发伪元素样式改变的写法#bmap:after { content: ''; position: absolute; top: 0px; right: 0px; width: 50px; height: 40px; background-color: red;...
2018-07-14 12:32:35
189
转载 css3硬件加速
动画卡顿是在移动web开发时经常遇到的问题，解决这个问题一般会用到css3硬件加速。css3硬件加速这个名字感觉上很高大上，其实它做的事情可以简单概括为：通过GPU进行渲染，解放cpu。现象通过对比不使用css3加速和使用css3加速两个例子，我们可以看到两者渲染的差异：不使用css3加速.png使用css3加速.png前者通过改变top和left属性进行动画，fps维持在47左右，cpu一直进行...
2018-07-14 11:30:17
1839
转载 HTTP协议 (三) 压缩
HTTP协议 (三) 压缩摘要：HTTP协议(三)压缩之前写过一个篇 【HTTP协议详解】 ,这次继续介绍HTTP协议中的压缩。本文会使用Fiddler来查看HTTPrequest和Response,如果不熟悉这个工具,可以先参考[Fiddler教程]HTTP压缩是指:Web服务器和浏览器之间压缩传输的”文本内容“的方法。HTTP采用通用的压缩算法,比如gzip来压缩HTML,Javascript...
2018-07-13 21:07:46
550
转载 HTTP协议 (七) Cookie
HTTP协议 (七) CookieCookie是HTTP协议中非常重要的东西， 之前拜读了Fish Li 写的【细说Cookie】， 让我学到了很多东西。Fish的这篇文章写得太经典了。 所以我这篇文章就没有太多内容了。 最近我打算写一个系列的HTTP文章，我站在HTTP协议的角度， 说说我对Cookie的理解。 阅读目录Cookie是什么,有什么用，为什么要用到CookieCookie的分类Co...
2018-07-13 21:03:39
186
转载 HTTP协议 (五) 代理
HTTP协议 (五) 代理之前写过一个篇 【HTTP协议详解】 ，这次介绍代理服务器， 代理服务器是HTTP协议中一个重要的组件， 发挥着重要的作用。 本文介绍一些HTTP代理服务器的概念和工作原理 阅读目录什么是代理服务器Fiddler就是个典型的代理代理作用一：FQ代理作用二：匿名访问代理作用三：通过代理上网代理作用四：通过代理缓存，加快上网速度代理作用五：儿童过滤器IE代理设置：手动设置代理...
2018-07-13 21:02:05
508
转载 HTTP协议 (六) 状态码详解
HTTP协议 (六) 状态码详解HTTP状态码，我都是现查现用。 我以前记得几个常用的状态码，比如200，302，304，404， 503。 一般来说我也只需要了解这些常用的状态码就可以了。 如果是做AJAX，REST,网络爬虫，机器人等程序。还是需要了解其他状态码。 本文我花了一个多月的时间把所有的状态码都总结了下，内容太多，看的时候麻烦耐心点了。HTTP状态码的学习资料到处都有，但是都是理...
2018-07-13 20:56:52
261
转载 HTTP协议 (四) 缓存
HTTP协议 (四) 缓存之前写过一个篇 【HTTP协议详解】 ，这次继续介绍HTTP协议中的缓存机制。HTTP协议提供了非常强大的缓存机制， 了解这些缓存机制，对提高网站的性能非常有帮助。 本文介绍浏览器和Web服务器之间如何处理"浏览器缓存"，以及控制缓存的http header.本文会使用Fiddler来查看HTTP request和Response, 如果不熟悉这工具，可以先参考[Fidd...
2018-07-13 20:47:11
225
转载 vue 虚拟dom实现原理
Vue版本: 2.3.2virtual-dom(后文简称vdom)的概念大规模的推广还是得益于react出现，virtual-dom也是react这个框架的非常重要的特性之一。相比于频繁的手动去操作dom而带来性能问题，vdom很好的将dom做了一层映射关系，进而将在我们本需要直接进行dom的一系列操作，映射到了操作vdom，而vdom上定义了关于真实dom的一些关键的信息，vdom完全是用js去...
2018-07-13 17:24:52
781
转载 实现一个简单的虚拟DOM
现在的流行框架，无论React还是Vue，都采用虚拟DOM。好处就是，当我们数据变化时，无需像Backbone那样整体重新渲染，而是局部刷新变化部分，如下组件模版：<ul class="list"> <li>item1</li> <li>item2</li></ul>当页面中item2变为item3时，如
2018-07-13 17:21:17
482
转载 JSONP原理，怎样实现跨域？
什么是JSONP？ JSONP和JSON的关系又是什么呢？JSON(JavaScript Object Notation)和JSONP(JSON with Padding)虽然只有一个字母的差别，但其实他们根本不是一回事儿：JSON是一种数据交换格式，而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。我们拿最近比较火的谍战片来打个比方，JSON是地下党们用来书写和交换情报...
2018-07-13 16:54:36
151
转载 Vue中组件样式scoped实现原理及穿透使用步骤详解
这次给大家带来Vue中scoped实现原理及穿透使用步骤详解，Vue中scoped实现原理及穿透使用的注意事项有哪些，下面就是实战案例，一起来看一下。何为scoped？在vue文件中的style标签上，有一个特殊的属性：scoped。当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的组件，也就是说，该样式只能适用于当前组件元素。通过该属性，可以使得组件之间的样式不互相污染...
2018-07-13 16:34:55
2540
原创 多窗口页面实现之window.open和iframe
复杂的项目开发，是避免不了多窗口的window.open使用和iframe的使用的，如下简单介绍这两种多窗口页面实现方式： 1、window.open方法open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。语法：window.open(URL,target,specs,replace)参数：URL: 可选。打开指定的页面的URL。如果没有指定URL，打...
2018-07-13 15:41:30
5634
转载 50道CSS基础面试题（附答案）
1 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin2 box-sizing属性？用来控制元素的盒子模型的解析模式，默认为content-boxcontext-box：W3C的标准...
2018-07-11 15:23:21
191
转载 CSS3动画：animation、transition、transform、translate傻傻分不清
利用物理上的平移、旋转、以及视觉上的过渡等实现??前言在平时开发过程中，由于都是自己捣鼓玩的项目，并没有UI设计给我的设计图，更没有什么特效要求，导致对css动画一直都不是很熟悉，但是作为即将进入实习单位的萌新程序员，要时刻准备着设计师要求的各种动画，于是有了这一篇文章。容易混淆的几个css属性css属性很多，并且有些无论是字母的拼写还是字面上的意思，都容易混淆，比如我列出来的几个属性，是不是也混...
2018-07-11 15:15:45
396
转载 CSS中伪类及伪元素用法详解
CSS中伪类及伪元素用法详解伪类的分类及作用：注：该表引自W3School教程伪元素的分类及作用：接下来让博主通过一些生动的实例（之前的作业或小作品）来说明几种常用伪类的用法和效果，其他的读者可以自己尝试： :active 大致效果为用鼠标点击时，元素增加特效，鼠标松开时，特效消失。多用在按钮的点击上。 写法：这里id为box的是一div块，在css中首先设置了他的基本样式，下面为加入:activ...
2018-07-11 15:12:42
279
转载 HTTP相关面试题
HTTP协议在 OSI 七层模型中，HTTP协议位于最顶层的应用层中。通过浏览器访问网页就直接使用了 HTTP 协议。使用 HTTP 协议时，客户端首先与服务端的 80 端口建立一个 TCP 连接，然后在这个连接的基础上进行请求和应答，以及数据的交换。HTTP 有两个常用版本，分别是 1.0 和 1.1。主要区别在于 HTTP 1.0 中每次请求和应答都会使用一个新的 TCP 连接，而从 HTTP...
2018-07-10 17:04:06
458
转载 在HTML文档中嵌入JavaScript的四种方法 -- 以及对应的JS攻击方法？
在HTML里嵌入JavaScript在HTML文档里嵌入客户端JavaScript代码有4中方法：1.内嵌，放置在<script>和</script>标签之间 （少）；2.放置在有<script>标签的src属性指定的外部文件中 （多）；3.放置自HTML事件处理程序中，该事件处理程序由onclick或onmouseover这样的HTML属性值指定它 （很...
2018-07-08 22:06:14
1445
转载 用大白话谈谈XSS与CSRF
这两个关键词也是老生常谈了，但是还总是容易让人忘记与搞混~。XSS与CSRF这两个关键词时常被拉出来一起比较（尤其是面试），我在这里也在写一篇扫盲文，也帮自己整理一下知识脉络。这篇文章会用尽量“人话”的语言解释这二个关键词，让同学们对跨域，安全有更深一层次的了解。国际惯例，先上一下维基百科：XSS：跨站脚本（Cross-site scripting，通常简称为XSS）是一种网站应用程序的安全漏洞攻...
2018-07-08 21:39:03
326
转载 现代JS框架存在的根本原因
（转载： https://mp.weixin.qq.com/s/GqUK_QRIjBFwMXF5_c4vgg） 我曾见过很多很多人盲目地使用（前端）框架，如 React，Angular 或 Vue等等。这些框架提供了许多有意思的东西，然而通常人们（自以为）使用框架是因为：它们支持组件化；它们有强大的社区支持；它们有很多（基于框架的）第三方库来解决问题；它们有很多（很好的）第三方组件;它们...
2018-07-08 11:33:22
440
原创 vue init webpack （基于vue.js的官方webpack模板）
使用vue-cli(2.9.3,当前最新2.9.6)执行vue init webpack初始化项目骨架：1、完整功能版（包括ESLint，包括测试功能）node_modules 1021个对象 整个目录大小121M多一个test目录config目录（webpack配置文件）下多一个配置文件：test.env.js2、非完整功能版（包括ESLint，不包括测试功能）node_modules 81...
2018-07-06 11:27:57
2630
转载 Linux 日志文件搜索
1. 通常查找出错误日志 cat error.log | grep 'nick' , 这时候我们还有个需求就是输出当前这个日志的前后几行：cat error.log | grep -C 5 'nick' 显示file文件里匹配foo字串那行以及上下5行cat error.log | grep -B 5 'nick' 显示foo及前5行cat error.log | grep -A 5 'n
2018-01-31 14:10:08
4390
原创 Java高级编程
Java泛型Java 泛型（generics）是 JDK 5 中引入的一个新特性, 泛型提供了编译时类型安全检测机制，该机制允许程序员在编译时检测到非法的类型。泛型的本质是参数化类型，也就是说所操作的数据类型被指定为一个参数。 （http://www.runoob.com/java/java-generics.html）重点参考：http://blog.
2018-01-15 15:43:03
1688
原创 如何理解模块、组件和对象
**模块化开发的最大价值是分治、分治、分治！ 模块化能分离职责，从而达到分治！ 达到复用！ 组件跟模块区别不大，都是基于功能的划分。只是组件偏向于发行的概念，强调的是“跨项目的可重用性”这层意思。模块偏向于设计的概念，强调的是单个项目中的“分离职责”这层意思。**模块：模块,又称构件,是能够单独命名并独立地完成一定功能的程序语句的集合（即程序代码和数据结构的集合体），或指大型软件系统的
2018-01-15 15:42:15
4788
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人