- 博客(86)
- 收藏
- 关注
原创 【算法】常用经典动态规划应用场景总结
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 6235
原创 【http】cookie
cookie非常重要,它们定义了一些新的http首部,cookie的存在也影响了内存。1.cookie的类型可以将cookie分成两类:会话cookie和持久cookie。 会话cookie:是一种临时cookie,用户退出浏览器时,会话cookie就会被删除。 持久cookie:存储在硬盘上,浏览器退出,计算机重启时仍存在,通常会用持久cookie维护某个用户会周期性访问的站点配置文件或登录名
2018-04-04 20:42:42 354
原创 【css】基础总结
外边距与内边距1 元素的背景会延伸到内边距中,但不会延伸到外边距。 因此,为元素指定的内边距和外边距会影响元素的背景何时结束。 2 对元素的外边距设置百分数值,百分数是相对于父元素的width计算而来的(即使margin-top也是) 3 上下外边距,正常流中垂直相邻的外边距会合并, 4 外边距可以应用到行内元素,对行高没有任何影响,由于外边距是透明的,所以没有任何视觉效果,其原因就在于行内
2018-03-03 16:46:49 347
原创 【css】选择器/结构和重叠
选择器:1 选择器分组: 逗号告诉浏览器,规则中包含两个不同的选择器,如果没有这个逗号,样式将应用到这两哥选择器所引用的元素。2 类选择器还是id选择器? 可以为任意多个元素指定同一个类名,但是id选择器仅会使用一次。 不同于类选择器,id属性不能结合使用,因为id属性不允许以空格分隔的词列表。 class与ID名之间的另一个区别是,如果你想确定应该向下一个给定元素应用哪些样式,ID将包含更
2018-01-28 16:06:54 611
原创 【知乎】尤雨溪知乎live感悟与总结
1.如何学习vue源码: http://hcysun.me/2017/03/03/Vue源码学习/2.组件: 主流框架以组件做为最基本的单元。 前端思维:页面->应用->组件 react贡献:组件可以是一个函数,有一些props进来,可以返回一个抽象的数据结构,用class包装。突破组件是静态页面的思维方式。3.组件分类: 纯展示型组件:数据进,dom出 揭露型组件(container)
2018-01-28 09:48:49 1403
原创 [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 408
原创 【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 308
原创 【chrome】编写chrome插件——自定义tab页,去除百度广告
项目详情见: https://github.com/whuzxq/chromeExtension一.项目介绍自定义新弹出的tab页 新tab页添加百度,谷歌,微软搜索快捷方式 过滤百度首页及搜索页的广告。 二. 安装方式第一步:打开谷歌浏览器,选择工具栏下的:更多工具——>扩展程序 第二步:选择加载已解压的扩展程序,选择该文件夹下的zxq子文件夹。第三步:完成!打开新的标签页看
2018-01-14 20:56:25 1685 2
原创 【web】《javascript语言精粹》笔记(一)
第一章 语法1 避免使用块注释,建议使用//注释 2 标示符由一个字母开头,其后可选择性的加上一个或多个字母,数字或者下划线。 3 js只有一个单一的数字类型,内部被表示为64位的浮点数。和java的double一样。不像大多数的其他编程语言,他没有分离出整数类型,所以1和1.0是相同的值。这提供了很大的方便,因为它完全避免了短整数溢出的问题。并且你要知道的关于数字的一切就是它是一种数字,这样就
2017-12-23 13:11:18 302
原创 【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 1630
原创 【web】js基础巩固——json&数据存储(六)
JSON1 语法 json可以表示以下三种类型的值:简单值:使用与js相同的语法,可以在json中表示字符串,数值,布尔值和null,但是不能表示undefined对象:对象作为一种复杂的数据类型,表示一组无序的键值对儿,而每个键值对中的值可以是简单值,也可以是复杂数据类型的值。数组:数组也是一种复杂的数据类型,表示一组有序的值的列表,可以通过数值索引来访问其中的值,数组的值也可以是任意类型
2017-12-21 15:50:14 416
原创 【web】javascript基础巩固(五)——事件&表单
事件流1 事件冒泡:即事件开始时由具体的元素接受,然后逐级向上传播到较为不具体的节点,主流浏览器将一直冒泡到window对象上。 2 事件捕获:不太具体的节点更早接收到事件,而最具体的节点最后接收到事件,用意在事件达到预定目标之前捕获它。 3 DOM事件流:包括三个阶段,事件捕获阶段,处于目标阶段和事件冒泡阶段。事件处理程序1 DOM0级事件处理程序:每个元素都有自己的事件处理程序属性,这些属
2017-12-21 11:06:44 520
原创 【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 349
原创 【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 282
原创 【web】javascript基础巩固——引用类型(二)
引用类型1 引用类型是一种数据结构,从技术上讲是一门面向对象的语言,但是不具备传统的面向对象的语言所支持的类和接口等基本结构。 2 创建object实例有两种方式:第一种使用new操作符后跟object构造函数;另一种是使用对象字面量表示法。对象字面量是对象定义的一种简写形式。 3 访问对象的属性有两种方式:点表示法和方括号。方括号的主要优点是可以使用变量来访问属性。 4 Array类型:数
2017-12-14 21:16:42 298
原创 【js基础】javascript基础巩固——基础概念&作用域&内存(一)
基本概念NAN: 这个数值用于表示一个本来要返回数值的操作数未返回数值的情况。 特点:任何设计NAN的操作都会返回NAN 0/0=NAN 函数:isNAN():这个函数接受一个参数,首先会尝试将这个值转化为数值,不是数值的话则返回true。 注:适用于对象,在基于对象调用isNAN()时,会首先调用对象的valueof()方法,然后确定该方法返回的值是否可以转换为数值。如
2017-12-13 19:13:14 389
原创 【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 516
原创 【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 3366 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 2733 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 527
原创 【web】ubuntu16.04线上服务器部署node项目
为想要配置服务器的童鞋提供技术栈和步骤,本文只做简要记录。后续详细的介绍,笔者深入学习后在做补充。 1.购买云服务器+域名 2.远程登陆服务器:添加子用户(root用户权限太大)配置公钥/私钥(主机和服务器均配置)安装需要的软件3.增强服务器安全等级更改服务器默认端口(可选)配置防火墙(可选)4.搭建node.js生产环境 5.配置nginx反向代理 6.利用DNSPod管理域
2017-11-17 12:54:49 1139
转载 【WEB】说说JSONP
原博客链接:http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html之前对JSONP一直是云里雾里,理解的不是很透彻,今天正好温习到这里,就趁这个机会彻彻底底的把这个东西搞明白。这个博主写的很清楚易懂,现搬运如下:1.什么是JSONP?先说说JSONP是怎么产生的:其实网上关于JSONP的讲解有很多,但却千篇
2017-11-14 21:46:47 256
原创 【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 356
原创 【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 761
转载 【WEB】WEBPACK入门
转载自:http://www.jianshu.com/p/42e11515c10f什么是WebPack,为什么要使用它?为什要使用WebPack现今的很多网页其实可以看做是功能丰富的应用,它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度,前端社区涌现出了很多好的实践方法模块化,让我们可以把复杂的程序细化为小的文件; 类似于TypeScript这种在JavaScript基
2017-10-26 16:14:31 373
原创 【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 408
原创 [WEB] zepto.js源码阅读与总结
最近尝试看一些简单的开源代码,zepto代码量比较少,很适合刚开始阅读源码的人,现将一些心得记录如下,以免忘记。笔者阅读的zepto版本为V1.1.6.一.总体结构window.Zepto和window. $都赋值了Zepto这个变量,Zepto是个自执行的匿名函数,看源代码的最后几行,匿名函数返回了$变量。 简写之后,即为var Zepto = (function(){ var $
2017-09-29 22:57:54 380
原创 【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 472
原创 【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 388 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 1803
原创 【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 611
原创 [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 2964
原创 【IOS】IOS常用第三方库总结
今天实验室IOS大神来经验分享,干货满满,其中提到了一些在项目中起到四两拨千斤的第三方库集锦,非常受用,因此在博客里进行总结以备日后使用。1.EAIntroView库:启动引导界面定制 2.MBProgressHUD库:小菊花/圆形/直线进度条 3.Mantle库:JSON 功能–字典转模型 4.Mansonry库:给控件添加约束 5.MJRefresh:下拉&上拉刷新 6.SDWebIm
2017-09-04 15:30:39 852
翻译 【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 532
转载 【Web】Flex布局
转自:http://ife.baidu.com/note/detail/id/952Flex布局是什么?W3C针对布局设计的新标准,相对float和position会更加灵活处理父元素和子元素之间布局关系,让布局更加直观和灵活简单。有效的针对不同屏幕宽度大小的情况下,让元素自动有效合理处理布局结构。适用范围弹性盒子布局主要适用于应用程序的组件及小规模的布局,而(新兴的)栅格布局则针
2017-08-30 11:29:18 540
原创 【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 413
转载 【WEB】CSS选择器总结
一、上下文选择器1.标签选择器<style> h1 {font-size: 16px;} p {color:red;}</style>代码中的h1和p就是选择器,他们是选择器里面最常用的一种,叫做标签选择器。我们可以直接通过标签元素来指定需要添加样式的位置。如果我们需要为多个标签添加同一种样式时,我们可以把它们组合在一起,每个标签选择器用“,”隔开,如下:<style> h1,h2,h
2017-08-04 14:48:24 743
原创 【WEB】百度前端技术学院笔记(一)
一.HTML部分1.header标签 < header> 标签定义文档的页眉(介绍信息)。 标签规定文档的主要内容。 < main > 元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容,比如侧栏、导航栏、版权信息、站点标志或搜索表单。 注释:在一个文档中,不能出现一个以上的 < main> 元素。< main> 元素不能是以下元素的后代:< articl
2017-08-03 23:42:36 993
原创 【WEB】实战之html与css扁平化风格博客
1.重置样式及文件结构目的:使样式在不同浏览器下保持一致。如果将系统样式全部清零,那相当于是无论好坏一并打死,并不是一个很好的解决方案,因此使用normalize.css(常规化).用法:引入: 2.布局(1)头部:导航页面的布局首先使用了标签进行包裹,内部放置 header> nav> ul>
2017-08-03 20:22:44 1995
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人