byCHENJIAJIE-CSDN博客

原创内联元素空隙问题

最近写一个页面的时候发现，内联元素之间会有几像素的空隙，既不是margin也不是padding，最终发现是由于换行符、制表符（tab）、空格等字符引起的。内联元素内联元素内联元素内联元素内联元素总结一下解决方案：方法一：既然是由于行符、制表符（tab）、空格等字符引起，那么就去掉内联元素之间的行符、制表符（tab）、空格，但这样代码会比较

2017-11-08 14:53:01 358

原创将博客搬至CSDN

将博客搬至CSDN

2017-11-08 14:52:53 141

原创 CSS选择器：#id和.class中间有空格和无空格的区别

相信大家都知道 .class1 .class2 和 .class1.class2 是两种不同的选择规则，但具体怎样不同呢？首先中间有空格的情况：是选择到.class1类下的.class2类子节点，即.class2类的节点要是.class1类子节点.class1 { color: black; }.class1 .class2 { color: red; } I'm class1

2017-11-08 14:52:46 4058

原创 JS算法之八皇后问题（回溯法）

八皇后这个经典的算法网上有很多种思路，我学习了之后自己实现了一下，现在大概说说我的思路给大家参考一下，也算记录一下，以免以后自己忘了要重新想一遍。八皇后问题八皇后问题，是一个古老而著名的问题，是回溯算法的典型案例。该问题是国际西洋棋棋手马克斯·贝瑟尔于1848年提出：在8×8格的国际象棋上摆放八个皇后，使其不能互相攻击，即任意两个皇后都不能处于同一行、同一列或同一斜线上，问有多少种摆法。工作

2017-11-08 14:52:38 3211

原创 JS算法之A*（A星）寻路算法

今天写一个连连看的游戏的时候，接触到了一些寻路算法，我就大概讲讲其中的A*算法。这个是我学习后的一点个人理解，有错误欢迎各位看官指正。寻路模式主要有三种：广度游戏搜索、深度优先搜索和启发式搜索。广度优先搜索（Breadth First Search）：又称为"宽度优先搜索"或"横向优先搜索"，简称BFS。BFS的搜索模式是：从图中某节点v出发，在访问了v之后依次访问v的各个未曾访问过的邻接

2017-11-08 14:52:30 1614

原创【转】老生常谈-从输入url到页面展示到底发生了什么

今天看到了一篇很详细地解释了从输入url到页面展示过程的文章，好文章不能错过，所以转到自己这里来了。原文地址：老生常谈-从输入url到页面展示到底发生了什么以下为原文：刚开始写这篇文章还是挺纠结的，因为网上搜索“从输入url到页面展示到底发生了什么”，你可以搜到一大堆的资料。而且面试这道题基本是必考题，二月份面试的时候，虽然知道这个过程发生了什么，不过当面试官一步步追问下去的，很多细节就不

2017-11-08 14:52:24 241

原创 cookie,localStorage和sessionStorage的区别

> 基本概念cookie cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。当访问者首次访问页面时，他或她也许会填写他/她们的名字。名字会存储于 cookie 中。当访问者再次访问网站时，他们会收到类似 "Welcome Jacob!" 的欢迎词。而名字

2017-11-08 14:52:16 175

原创到今天，需要遵循优雅降级和渐进增强吗

今天看《JavaScript DOM编程艺术（第二版）》的时候，书中提到了“平稳退化”一词，于是网上查了一下。基本认为平稳退化就是“优雅降级”（Graceful Degradation），和渐进增强（Progressive Enhancement）是一对相对的概念。听起来好像很高大上，其实就是平时说的向上兼容和向下兼容，渐进增强相当于向上兼容，而优雅降级相当于向下兼容。渐进增强：一开始就针对低版

2017-11-08 14:52:07 198

原创 canvas中strokeRect的渲染问题>>strokeRect把一像素的边框渲染成两像素

> 结论写在头var oC = document.getElementById('c1');var oGC = oC.getContext('2d');oGC.strokeRect(50,50,100,100);//默认绘制黑色一像素的线像这个用canvas绘制出一个方形的时候，由于设置的top值和left值是50px，所以canvas会在第50和第51个像素之间从中间开始绘制一像素的线

2017-11-08 14:51:59 504

原创关于beginPath()和closePath()的关系>>canvas的beginPath和closePath分析总结，包括多段弧的情况

今天查了一下beginPath()和closePath()关于区域的划分问题，发现到一篇解释得很明白的文章，我就直接转载到这里了。原文请看：canvas的beginPath和closePath分析总结，包括多段弧的情况，作者是：妙音天女先看两个例子> 例1：canvas id="myCanvas" width="300" height="300" style="border:1px sol

2017-11-08 14:51:53 414

原创为什么canvas宽高要设置在标签内>>宽高设置在style和设置在canvas的区别

一直很困惑为什么canvas标签和其他标签不一样，宽高需要设置在canvas标签里，设置在style里就会有问题。纯粹个人理解，有错误欢迎指出。> 结论写在头设置在style里有问题其实是因为：canvas标签里的宽高是相当于定义画布的大小（默认宽300px，高150px）。在定义了画布之后，canvas就相当于一张图片了，类似于img，所以这个时候再设置宽高，就会把canvas拉伸成st

2017-11-08 14:51:47 356

原创 HTML5学习笔记

HTML5 声明必须位于 HTML5 文档中的第一行,使用非常简单:最小的HTML5文档:DOCTYPE html>html>head>meta charset="utf-8">title>文档标题/title>> body>文档内容....../body> >注意：对于中文网页需要使用声明编码，否则会出现乱码。查询： HTML5新特性的浏览器支持情况语义化标

2017-11-08 14:51:41 134

原创 HTML5学习笔记之canvas

标签canvas标签有一个默认宽高：300*150；canvas的宽高一般写到行间样式中，写在style会有问题详细请看这里；绘制环境要绘图先要获取到绘制环境：var oC = document.getElementsByTagName('canvas')[0];var oGC = oC.getContext('2d'); //有些浏览器支持webgl，可以绘制3D；绘制方块fi

2017-11-08 14:51:35 219

原创 window下Jekyll建站过程

> 前言最近决定要写一个博客，先后注册了博客园和CSND的博客，但是他们的界面主题都不是很符合自己的要求，还没有足够个性化的发挥空间，遂决定自己建一个博客。网上找了一下教程，感觉都不太详细，容易踩坑，所以就想详细一下自己的搭建过程，不能算作教程吧。希望大家踩少点，如有错误，各位看官老爷们拍轻点。既然选择了自己建一个，就需要选择一个合适自己用的博客引擎了，主要就这几大引擎：wordpre

2017-11-08 14:51:29 209

原创 CSS3学习笔记

CSS3选择器属性选择器[ ]E[attr]只使用属性名，但没有确定任何属性值E[attr="value"]指定属性名，并指定了该属性的属性值E[attr~="value"]指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词，而且等号前面的“〜”不能不写E[attr^="value"]指定了属性名，并且有属性值，而且属性值是以value开

2017-11-08 14:51:24 173

原创 Regular Expression学习笔记

正则写法var re = /a/;//简写/.../里不能为空，因为会误以为是注释；var re = new RegExp('a');新建一个RegExp对象；和新建Array对象，Object对象一样，有简写；平时建议用简写，因为简写的性能更好；但如果正则表达式里有非类字符串的类型（其实并不是字符串，只能不知怎么表述），则不能简写，因为/.../里写的只能类字符串类型；var ar

2017-11-08 14:51:18 214

原创 AJAX学习笔记

AJAX简介AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法，是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）

2017-11-08 14:51:14 127

原创 GIT笔记

Git命令git config --listgit config --global user.name/email配置全局用户名/邮箱git config --list查看所有配置项git init可以用以下linux命令新建一个文件，当然也可以到文件管理器里手动新建：$ mkdir learngit//新建文件$ cd learngit//打开文件$ pwd//显示当前目录/

2017-11-08 14:51:08 105

原创 JQuery学习笔记

jQuery 库 - 特性jQuery 是一个 JavaScript 函数库。jQuery 库包含以下特性：HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities优点：简化JS的复杂操作不再需要关心兼容性提供大量实用方法jQuery 语法jQuery 语法是为

2017-11-08 14:51:02 280

原创 JS学习-基础运动

多物体运动多个物体用同一个函数时，函数里定义的定时器应该要每个物体对应一个定时器名称，不然会导致未完成运动就被关闭了，因为定时器名称一样，而开启定时器前会清除一下。obj.timer多值同时运动怎样同时运动？startMove(this, 'width', 200, 10);startMove(this, 'height', 200, 10);下面的运动会清除掉上面的定时器，因为

2017-11-08 14:50:55 134

原创 JavaScript学习笔记（二）

DOM基础概念、操作DOM概念DOM 是 W3C（万维网联盟）的标准。DOM 定义了访问 HTML 和 XML 文档的标准：W3C 文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。W3C DOM 标准被分为 3 个不同的部分：核心 DOM - 针对任何结构化文档的标准模型XML DOM - 针对 XML 文档的标准模型

2017-11-08 14:50:51 324

原创 Javascript学习笔记（一）

属性操作基本属性HTML的属性操作：读、写属性名：属性值：读操作：获取、找到元素.属性名写操作：“添加”、替换、修改元素.属性名 = 新的值oP.innerHTML：读取p里面所有的html代码JS 不允许出现"-"，所以padding-top --> paddingTop margin-left --> marginLeft通过className可以给对象添加一个class

2017-11-08 14:50:43 211

CHENJIAJIE