自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

廿四桥明月夜的博客

复杂系统总是源于简单系统的演化

  • 博客(359)
  • 收藏
  • 关注

转载 vmware的硬件选项里有关于虚拟化引擎的选项

这是位于虚拟化引擎里面的一项如果勾选,那么在虚拟机(GuestOS)中会获得本机上的硬件虚拟化特性,但会降低虚拟化性能;(PS:win7体验指数,勾选以后CPU得分7.4,去掉以后得分7.8,提升还是比较大的。)建议,如果要在虚拟机中再安装虚拟化软件,那么需要勾选上,普通使用为了性能考虑,请不要勾选。--------------------- 作者:gscene 来源:CSDN ...

2018-12-31 12:14:21 40040 2

转载 Java 注解

Java 注解原文地址作者: Jakob Jenkov 译者:叶文海([email protected])内容索引什么是注解 类注解 方法注解 参数注解 变量注解利用 Java 反射机制可以在运行期获取 Java 类的注解信息。什么是注解注解是 Java 5 的一个新特性。注解是插入你代码中的一种注释或者说是一种元数据(meta data)。这些注解信息可以在编...

2018-09-25 17:27:46 507 1

转载 重排和重绘

先回顾下前文高性能JavaScript DOM编程,主要提了两点优化,一是尽量减少DOM的访问,而把运算放在ECMAScript这一端,二是尽量缓存局部变量,比如length等等,最后介绍了两个新的API querySelector()以及querySelectorAll(),在做组合选择的时候可以大胆使用。而本文主要讲的是DOM编程可能最耗时的地方,重排和重绘。1、什么是重排和重绘浏览器...

2018-09-20 22:41:07 464 1

转载 js连等赋值的坑

首先请看以下代码:   var foo={n:1}; var bar=foo;//bar={n:1} foo.x=foo={n:2};//foo.x:undefined; //foo:{n:2}   1.连等是从右向左赋值的2. ‘.’的优先级高于=;3.js解析第三行代码时:首先会确定所有指针的位置,foo.x是否是指针,所以先...

2018-09-18 20:44:51 645 1

转载 深入理解 CSS 属性 z-index

前言最近在使用 CSS3 动画的时候遇到一个 DOM 层叠的问题,故此重新学习了一下 z-index,感觉这个 CSS 属性还是挺复杂的,希望本文可以帮助你重新认识 z-index 的魅力。事情的经过是这样的(背景有点长),最近在写下面这样的列表页:然后给每个产品项添加一个 CSS3 动画,动画效果大概像这样:demo 地址实现后的效果大概是这样的(截图有点糊,建议点 demo...

2018-09-17 16:17:35 11263 3

原创 求字符串的全排列和组合算法

https://blog.csdn.net/Hackbuteer1/article/details/7462447

2018-09-16 13:39:56 312

原创 发布-订阅模式

/*请完成下面这个函数,实现题目要求的功能******************************开始写代码******************************/function EventEmitter() { // 事件仓库 this.clientList = {} // 订阅事件 this.on = function (name, fn) { if...

2018-09-16 10:49:31 302

转载 Javascript 中的装饰器

Javascript 中的装饰器by Secbone on 2016-10-24前言在 ES6 中增加了对类对象的相关定义和操作(比如 class 和 extends ),这就使得我们在多个不同类之间共享或者扩展一些方法或者行为的时候,变得并不是那么优雅。这个时候,我们就需要一种更优雅的方法来帮助我们完成这些事情。Python 中的装饰器decorators 即 装饰器,这...

2018-09-12 14:54:39 238

转载 js代码片段

源项目更新太快,本文不再更新,最新翻译将更新在这里:30 秒就能理解的 JavaScript 代码片段– 2018年1月15日更新– 2018年1月4日更新– 2018年1月3日更新– 2017年12月30日更新– 2017年12月29日更新翻译自:30 seconds of code精心收集的有用的 JavaScript 代码片段,你可以在30秒或更少的时间内理解。 有了这...

2018-09-10 22:01:47 342

转载 30 秒就能理解的 JavaScript 代码片段

Adaptercall给定一个 key 和一个 set 作为参数,给定上下文时调用它们。主要用于函数组合。使用闭包以存储的参数调用存储的 key 。const call = (key, ...args) => context => context[key](...args);查看示例 

2018-09-10 22:00:52 268

原创 c++输入一组数字

#include <iostream>#include <vector>#include <algorithm>using namespace std;int main() { int n; cin >> n; vector<int> vector1; int inputNum; w...

2018-09-09 20:13:15 8055 1

转载 三十分钟掌握STL

这是本小人书。原名是《using stl》,不知道是谁写的。不过我倒觉得很有趣,所以化了两个晚上把它翻译出来。我没有对翻译出来的内容校验过。如果你没法在三十分钟内觉得有所收获,那么赶紧扔了它。文中我省略了很多东西。心疼那,浪费我两个晚上。译者:karycontact:[email protected]概述STL的一个重要特点是数据结构和算法的分离。尽管这是个简单的概念,但这种分离...

2018-09-09 09:57:33 188

原创 排序算法的可视化

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>携程第三题-排序算法可视化展示</title></head><style> .

2018-09-07 10:52:22 1707

转载 javascript实现java的map对象,js实现new map()

function Map() { this.arr = new Array(); var struct = function(key, value) { this.key = key; this.value = value; }; this.put = function(key, value){ for (var i = 0; i <...

2018-09-06 17:01:05 1418

原创 JavaScript实现快排

Array.prototype.quickSort = function() { const l = this.length if(l < 2) return this const basic = this[0], left = [], right = [] for(let i = 1; i < l; i++) { const iv = t...

2018-09-06 16:39:36 2015

原创 JavaScript-判断ipv4地址合法的正则表达式

let ipv4Regexp=/^(?!\.)((^|\.)([1-9]?\d|1\d\d|2(5[0-5]|[0-4]\d))){4}$/gm

2018-09-04 20:20:38 2222

原创 ubuntu18.04安装搜狗输入法

1、https://pinyin.sogou.com/linux/?r=pinyin 去下载安装包2、sudo dpkg -i <package>3、提示缺少依赖。执行sudo apt-get install -f 安装依赖4、再次执行2,安装成功5、去语言支持中把键盘输入法系统改为“fcitx”6、重启机器7、去fcitx设置中调整输入法...

2018-08-30 17:25:43 1587

转载 Windows,Mac与Linux哪个更适合开发者?

Windows,Mac与Linux哪个更适合开发者?     以前写的,怕引来口水战,干脆不发。这段时间面试了十来人,用Mac的开发水平明显高于Windows的,挺多感想的,于是改改发了吧。    Windows: 对普通用户而言体验最友好,对开发者体验最差;Linux:开发者的天堂,普通用户的噩梦;从嵌入式开发到应用开发,一应俱全;Mac:WEB开发与设计师首选,嵌入式开...

2018-08-30 08:31:06 4956

转载 vue深入组件通信

建议:博客中的例子都放在vue_blog_project工程中,推荐结合工程实例与博客一同学习vue中,组件是带有一个名字、可复用的 Vue 实例。由于 Vue 是面向视图的MVVM框架,组件可以看做是对数据和方法的简单封装、具有独立的逻辑和功能的界面,多个组件按照一定规则的组合最终成为一个完整的应用。1. 组件的注册1.1 全局注册Vue.component()用来创建全局组件,...

2018-08-24 10:10:59 180

转载 vue深入生命周期

这篇博客将会从下面四个常见的应用诠释组件的生命周期,以及各个生命周期应该干什么事    1、单组件的生命周期    2、父子组件的生命周期    3、兄弟组件的生命周期    4、宏mixin的生命周期生命周期:Vue 实例从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程,我们称这是 Vue 的生命周期,各个阶段有相对应的事件钩子 1. ...

2018-08-24 10:09:37 520

转载 Node.js的线程和进程

#Node.js的线程和进程 ##前言 很多Node.js初学者都会有这样的疑惑,Node.js到底是单线程的还是多线程的?通过本章的学习,能够让读者较为清晰的理解Node.js对于单/多线程的关系和支持情况。同时本章还将列举一些让Node.js的web服务器线程阻塞的例子,最后会提供Node.js碰到这类cpu密集型问题的解决方案。在学习本章之前,读者需要对Node.js有一个初步的认识,熟...

2018-08-23 21:44:31 169

转载 如何开启变成职业生涯

简评:作者 Bruce Eckel 是编程界的大牛,著有大名鼎鼎的《Thinking in C++》和《Thinking in Java》。本文是他对程序员(尤其是新手)的忠告,教你如何开启变成职业生涯。大家总是问一个错误的问题:「我应该学习 C++ 还是 Java?」在本文中,我将告诉大伙儿:对于选择编程生涯真正需要关注的是哪些问题。请注意,这篇文章的目标读者并不是那些已经做出自己选...

2018-08-20 13:14:40 336

转载 移动端手势事件浅析

匆匆走过了2016,新的一年又开始了。新年没有什么计划,因为往年欠了太多,所以,边走边看吧。不过,新年第一天唯一值得说的事就是鼓足了勇气主动去认识了一个美女(由于本人实在太内向,以往基本没这样做过),也算是自我突破一下吧。之前有个朋友问过一关于移动端长按怎么实现的问题,为了应急就给了一个很丑的方法,凑合着把功能做了,之后一直想整理一下关于移动端的手势操作,也一直没时间,但是元旦小长假,这种专门给...

2018-08-20 11:01:52 1606

转载 移动端应该如何动态设置字体大小?

rem由来:font size of the root element,那么rem是个单位,单位大小由它第一代老祖宗的font-size的大小决定。现在前端码农们为了能在各个屏幕上看到一个健康的网页在默默的牺牲着自己的健康,因为不仅要知道rem是个单位,更重要的是要知道怎么能在不同分辨率下呈现的页面都很NB。事故造成原因:1.px单位在PC上很流行,在手机屏幕上一看,MLGB的,同样的12p...

2018-08-20 10:47:41 835

转载 移动页面点击穿透问题解决方案

一.click与300ms延迟移动浏览器提供一个特殊的功能:双击(double tap)放大300ms的延迟就来自这里,用户碰触页面之后,需要等待一段时间来判断是不是双击(double tap)动作,而不是立即响应单击(click),等待的这段时间大约是300ms。之前有过简单介绍:黯羽轻扬:HTML5触摸事件移动事件提供了touchstart、touchmove、touchend却没...

2018-08-19 18:09:36 752

转载 web 前端图片懒加载实现原理

伴随着各大公司对微信小程序生态的重视,小程序业务需求持续增长,开发者们面临的技术问题越来越复杂,让我们看看掘金开发者大会·微信小程序专场的嘉宾们会来分享哪些内容juejin.im前端时间面试的时候老是被问到图片懒加载实现及原理,由于自己在实际项目中并没有用过,只是了解过大概,所以回答起来都不尽如人意,趁这段时间空闲下来有时间好好研究下,话不多说,直奔主题~一、html(这里只列出相关的结构...

2018-08-19 17:11:55 475

转载 详解JavaScript中的Event Loop(事件循环)机制

前言我们都知道,javascript从诞生之日起就是一门单线程的非阻塞的脚本语言。这是由其最初的用途来决定的:与浏览器交互。单线程意味着,javascript代码在执行的任何时候,都只有一个主线程来处理所有的任务。而非阻塞则是当代码需要进行一项异步任务(无法立刻返回结果,需要花一定时间才能返回的任务,如I/O事件)的时候,主线程会挂起(pending)这个任务,然后在异步任务返回结果的...

2018-08-19 16:19:21 246

转载 CSS实现自适应下保持宽高比

在项目中,我们可能经常使得自己设计的网页能自适应。特别是网站中的图片,经常要求在网页放大(或缩小)时,宽高同时放大(或缩小),而且不变形(即保持正常的长宽比)。为了不变形,常用的方法就是设置width值,然后高度height设置auto。如果是div,我们该如何处理呢。背景图片宽高比固定下面,我仿照了移动端的聚划算网站中(https://ju.m.taobao.com/)中间一部分的布局。...

2018-08-18 22:18:47 1801

转载 四种常见的 POST 提交数据方式

四种常见的 POST 提交数据方式文章目录application/x-www-form-urlencoded multipart/form-data application/json text/xmlHTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 这几种。其中 POST 一般用来向服务...

2018-08-18 22:14:01 459

转载 页面生命周期:DOMContentLoaded, load, beforeunload, unload解析

原文地址:http://javascript.info/onload-ondomcontentloadedHTML页面的生命周期有以下三个重要事件:DOMContentLoaded — 浏览器已经完全加载了HTML,DOM树已经构建完毕,但是像是 <img> 和样式表等外部资源可能并没有下载完毕。 load — 浏览器已经加载了所有的资源(图像,样式表等)。 beforeu...

2018-08-18 17:09:56 1059

转载 vue.js 中 data, prop, computed, method,watch 介绍

vue源码不需要看,只需要做实验总结出vue框架的具体的运行机制。工程师要习惯通过做实验获取自己想要的信息。vue.js 中 data, prop, computed, method,watch 介绍data, prop, computed, method 的区别类型 加载顺序 加载时间 写法 作用 备注 prop 1 beforeCr...

2018-08-18 16:28:50 975

转载 jsonp方法跨域的过程

说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决?这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串或者用XML来描述,跨域可以通过服务器端代理来解决。但到目前为止最被推崇或者说首选的方案还是用JSON来传数据,靠JSONP来跨域。而这就是本文将要讲述的内容。 JSON和JSONP虽然只有一个字母的差别,但其实他们根本不...

2018-08-16 16:51:57 8961

转载 对于vue的单向绑定与双向绑定理解

 概述 Vue.js 最显著的特点就是响应式和数据驱动,也就是将Model和View进行单向绑定或者双向绑定。单向绑定:把Model绑定到View,当我们用JavaScript代码更新Model时,View就会自动更新。因此,我们不需要进行额外的DOM操作,只需要进行Model的操作就可以实现视图的联动更新。双向绑定:把Model绑定到View的同时也将View绑定到Model上,这样就既可以通...

2018-08-16 10:51:07 24091 2

转载 程序的本质复杂性和元语言抽象

Programming.log - a place to keep my thoughts on programming 程序的本质复杂性和元语言抽象组件复用技术的局限性常听到有人讲“我写代码很讲究,一直严格遵循DRY原则,把重复使用的功能都封装成可复用的组件,使得代码简短优雅,同时也易于理解和维护”。显然,DRY原则和组件复用技术是最常见的改善代码质量的方法,不过,在我看来,以这...

2018-08-15 19:57:03 639

转载 总结vue生命周期钩子使用方法

前言在使用vue一个多礼拜后,感觉现在还停留在初级阶段,虽然知道怎么和后端做数据交互,但是对于mounted这个挂载还不是很清楚的。放大之,对vue的生命周期不甚了解。只知道简单的使用,而不知道为什么,这对后面的踩坑是相当不利的。因为我们有时候会在几个钩子函数里做一些事情,什么时候做,在哪个函数里做,我们不清楚。于是我开始先去搜索,发现vue2.0的生命周期没啥文章。大多是1.0的版本...

2018-08-14 16:26:45 4088 1

转载 庄子,以自然之道,养自然之身

  一      哲学是智慧的碰撞。庄子这种具有大智慧的人无疑具有很高的哲学境界。庄子的“道”,就是尊重自然、回归自然,尊重万物众生平等。在与自然和谐相处中,才能其乐融融,感觉天人合一的和谐。     庄子把自己崇高的哲学境界融入到人生观中。庄子养生之道表现在生活态度上,他顺应自然,追求绝对的自由。身安不如心安,屋宽不如心宽。以自然之道,养自然之身。以喜悦之身,养喜悦之神...

2018-08-14 13:35:27 1258

转载 浏览器输入URL后发生了什么

在学习前端的过程中经常看到这样一个问题:当你在浏览器中输入url后发生了什么?下面是个人学习过程中的总结,供个人复习使用,如有理解不正确或不足的地方希望大家指出。先上一张脑图:浏览器中输入url后发生了什么我将该过程分为了以下六步:步骤1. DNS域名解析在浏览器DNS缓存中搜索在操作系统DNS缓存中搜索读取系统hosts文件,查找其中是否有对应的ip向本地配置的首选DN...

2018-08-13 18:59:20 176

转载 Web缓存的工作原理

Web缓存的工作原理所有的缓存都是基于一套规则来帮助他们决定什么时候使用缓存中的副本提供服务(假设有副本可用的情况下,未被销毁回收或者未被删除修改)。这些规则有的在协议中有定义(如HTTP协议1.0和1.1),有的则是由缓存的管理员设置(如DBA、浏览器的用户、代理服务器管理员或者应用开发者)。浏览器端的缓存规则对于浏览器端的缓存来讲,这些规则是在HTTP协议头和HTML页面的Meta...

2018-08-13 15:32:09 2905

转载 通过hover来控制一个div的展示和隐藏

通过hover来控制一个div的展示和隐藏css 代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 .float_tips_area {     position:absolute;...

2018-08-10 10:44:34 9444

转载 纯CSS实现滑动效果(Slide Up & Slide Down)

只需要一个DIV元素便可实现滑动效果,避免了使用JavaScript为元素的动画(IE浏览器下仅支持IE9以上)HTML代码 <div style="height: 200px; width: 200px; border: 1px solid #ccc;"> <div class="slider" id="slider">这里是内容</di...

2018-08-09 16:34:21 6745

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除