rical730-CSDN博客

转载浏览器兼容问题

1 如何发现问题详见1.1 QuirksModeQuirksMode：兼容行列表比较老可以看到所有的CSS、DOM、HTML等标签在各个浏览器的兼容性1.2 CanIUsecan I use：这个名字也是十分直白，就是查查看这个标签能不能在这个额浏览器里用查询JS特性，CSS属性，HTML等一些标签到底能在什么浏览器中兼容可以查看在哪个国家可以对比某一标签在不同浏览器里对比的一些兼

2017-08-26 10:32:31 488

原创 Sublime Text 高级用法

啥都不说了下载和入门教程直接在官网上看就好了技巧一：Ctrl+p (Mac是command+p)切换文件，执行下面命令可以快速根据关键词打开文件1、输入当前项目中的文件名，快速搜索文件2、输入@和关键字，查找文件中函数名3、输入：和数字，跳转到文件中该行代码 4、输入#和关键字，查找变量名。技巧二：命令面板，可以在同一个文件里在不同变量之间跳转(Mac是command+字符)Ctrl+

2017-08-26 09:47:42 1429

原创 Web前端分析测试和性能提升

12个测试要点以及对应的可以提升的点减少http请求次数：CSS Sprites, JS、CSS源码压缩、图片大小控制合适；CDN托管，图片服务器。用好浏览器缓存机制：有利有弊，找到平衡网页Gzip：网上看到的图片已经压缩的不能再压缩了，但是GZIP是针对文本类资源压缩的，把空格什么的去掉，十分有效。把CSS文件放在HTML开头：如果放在后面会增加reflow的过程把JS文件放在HTML的

2017-08-25 23:34:40 436

这种东西，网站上的各路学习笔记五花八门的，推荐直接看官网文件英文原稿：How browsers work 中文翻译：浏览器内部工作原理当然，也有写的不错的读书笔记，这个妹子写的还是很赞的：浏览器的加载解析看完上面的基本就了解原理了然后开始贴我的笔记，从这篇博文里可以用一个例子来了解：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/

2017-08-25 23:08:53 354

原创什么是 webpack

什么是webpack?其实可以用官网的一张图来解释1 概念WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。2 工作方式Webpack的工作方式是：把你的项目当做一个整体，通过一个给定的主文件（如：index.js），Webpa

2017-08-16 17:51:00 692

原创 React入门笔记

主要看看大牛都是怎么入门的，然后再看看大牛入门之后给菜鸟们留下的宝藏： React入门可以看看阮大师的这篇文章：文章打开以为很长，结果页面中70%是评论，所以不要害怕，这篇文章很短。看完这篇文章再去啃React Chain的文档会比较好，基本是React官方文档的中文翻译。笔记【Demo1】单页显示的react可以再HTML页面中使用<script type="text/babel"></scr

2017-08-16 12:18:52 251

原创 Ubuntu14.04下从零开始实战react

原本希望入手react，无奈自己跑的虚拟机还是12.04的，遇到好多坑，而且之前的一些node和npm也都不是最新版本，一怒之下，干脆直接新装了一个Ubuntu14.04，从零开始配置到建成系统。之所以用Ubuntu14，是因为看太多博客使用react搭建项目都是基于14，所以选了这个版本。系统环境：Ubuntu14.041. 安装最新版本的 Node.js1.0更新源每次安装软件前先更新一下就

2017-08-16 08:29:52 1612

转载 ebookcoin 安装与入门

翻译自 github地址：https://github.com/Ebookcoin/ebookcoin/tree/v0.1.3亿书：加密货币驱动的电子书写作和版权保护应用。源码解析与开发指南：《Nodejs开发加密货币》Ebookcoin is a decentralized application for eBook-writing and copyright-protection powered

2017-08-14 15:38:25 992

转载数据库索引详解

1 为什么需要索引首先看一下为什么需要索引，因为有索引快啊！相当于在偌大的仓库里找东西的时候有本本子告诉你东西藏哪里了，开销也就是写多一本而已。关于使用索引的好处可以看这篇博文，说的挺明白的，作者没说可以转载，所以我就直接发链接了。博文：为什么数据库索引查询会快2 怎么索引强大的B树，不仅用于数据库索引，文件系统索引也常用。————————————有一篇博文写的不错—————————— ［B

2017-07-27 16:00:33 476

原创 JS编程训练 | 题16：计时器

JS编程训练 | 题16：计时器题目描述实现一个打点计时器，要求 1、从 start 到 end（包含 start 和 end），每隔 100 毫秒 console.log 一个数字，每次数字增幅为 1 2、返回的对象中需要包含一个 cancel 方法，用于停止定时操作 3、第一个数需要立即输出思路一：setInterval会自动循环，需要设定停止

2017-07-15 08:00:12 588

原创 JS编程训练 | 题15：正确使用parseInt

JS编程训练 | 题15：正确使用parseInt题目描述修改 js 代码中 parseInt 的调用方式，使之通过全部测试用例示例1 输入’12’ 输出12示例2 输入’12px’ 输出12示例3 输入’0x12’ 输出0

2017-07-14 22:24:12 1035

原创 JS编程训练 | 题14：正确函数定义

题目描述请修复给定的 js 代码中，函数定义存在的问题示例1 输入true 输出a错误代码：function functions(flag) { if (flag) { function getValue() { return 'a'; } } else { function getValue() { return 'b'; } }

2017-07-14 22:08:15 670

原创 JS编程训练 | 题13：查找元素位置

题目描述在数组 arr 中，查找值与 item 相等的元素出现的所有位置示例1 输入 ‘abcdefabc’，a 输出 [0, 6]思路一：forfunction findAllOccurrences(arr, target) { var result=[]; for(var i=0;i<arr.length;i++){ if(arr[i]===targe

2017-07-14 21:58:00 390

原创 JS编程训练 | 题12：求二次方

题目描述为数组 arr 中的每个元素求二次方。不要直接修改数组 arr，结果返回新的数组示例1 输入 [1, 2, 3, 4] 输出 [1, 4, 9, 16]思路一：forfunction square(arr) { var newarr = []; for(var i = 0; i < arr.length; i++){ newarr.push(arr

2017-07-14 21:41:37 1364

原创 JS编程训练 | 题11：查找重复元素

题目描述找出数组 arr 中重复出现过的元素示例1 输入[1, 2, 4, 4, 3, 3, 1, 5, 3] 输出[1, 3, 4]思路一：哈希数组function duplicates(arr) { //Step1:定义数组hasharr用来存放重复的次数，ans用来存放结果 var hasharr = [], ans = []; //第一遍遍历arr完善哈

2017-07-14 00:03:23 300

原创 JS编程训练 | 题10：计数

题目描述统计数组 arr 中值等于 item 的元素出现的次数示例1 输入[1, 2, 4, 4, 3, 4, 3], 4 输出3思路一：forfunction count(arr, item) { var count = 0; for(var i = 0; i < arr.length; i++){ if(arr[i] === item){

2017-07-13 23:37:12 403

原创 JS编程训练 | 题9：添加元素

题目描述在数组 arr 的 index 处添加元素 item。不要直接修改数组 arr，结果返回新的数组示例1 输入 [1, 2, 3, 4], ‘z’, 2 输出 [1, 2, ‘z’, 3, 4]思路一：forfunction insert(arr, item, index) { var newArr=[]; for(var i=0;i<arr.length;i++

2017-07-13 23:14:46 214

原创 JS编程训练 | 题8：数组合并

题目描述合并数组 arr1 和数组 arr2。不要直接修改数组 arr，结果返回新的数组示例1 输入[1, 2, 3, 4], [‘a’, ‘b’, ‘c’, 1] 输出[1, 2, 3, 4, ‘a’, ‘b’, ‘c’, 1]思路一：forfunction concat(arr1, arr2) { var newArr=[]; for(var i=0;i<arr1.

2017-07-13 22:59:32 336

原创 JS编程训练 | 题7：数组前删除第一个元素

题目描述删除数组 arr 第一个元素。不要直接修改数组 arr，结果返回新的数组示例1 输入 [1, 2, 3, 4] 输出 [2, 3, 4]思路一：forfunction curtail(arr) { var newArr=[]; for(var i=1;i<arr.length;i++){ newArr.push(arr[i]); }

2017-07-13 22:53:19 358

原创 JS编程训练 | 题6：数组前插入元素

题目描述在数组 arr 开头添加元素 item。不要直接修改数组 arr，结果返回新的数组示例1 输入 [1, 2, 3, 4], 10 输出 [10, 1, 2, 3, 4]思路一：for+unshiftfunction prepend(arr, item) { var newArr=[]; for(var i=0;i<arr.length;i++){

2017-07-12 22:43:37 607

原创 JS编程训练 | 题5：删除最后一个元素

题目描述删除数组 arr 最后一个元素。不要直接修改数组 arr，结果返回新的数组示例1 输入 [1, 2, 3, 4] 输出 [1, 2, 3]思路1：利用slicefunction truncate(arr) { return arr.slice(0,-1);}思路二：利用filterfunction truncate(arr) { return arr.filte

2017-07-12 22:36:52 1147

原创 JS编程训练 | 题4：数组中添加元素

题目描述在数组 arr 末尾添加元素 item。不要直接修改数组 arr，结果返回新的数组思路一：slice+pushfunction append(arr, item) { var newarr = arr.slice(0); // 复制数组 newarr.push(item); //添加一个元素 return newarr;}思路二：for复制function appe

2017-07-12 22:09:48 377

原创 JS编程训练 | 题3：移除数组中的元素

题目描述移除数组 arr 中的所有值与 item 相等的元素。不要直接修改数组 arr，结果返回新的数组示例1 输入 [1, 2, 3, 4, 2], 2 输出 [1, 3, 4]思路一：简单粗暴的遍历遍历后，留下和item不一样的function remove(arr, item) { var newarr = []; for(var i = 0; i < arr

2017-07-11 23:58:51 321

原创 JS编程训练 | 题2：数组求和

题目描述计算给定数组 arr 中所有元素的总和输入描述: 数组中的元素均为 Number 类型示例1 输入 [ 1, 2, 3, 4 ]输出 10思路一：大众解法，遍历求和function sum(arr) { var sum = 0; for(var i = 0; i < arr.length; i++){ sum += arr[i];

2017-07-10 22:41:25 2009

原创 JS编程训练 | 题1：查找数组元素位置

题目描述找出元素 item 在给定数组 arr 中的位置输出描述: 如果数组中存在 item，则返回元素在数组中的位置，否则返回 -1示例1 输入 [ 1, 2, 3, 4 ], 3输出 2

2017-07-10 22:11:45 3808

原创剑指offer | 训练题65：机器人的运动范围

题目描述地上有一个m行和n列的方格。一个机器人从坐标0,0的格子开始移动，每一次只能向左，右，上，下四个方向移动一格，但是不能进入行坐标和列坐标的数位之和大于k的格子。例如，当k为18时，机器人能够进入方格（35,37），因为3+5+3+7 = 18。但是，它不能进入方格（35,38），因为3+5+3+8 = 19。请问该机器人能够达到多少个格子？思路 DFSclass Solution {pu

2017-07-08 23:22:42 164