WHUZXQ-CSDN博客

原创【算法】常用经典动态规划应用场景总结

1 给定一个矩阵m，从左上角开始每次只能向右或者向下走，最后到达右下角的位置，路径上所有数字累加起来就是路径和，返回所有路径中最小路径和，如果给定的m如大家看到的样子，路径1，3，1，0，6，1，0就是路径中和最小的，所以返回12。//矩阵m1 3 5 98 1 3 45 0 6 18 8 4 0 解题思路：生成大小和m一样的矩阵dp，dp[i][j]的值表示从左上角，也就是(0,0)位

2018-04-05 10:54:31 6114

原创【http】cookie

cookie非常重要，它们定义了一些新的http首部，cookie的存在也影响了内存。1.cookie的类型可以将cookie分成两类：会话cookie和持久cookie。会话cookie：是一种临时cookie，用户退出浏览器时，会话cookie就会被删除。持久cookie:存储在硬盘上，浏览器退出，计算机重启时仍存在，通常会用持久cookie维护某个用户会周期性访问的站点配置文件或登录名

2018-04-04 20:42:42 329

原创【css】基础总结

外边距与内边距1 元素的背景会延伸到内边距中，但不会延伸到外边距。因此，为元素指定的内边距和外边距会影响元素的背景何时结束。 2 对元素的外边距设置百分数值，百分数是相对于父元素的width计算而来的(即使margin-top也是) 3 上下外边距，正常流中垂直相邻的外边距会合并， 4 外边距可以应用到行内元素，对行高没有任何影响，由于外边距是透明的，所以没有任何视觉效果，其原因就在于行内

2018-03-03 16:46:49 324

原创【css】选择器/结构和重叠

选择器：1 选择器分组：逗号告诉浏览器，规则中包含两个不同的选择器，如果没有这个逗号，样式将应用到这两哥选择器所引用的元素。2 类选择器还是id选择器？可以为任意多个元素指定同一个类名，但是id选择器仅会使用一次。不同于类选择器，id属性不能结合使用，因为id属性不允许以空格分隔的词列表。 class与ID名之间的另一个区别是，如果你想确定应该向下一个给定元素应用哪些样式，ID将包含更

2018-01-28 16:06:54 583

原创【知乎】尤雨溪知乎live感悟与总结

1.如何学习vue源码： http://hcysun.me/2017/03/03/Vue源码学习/2.组件：主流框架以组件做为最基本的单元。前端思维：页面->应用->组件 react贡献：组件可以是一个函数，有一些props进来，可以返回一个抽象的数据结构，用class包装。突破组件是静态页面的思维方式。3.组件分类：纯展示型组件：数据进，dom出揭露型组件（container）

2018-01-28 09:48:49 1355

原创 [CSS] 文本属性

1 缩进文本 text-indent:3em// 段落首行缩进给定长度 - 只应用于块级元素，无法将这个属性应用与行内元素。图像之类的替换元素上也无法应用text-indent属性。 - 可以继承-如果要设置成负值，为了防止超出边界，建议的写法如下： p{text-indent:-4em; padding-left:4em;}2 水平对齐 text-align: left/center

2018-01-26 21:53:19 386

原创【ES6】Set和Map数据结构

Set1 类似于数组，但成员的值都是唯一的 2 初始化：let set=new Set();let set1=new Set([1,2,3,4,4]);//去除数组重复成员：[...new Set(array)]3 向set加入值时不会发生类型转换，因此5和‘5‘是不同的值；但是在set内部，只能添加一个NaN;传入两个空对象被认为是两个值。 4 set实例的属性和方法：属性：Set

2018-01-23 19:07:01 286

原创【chrome】编写chrome插件——自定义tab页，去除百度广告

项目详情见： https://github.com/whuzxq/chromeExtension一.项目介绍自定义新弹出的tab页新tab页添加百度，谷歌，微软搜索快捷方式过滤百度首页及搜索页的广告。二. 安装方式第一步：打开谷歌浏览器，选择工具栏下的：更多工具——>扩展程序第二步：选择加载已解压的扩展程序，选择该文件夹下的zxq子文件夹。第三步：完成！打开新的标签页看

2018-01-14 20:56:25 1616 2

原创【web】《javascript语言精粹》笔记（一）

第一章语法1 避免使用块注释，建议使用//注释 2 标示符由一个字母开头，其后可选择性的加上一个或多个字母，数字或者下划线。 3 js只有一个单一的数字类型，内部被表示为64位的浮点数。和java的double一样。不像大多数的其他编程语言，他没有分离出整数类型，所以1和1.0是相同的值。这提供了很大的方便，因为它完全避免了短整数溢出的问题。并且你要知道的关于数字的一切就是它是一种数字，这样就

2017-12-23 13:11:18 288

原创【web】html5/css3 新特性总结与实践

HTML新特性1.开始<!DOCTYPE html><html lang="en"><head><meta charset=utf-8>2 致敬a标签 html5的一大好处就是可以把多个元素放到a标签里。<a href=""> <h2></h2> <p></p></a>3 新语义元素main元素：用来声明主内容区，每个页面的主内容区只能有一个，而且不能作为article,

2017-12-22 16:37:10 1602

原创【web】js基础巩固——json&数据存储(六)

JSON1 语法 json可以表示以下三种类型的值：简单值：使用与js相同的语法，可以在json中表示字符串，数值，布尔值和null，但是不能表示undefined对象：对象作为一种复杂的数据类型，表示一组无序的键值对儿，而每个键值对中的值可以是简单值，也可以是复杂数据类型的值。数组：数组也是一种复杂的数据类型，表示一组有序的值的列表，可以通过数值索引来访问其中的值，数组的值也可以是任意类型

2017-12-21 15:50:14 386

原创【web】javascript基础巩固（五）——事件&表单

事件流1 事件冒泡：即事件开始时由具体的元素接受，然后逐级向上传播到较为不具体的节点，主流浏览器将一直冒泡到window对象上。 2 事件捕获：不太具体的节点更早接收到事件，而最具体的节点最后接收到事件，用意在事件达到预定目标之前捕获它。 3 DOM事件流：包括三个阶段，事件捕获阶段，处于目标阶段和事件冒泡阶段。事件处理程序1 DOM0级事件处理程序：每个元素都有自己的事件处理程序属性，这些属

2017-12-21 11:06:44 500

原创【js基础】js基础巩固——DOM操作（四）

NODE类型js中所有的节点类型都继承自Node类型，因此所有节点都享受这相同的基本属性和方法。nodeType属性，用于表明节点类型。最常用的是NODE.ELEMENT_NODE(1), NODE.TEXT_NODE(3).nodeName和nodeValue属性：前者保存原书的标签名，nodeValue是始终为null节点关系：每个节点都有一个childNodes属性，其中保存着一个Nod

2017-12-19 14:28:58 325

原创【js基础】js基础巩固——BOM（三）

接上一部分：http://blog.csdn.net/WHUZXQ/article/details/788013468.基本包装类型 Math:Math.max();Math.min() Math.ceil()//向上舍入整数，Math.floor()//向下舍入 Math.round()//标准舍入 Math.random()//0-1之间的随机数取一个介于2-10之间的数字：var

2017-12-15 11:00:26 249

原创【web】javascript基础巩固——引用类型（二）

引用类型1 引用类型是一种数据结构，从技术上讲是一门面向对象的语言，但是不具备传统的面向对象的语言所支持的类和接口等基本结构。 2 创建object实例有两种方式：第一种使用new操作符后跟object构造函数；另一种是使用对象字面量表示法。对象字面量是对象定义的一种简写形式。 3 访问对象的属性有两种方式：点表示法和方括号。方括号的主要优点是可以使用变量来访问属性。 4 Array类型：数

2017-12-14 21:16:42 257

原创【js基础】javascript基础巩固——基础概念&作用域&内存（一）

基本概念NAN: 这个数值用于表示一个本来要返回数值的操作数未返回数值的情况。特点：任何设计NAN的操作都会返回NAN 0/0=NAN 函数：isNAN()：这个函数接受一个参数，首先会尝试将这个值转化为数值，不是数值的话则返回true。注：适用于对象，在基于对象调用isNAN()时，会首先调用对象的valueof()方法，然后确定该方法返回的值是否可以转换为数值。如

2017-12-13 19:13:14 363

原创【web】jsonp源码学习

APIjsonp(url, opts, fn)url (String) url to fetch opts (Object), optionalparam (String) name of the query string parameter to specify thecallback (defaults to callback)timeout (Number) how long afte

2017-12-12 12:55:50 487

原创【WEB】vue搭建自己的博客网站并部署到服务器

技术框架和基本库：1.前端：vue-cli脚手架，vue-router管理路由，axios前后端交互。用了Vue-cli 构建基本项目目录，Vue-Router 做路由控制，用 axios 库做 ajax 操作。前台展示页（/psot 和 /postDetail）用 Marked.js 和 highlight.js 处理 Markdow 转化为 HTML。从服务器拿到数据进行渲染。

2017-12-10 00:51:12 3307 1

原创【WEB】vue2.0开发音乐播放器

1.安装模版vue init webpack vue-music注：vue脚手架可以帮我们初始化webpack的配置初始化后目录如下： //所有开发是基于修改src的文件 api:用来放跟后端请求相关 common：通用的静态资源（fonts／image／js/stylus） components:通用组件 router:路由相关组件 store：vuex相关代码 App.vu

2017-11-18 15:59:17 2685 1

原创【Node】nodejs+express+mongodb入门实例(二)

【Node】nodejs+express+mongodb入门实例（一） http://blog.csdn.net/whuzxq/article/details/73105978基于上一个部分的内容，app.js部分过于臃肿，不利于管理，因此对目录结构作出一些调整，让整个项目更符合MVC模式。首先，新建config文件夹，并将路由相关的内容移入新建的route.js中。效果如下：之前在a

2017-11-17 20:54:06 501

原创【web】ubuntu16.04线上服务器部署node项目

为想要配置服务器的童鞋提供技术栈和步骤，本文只做简要记录。后续详细的介绍，笔者深入学习后在做补充。 1.购买云服务器+域名 2.远程登陆服务器：添加子用户（root用户权限太大）配置公钥／私钥（主机和服务器均配置）安装需要的软件3.增强服务器安全等级更改服务器默认端口（可选）配置防火墙（可选）4.搭建node.js生产环境 5.配置nginx反向代理 6.利用DNSPod管理域

2017-11-17 12:54:49 1116

原博客链接：http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html之前对JSONP一直是云里雾里，理解的不是很透彻，今天正好温习到这里，就趁这个机会彻彻底底的把这个东西搞明白。这个博主写的很清楚易懂，现搬运如下：1.什么是JSONP？先说说JSONP是怎么产生的：其实网上关于JSONP的讲解有很多，但却千篇

2017-11-14 21:46:47 237

原创【WEB】JS常见错误与处理错误策略

1.类型转换错误（1）类型转换错误发生在使用某个操作符，或者使用其他可能会自动转换值的语言结构。在使用==和！=操作符，最容易发生类型转换错误。因此强烈推荐使用=== （2）在if,for,while等流控制语句中使用非布尔值，容易出错错误示范：function concat(st1,st2,st3){ var result=st1+st2; if(st3){//绝对不要这

2017-11-14 13:37:06 322

原创【WEB】表单基础知识实例DEMO

1.阻止表单提交用处：在表单数据无效不能发送给服务器时，调用该方法。<body> <form> <input type="email" value="email"/> <input type="pattern" value="pattern"/> <input type="submit" value="form"/> </form>

2017-11-13 20:57:53 733

转载【WEB】WEBPACK入门

转载自：http://www.jianshu.com/p/42e11515c10f什么是WebPack，为什么要使用它？为什要使用WebPack现今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度，前端社区涌现出了很多好的实践方法模块化，让我们可以把复杂的程序细化为小的文件; 类似于TypeScript这种在JavaScript基

2017-10-26 16:14:31 351

原创【WEB】JS面试题涉及基础知识总结（二）

【WEB】JS面试题涉及基础知识总结（一） http://blog.csdn.net/whuzxq/article/details/78122965 那么继续下面的分享。四.异步和单线程1.前端使用异步的场景：定时任务：setTimeout.setInterval网络请求：ajax请求，动态<img>加载事件绑定注：都是需要等待的场景2.单线程的异步过程执行第一行遇到setTimeo

2017-09-30 14:49:49 384

原创 [WEB] zepto.js源码阅读与总结

最近尝试看一些简单的开源代码，zepto代码量比较少，很适合刚开始阅读源码的人，现将一些心得记录如下，以免忘记。笔者阅读的zepto版本为V1.1.6.一.总体结构window.Zepto和window. $都赋值了Zepto这个变量，Zepto是个自执行的匿名函数，看源代码的最后几行，匿名函数返回了$变量。简写之后，即为var Zepto = (function(){ var $

2017-09-29 22:57:54 355

原创【WEB】JS面试题涉及基础知识总结(一)

一.变量类型1.变量类型：undefined，string，number，boolean，function，object 变量类型分为值类型与引用类型。值类型：引用类型：对象，数组，函数注：object类型包括：对象，数组以及NULL. 2.值类型强制类型转换的几种场景：字符串拼接：var a=100+’10’;//10010‘= =’运算符：100 ==‘100’0==‘

2017-09-28 14:04:27 422

原创【WEB】JS实现选择排序，插入排序与归并排序

1.选择排序算法思路：它的工作原理是每一次从待排序的数据元素中选出最小（或最大）的一个元素，存放在序列的起始位置，直到全部待排序的数据元素排完。选择排序是不稳定的排序方法。算法复杂度为O（n^2） JS实现 function random(from,to,n){ var arr=[]; for(var i=0;i<n;i++){

2017-09-28 11:09:12 361 2

原创【WEB】百度前端技术学院任务汇总

以下是在空闲时间对JS以及CSS知识的巩固与联系。具体代码详见：https://github.com/whuzxq/baiduAcademic糯米学院部分任务：task1：有趣的鼠标悬浮模糊效果http://47.95.234.87/ProBaidu/task1/task1.htmltask2：css3饼状loading效果http://47.95.234.87/ProBaidu/task11/ta

2017-09-15 10:15:15 1770

原创【WEB】百度糯米学院学习笔记

一.鼠标悬浮模糊效果(css3实现) 1.图片模糊-webkit-filter:blur(2px);2.字体流光渐变效果（1）绘制渐变背景图background-image: -webkit-linear-gradient(left, blue, red 25%, blue 50%, red 75%, blue 100%);使用CSS3的渐变绘制图像，从左到右。需要注意的是颜色是 0到49

2017-09-11 21:22:10 586

原创［WEB］知乎登录背景——html/css/js实现

一.源代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>IFE JavaScript Task 01</title> </head> <style> html,body{ width:100%; height:100%; overflow:hidden;

2017-09-06 11:54:48 2911

原创【IOS】IOS常用第三方库总结

今天实验室IOS大神来经验分享，干货满满，其中提到了一些在项目中起到四两拨千斤的第三方库集锦，非常受用，因此在博客里进行总结以备日后使用。1.EAIntroView库：启动引导界面定制 2.MBProgressHUD库：小菊花/圆形/直线进度条 3.Mantle库：JSON 功能–字典转模型 4.Mansonry库：给控件添加约束 5.MJRefresh:下拉&上拉刷新 6.SDWebIm

2017-09-04 15:30:39 783

翻译【WEB】JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系？jQuery中的text()、html()和val() ？

一、JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系？jS中设置或者获取所选内容的值： ①innerHTML :属性设置或返回该标签内的HTML。也就是从对象的起始位置到终止位置的全部内容,包括Html标签。 ②outerHTML：属性设置或返回该标签及标签内的HTML。也就是从对象的该标签起始到终止位置的全部内容,包括Html标签。

2017-08-31 10:14:18 506

原创【WEB】百度学院前端布局任务完成

源码：https://github.com/whuzxq/baiduAcademic.git

2017-08-30 21:14:30 382

转载【Web】Flex布局

转自：http://ife.baidu.com/note/detail/id/952Flex布局是什么？W3C针对布局设计的新标准，相对float和position会更加灵活处理父元素和子元素之间布局关系，让布局更加直观和灵活简单。有效的针对不同屏幕宽度大小的情况下，让元素自动有效合理处理布局结构。适用范围弹性盒子布局主要适用于应用程序的组件及小规模的布局，而（新兴的）栅格布局则针

2017-08-30 11:29:18 504

原创【WEB】百度前端学院笔记(二)

一..居中问题1.设置水平居中方法：element { text-align: center; }element { margin: 0 auto; }2.设置垂直居中办法：（1）该元素的height值确定parent element { position: relative; }element { position: absolute; top: 5

2017-08-04 23:32:31 397

转载【WEB】CSS选择器总结

一、上下文选择器1.标签选择器<style> h1 {font-size: 16px;} p {color:red;}</style>代码中的h1和p就是选择器，他们是选择器里面最常用的一种，叫做标签选择器。我们可以直接通过标签元素来指定需要添加样式的位置。如果我们需要为多个标签添加同一种样式时，我们可以把它们组合在一起，每个标签选择器用“,”隔开，如下：<style> h1,h2,h

2017-08-04 14:48:24 690

原创【WEB】百度前端技术学院笔记（一）

一.HTML部分1.header标签 < header> 标签定义文档的页眉（介绍信息）。标签规定文档的主要内容。 < main > 元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容，比如侧栏、导航栏、版权信息、站点标志或搜索表单。注释：在一个文档中，不能出现一个以上的 < main> 元素。< main> 元素不能是以下元素的后代：< articl

2017-08-03 23:42:36 967

原创【WEB】实战之html与css扁平化风格博客

1.重置样式及文件结构目的：使样式在不同浏览器下保持一致。如果将系统样式全部清零，那相当于是无论好坏一并打死，并不是一个很好的解决方案，因此使用normalize.css(常规化).用法：引入： 2.布局（1）头部：导航页面的布局首先使用了标签进行包裹，内部放置 header> nav> ul>

2017-08-03 20:22:44 1954

空空如也

空空如也