Web
文章平均质量分 66
WHUZXQ
这个作者很懒,什么都没留下…
展开
-
【算法】常用经典动态规划应用场景总结
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 阅读 · 0 评论 -
【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 阅读 · 0 评论 -
【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 阅读 · 0 评论 -
【web】ubuntu16.04线上服务器部署node项目
为想要配置服务器的童鞋提供技术栈和步骤,本文只做简要记录。后续详细的介绍,笔者深入学习后在做补充。 1.购买云服务器+域名 2.远程登陆服务器:添加子用户(root用户权限太大)配置公钥/私钥(主机和服务器均配置)安装需要的软件3.增强服务器安全等级更改服务器默认端口(可选)配置防火墙(可选)4.搭建node.js生产环境 5.配置nginx反向代理 6.利用DNSPod管理域原创 2017-11-17 12:54:49 · 1139 阅读 · 0 评论 -
【Web】用遗传算法实现图像边缘提取
1.项目说明这是自己写着玩的一个小项目,结合了遗传算法和图像分割的算法,实现了图像的边缘提取。图像分割的算法采用了大津阈值法,在该算法中,改造成使用遗传算法来寻找最佳阈值。该项目通过每隔1秒刷新界面的方式实时展示边缘提取的过程,并通过动态图表的方式展示每次遗传算法算出的最佳阈值。2.效果展示3.环境配置本项目采用HTML/CSS/JS编写,请使用chrome/firefox等主流浏览器查看。由于原创 2017-03-15 14:10:09 · 3995 阅读 · 5 评论 -
【WEB】WEBPACK入门
转载自:http://www.jianshu.com/p/42e11515c10f什么是WebPack,为什么要使用它?为什要使用WebPack现今的很多网页其实可以看做是功能丰富的应用,它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度,前端社区涌现出了很多好的实践方法模块化,让我们可以把复杂的程序细化为小的文件; 类似于TypeScript这种在JavaScript基转载 2017-10-26 16:14:31 · 373 阅读 · 0 评论 -
【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 阅读 · 0 评论 -
[WEB] zepto.js源码阅读与总结
最近尝试看一些简单的开源代码,zepto代码量比较少,很适合刚开始阅读源码的人,现将一些心得记录如下,以免忘记。笔者阅读的zepto版本为V1.1.6.一.总体结构window.Zepto和window. $都赋值了Zepto这个变量,Zepto是个自执行的匿名函数,看源代码的最后几行,匿名函数返回了$变量。 简写之后,即为var Zepto = (function(){ var $原创 2017-09-29 22:57:54 · 380 阅读 · 0 评论 -
【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 阅读 · 0 评论 -
【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 阅读 · 0 评论 -
【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中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 阅读 · 0 评论 -
【WEB】百度学院前端布局任务完成
源码:https://github.com/whuzxq/baiduAcademic.git原创 2017-08-30 21:14:30 · 403 阅读 · 0 评论 -
【Web】Flex布局
转自:http://ife.baidu.com/note/detail/id/952Flex布局是什么?W3C针对布局设计的新标准,相对float和position会更加灵活处理父元素和子元素之间布局关系,让布局更加直观和灵活简单。有效的针对不同屏幕宽度大小的情况下,让元素自动有效合理处理布局结构。适用范围弹性盒子布局主要适用于应用程序的组件及小规模的布局,而(新兴的)栅格布局则针转载 2017-08-30 11:29:18 · 540 阅读 · 0 评论 -
【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 阅读 · 0 评论 -
【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 阅读 · 0 评论 -
【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 · 255 阅读 · 0 评论 -
【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 评论 -
【http】cookie
cookie非常重要,它们定义了一些新的http首部,cookie的存在也影响了内存。1.cookie的类型可以将cookie分成两类:会话cookie和持久cookie。 会话cookie:是一种临时cookie,用户退出浏览器时,会话cookie就会被删除。 持久cookie:存储在硬盘上,浏览器退出,计算机重启时仍存在,通常会用持久cookie维护某个用户会周期性访问的站点配置文件或登录名原创 2018-04-04 20:42:42 · 354 阅读 · 0 评论 -
【css】基础总结
外边距与内边距1 元素的背景会延伸到内边距中,但不会延伸到外边距。 因此,为元素指定的内边距和外边距会影响元素的背景何时结束。 2 对元素的外边距设置百分数值,百分数是相对于父元素的width计算而来的(即使margin-top也是) 3 上下外边距,正常流中垂直相邻的外边距会合并, 4 外边距可以应用到行内元素,对行高没有任何影响,由于外边距是透明的,所以没有任何视觉效果,其原因就在于行内原创 2018-03-03 16:46:49 · 347 阅读 · 0 评论 -
【css】选择器/结构和重叠
选择器:1 选择器分组: 逗号告诉浏览器,规则中包含两个不同的选择器,如果没有这个逗号,样式将应用到这两哥选择器所引用的元素。2 类选择器还是id选择器? 可以为任意多个元素指定同一个类名,但是id选择器仅会使用一次。 不同于类选择器,id属性不能结合使用,因为id属性不允许以空格分隔的词列表。 class与ID名之间的另一个区别是,如果你想确定应该向下一个给定元素应用哪些样式,ID将包含更原创 2018-01-28 16:06:54 · 611 阅读 · 0 评论 -
[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 阅读 · 0 评论 -
【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 阅读 · 0 评论 -
【chrome】编写chrome插件——自定义tab页,去除百度广告
项目详情见: https://github.com/whuzxq/chromeExtension一.项目介绍自定义新弹出的tab页 新tab页添加百度,谷歌,微软搜索快捷方式 过滤百度首页及搜索页的广告。 二. 安装方式第一步:打开谷歌浏览器,选择工具栏下的:更多工具——>扩展程序 第二步:选择加载已解压的扩展程序,选择该文件夹下的zxq子文件夹。第三步:完成!打开新的标签页看原创 2018-01-14 20:56:25 · 1685 阅读 · 2 评论 -
【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 阅读 · 0 评论 -
【web】javascript基础巩固——引用类型(二)
引用类型1 引用类型是一种数据结构,从技术上讲是一门面向对象的语言,但是不具备传统的面向对象的语言所支持的类和接口等基本结构。 2 创建object实例有两种方式:第一种使用new操作符后跟object构造函数;另一种是使用对象字面量表示法。对象字面量是对象定义的一种简写形式。 3 访问对象的属性有两种方式:点表示法和方括号。方括号的主要优点是可以使用变量来访问属性。 4 Array类型:数原创 2017-12-14 21:16:42 · 298 阅读 · 0 评论 -
【js基础】javascript基础巩固——基础概念&作用域&内存(一)
基本概念NAN: 这个数值用于表示一个本来要返回数值的操作数未返回数值的情况。 特点:任何设计NAN的操作都会返回NAN 0/0=NAN 函数:isNAN():这个函数接受一个参数,首先会尝试将这个值转化为数值,不是数值的话则返回true。 注:适用于对象,在基于对象调用isNAN()时,会首先调用对象的valueof()方法,然后确定该方法返回的值是否可以转换为数值。如原创 2017-12-13 19:13:14 · 389 阅读 · 0 评论 -
【web】《javascript语言精粹》笔记(一)
第一章 语法1 避免使用块注释,建议使用//注释 2 标示符由一个字母开头,其后可选择性的加上一个或多个字母,数字或者下划线。 3 js只有一个单一的数字类型,内部被表示为64位的浮点数。和java的double一样。不像大多数的其他编程语言,他没有分离出整数类型,所以1和1.0是相同的值。这提供了很大的方便,因为它完全避免了短整数溢出的问题。并且你要知道的关于数字的一切就是它是一种数字,这样就原创 2017-12-23 13:11:18 · 302 阅读 · 0 评论 -
【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 阅读 · 0 评论 -
【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 阅读 · 0 评论 -
【web】js基础巩固——json&数据存储(六)
JSON1 语法 json可以表示以下三种类型的值:简单值:使用与js相同的语法,可以在json中表示字符串,数值,布尔值和null,但是不能表示undefined对象:对象作为一种复杂的数据类型,表示一组无序的键值对儿,而每个键值对中的值可以是简单值,也可以是复杂数据类型的值。数组:数组也是一种复杂的数据类型,表示一组有序的值的列表,可以通过数值索引来访问其中的值,数组的值也可以是任意类型原创 2017-12-21 15:50:14 · 416 阅读 · 0 评论 -
【web】javascript基础巩固(五)——事件&表单
事件流1 事件冒泡:即事件开始时由具体的元素接受,然后逐级向上传播到较为不具体的节点,主流浏览器将一直冒泡到window对象上。 2 事件捕获:不太具体的节点更早接收到事件,而最具体的节点最后接收到事件,用意在事件达到预定目标之前捕获它。 3 DOM事件流:包括三个阶段,事件捕获阶段,处于目标阶段和事件冒泡阶段。事件处理程序1 DOM0级事件处理程序:每个元素都有自己的事件处理程序属性,这些属原创 2017-12-21 11:06:44 · 520 阅读 · 0 评论 -
【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 阅读 · 0 评论 -
[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 阅读 · 0 评论 -
【IOS】IOS常用第三方库总结
今天实验室IOS大神来经验分享,干货满满,其中提到了一些在项目中起到四两拨千斤的第三方库集锦,非常受用,因此在博客里进行总结以备日后使用。1.EAIntroView库:启动引导界面定制 2.MBProgressHUD库:小菊花/圆形/直线进度条 3.Mantle库:JSON 功能–字典转模型 4.Mansonry库:给控件添加约束 5.MJRefresh:下拉&上拉刷新 6.SDWebIm原创 2017-09-04 15:30:39 · 852 阅读 · 0 评论 -
【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 阅读 · 0 评论 -
【Web】javascript跨域问题解决
1.什么是跨域?域名地址组成: 协议+子域名+主域名+端口号+请求资源地址当协议,子域名,主域名,端口号中任意一个不相同,都算作不同域 不同域之前相互请求资源,就算做跨域注:跨域主要是由于Js的同源策略的限制2.跨域解决方案2.1处理跨域方法之一:代理 在服务器上 ,通过代理的方式实现 2.2处理跨域方法二:jsonp 解决get请求的跨域问题 datatype:”jsonp” jso原创 2017-05-05 22:22:57 · 444 阅读 · 0 评论 -
【Web】JQuery ajax()原理与使用
1.定义定义:ajax()方法通过HTTP请求加载远程数据。格式:$.ajax() 参数: 名称 类型/默认值 作用 async Boolean/true 默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。 complete(XHR, TS) Function原创 2017-03-17 10:27:36 · 2168 阅读 · 2 评论 -
【WEB】JQUERY源码分析——数据交互
1.Ajax回调方式首先看一个demo: 给 document 绑定 ajaxStart、ajaxComplete 回调事件,trigger 绑定一个点击事件。通过 click 触发事件发送一个 ajax 请求,并且通过 complete、done、ajaxStart、ajaxComplete 返回状态回调。//全局事件触发$(document).ajaxSend(function() {原创 2017-05-05 15:49:26 · 382 阅读 · 0 评论