- 博客(144)
- 收藏
- 关注
RSS订阅转载 详解三栏布局
三栏布局在前端开发中特别常见，即两端固定中间自适应。下面就来介绍一下常用的三栏布局开发方式。例如：高度固定为200px，两边固定为200px，中间自适应，效果如图：(1)Float方法原理：元素浮动后，脱离文档流。 左右栏分别浮动在窗口两边，中间块(处于文档流中)受左右浮动影响被卡在中间无法继续向左右伸展已达到自适应，最后按需设置中间块的margin值来改变快间间隙即可。 基...
2018-07-17 11:18:44
1057
原创 js 面向对象(三) 原型风格与对象关联风格
总是追求用类似C++或者java的方法去创造对象当然可以，这是一种风格。但还有个人觉得更适用与js这种对象比较多的语言的一种对象创建的风格，有些书里也称之为行为委托即创造一个对象，其他对象使用这个对象的行为的同时，具备自己独特的行为（怎么有点像寄生式继承2333)两种风格实现同一种功能代码量对比：//原型风格与对象关联风格// function Foo(who){// this.me=wh...
2018-04-01 13:44:56
421
原创 js 面向对象(二) 对象的公有变量和私有变量
es 5中可以用立即函数来表示，表示过程有点儿像js模块化。举例：var foo=(function module(id){ var name="liao"; var sex; var id=id; function getname(){ return name; } function setname(name){ this.name...
2018-04-01 13:35:34
960
原创 js 面向对象(一）创建对象与继承
面向对象是一项非常有用的模式，js在初生时并没有考虑太多这方面的问题，后来无数js大牛创造出了这种模式，感觉js创建对象的方法也有很多，工厂模式，原型模式，构造函数模式等等。。。。各大教科书高程什么的讲得很全，个人筛选出了可能比较好的两种模式，毕竟没法记住所有的方法。。创建对象法一：组合使用构造函数模式和原型模式function Person(name,sex,height){ this.n...
2018-04-01 11:52:04
693
原创 js定时器 setTimeout
定时器心路历程：。。（消遣文）正常的话会想先试试闭包与立即函数。。first：function timer(period){ for(var i=0;i<period;i++) { setTimeout(function(){ return (function(n){ console.log(n); ...
2018-03-31 23:12:30
2023
原创 js小题狂练(5)--拆分数字
expandedForm(12); // Should return '10 + 2'expandedForm(42); // Should return '40 + 2'expandedForm(70304); // Should return '70000 + 300 + 4'人类的解法：function expandedForm(num) { res={}; ans=[]; ...
2018-03-30 11:34:05
800
原创 js小题狂练(4)-- 求任意维数组的最大最小值
// minMax([1,2,3,4,5]) == [1,5]// minMax([2334454,5]) == [5, 2334454]// minMax([1]) == [1, 1]function minMax(arr){ var res=arr.join(',').split(','); return ([Math.min.apply(null,re...
2018-03-30 10:56:31
209
原创 Js 事件委托
在一个复杂的Web应用程序中，如果我们对一个父元素的许多子元素设置点击后触发函数，一个一个设置是很费劲而消耗内存的，所以想这种用到按钮的事件（多数鼠标事件和键盘事件）要用到事件委托，即在DOM树中尽量最高的层次上添加一个事件处理程序即可。样例：<!DOCTYPE html><html><head> <title>test</tit...
2018-03-24 16:52:36
174
转载 HTTP请求头与响应头
请求头：浏览器向服务器发送请求的数据，资源。响应头：服务器向浏览器响应数据，告诉浏览器我是谁，我要你怎么做。如，我是nginx，给你的资源是正确的200 还是错误的404，我要你缓存多久。常见的请求头：Accept: text/html,image/* 浏览器可以接收的类型 Accept-Charset: ISO...
2018-03-23 11:34:58
233
原创 自定义linux命令
问题来源于ubuntu 16.04网易云音乐打不开了好麻烦，自己写个shell直接运行很方便。。1、命令行启动网易云音乐：sudo netease-cloud-music（这个时候关闭终端，网易云音乐也会关掉）2、关掉网易云音乐，输入：sudo nohup netease-cloud-music &3、以后打开网易云音乐不用留终端了4、写个叫music的文本文档（名字可以换233），以#!...
2018-03-10 22:49:14
247
原创 js小题狂练(3)-一个字符串中出现次数最多的字符
这个题还是挺常见的，做C++的题中算是很基础的题了，js的话略现不同，要么用自己的小hash要么用排序和js的函数法一：小hash版，直接记录每个字符的出现次数保存到数组里面function timestset(str){ var hash={}; for(var i=0;i<str.length;i++) { if(!hash[str[i]]) ...
2018-03-08 11:31:42
276
原创 打造工作环境
一直对mac os系统心有独钟，觉得安全，简洁，强大，但是其实感觉用ubuntu+windows双系统真的非常爽，ubuntu16.04里安一个美丽的主题，只有vscode完成常用C++，js，python的编译运行，非常简单纯粹还能打开windows里的文件，感觉如果不是系统玩的特别6就不要用linux mint 什么的了 好不好看两说，用的人少的话，遇到点儿问题都没法解决。。。单独给一个压缩空...
2018-03-05 20:24:55
425
原创 ajax小实践
一、传值取数据给定一个http接口，传入一个员工id，返回员工的详细信息，接口形式为 http://localhost/query?id=。要求在前端实现一个根据一批员工id，通过 ajax 查询员工信息的功能。(阿里笔试题)客户端：<!DOCTYPE html> <html> <head> <meta charset="utf-8"&...
2018-03-01 14:40:48
213
转载 CSRF攻防
CSRF攻击原理及防御一、CSRF攻击原理 CSRF是什么呢？CSRF全名是Cross-site request forgery，是一种对网站的恶意利用，CSRF比XSS更具危险性。想要深入理解CSRF的攻击特性我们有必要了解一下网站session的工作原理。 session我想大家都不陌生，无论你用.net或PHP开发过网站的都肯定用过session对象，然而session它是如何工作的呢...
2018-02-28 12:19:03
274
原创 CSS 实现iphone 样式开关
极客标签上看到的挺有意思的小demo，用纯css实现（hh，动画能用html+css就不用js)效果图：代码：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="
2018-02-26 14:21:37
1763
原创 全能IDE VsCode
感觉大学几年出于兴趣简单接触过一些主流语言，也用过一些编译器，在确定为前端之后的感觉，以前安的webstorm，phpstorm,phpdesigner,c-free,eclipse,idea还有各种jdk,py2、py3、anaconda环境变量把电脑搞得乱七八糟的orz，如果换了个电脑（看来还是想要mac啊），其实一个VsCode就够了，如果自己还需要一些小型练习和小型测试再补一个sublim...
2018-02-22 22:41:06
17270
4
转载 JS实现类与继承
算是东拼西凑的一篇文章吧，但是确实觉得js实现类和公有私有方法，也就是面向对象的一些东西是蛮重要的基础知识JavaScript中的类JavaScript实际上是一种弱类型语言，与C++和Java等语言不同。因此，在JavaScript中，没有强调类（class）这一概念，但实际运用中，类还是很重要的，比如写一款游戏，如果我们不停地调用函数来完成创建角色，移动角色的话，那会是什么样的呢？可能会出现非...
2018-02-22 10:02:11
4007
转载 JS 创建对象的7种模式
ECMA-262把对象定义为：”无需属性的集合，其属性可以包含基本值、对象或者函数。”严格来讲，这就相当于说明对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字，而每个名字都映射到一个值。正因为这样，我们可以把ECMAScript的对象想象成散列表：无非就是一组名对值，其中值可以是数据或函数。 创建自定义对象最简单的方式就是创建一个Object的实例，然后再为他添加属性和方...
2018-02-22 08:01:26
187
原创 Web端即时通讯 Comet Websocket SSE
主流的Web端即时通讯方案大致有4种：传统Ajax短轮询、Comet技术、WebSocket技术、SSE（Server-sent Events）。一、Comet含义：是一种服务器推送数据的技术(更高级的ajax技术)实现方式：长轮询和流；介绍： 1、短轮询： 请求之后服务器立即响应 2、长轮询 ...
2018-02-21 20:34:59
860
转载 从输入URL到页面加载完成都发生了哪些事情
1.浏览器接收URLURL包含的信息：协议、网络地址:端口号、资源路径、查询字符串？、片段标识符#2.将URL与缓存进行比对如果请求的页面在缓存中且未过期，则直接进行第8步缓存分为彻底缓存和缓存协商，这里的确认是否过期是指彻底缓存（缓存失效之前不再需要跟服务器交互）。2.1 彻底缓存的机制（http首部字段）：cache-control，Expires--Expires是一个绝对时间，即服务器时间...
2018-02-21 17:22:10
224
转载 prototype与_proto_的区别
Each constructor is a function that has a property named “prototype” that is used to implement prototype-based inheritance and shared properties. Every object created by a constructor has an implicit ...
2018-02-21 16:57:46
220
原创 js 快速排序
一道小题233，不稳定排序，平均时间复杂度O(nlogn),最坏复杂度O(n^2);代码(直接cp到控制台就行)function quicksort(arr){ if(arr.length<=1) return arr; var mid=Math.floor((arr.length-1)/2); var midval=arr.splice(mid,1...
2018-02-20 23:20:48
309
转载 CSS的expression
在网上第一次注意到css里有expression这个属性，于是搜索了一下，得到了一下相关知识贴出来也许对大家有所帮助，感谢原作者的劳动。CSS中expression使用简介作者：dozb定义IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javascript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javas...
2018-02-20 22:10:59
2902
转载 AMD与CMD的区别
最近在研究cmd和amd，在网上看到一篇不错的文章，整理下看看。 在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀这时候JavaScript作为嵌入式的脚本语言的定位动摇了，JavaScri...
2018-02-20 22:01:41
168
原创 node.js jsonp跨域
法一、有的时候jsonp还是看代码方便好懂客户端：<!DOCTYPE html> <head> <title>jsonp</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
2018-02-20 12:48:30
500
转载 JSONP跨域
什么是JSONP首先提一下JSON这个概念，JSON是一种轻量级的数据传输格式，被广泛应用于当前Web应用中。JSON格式数据的编码和解析基本在所有主流语言中都被实现，所以现在大部分前后端分离的架构都以JSON格式进行数据的传输。那么JSONP是什么呢？ 首先抛出浏览器同源策略这个概念，为了保证用户访问的安全，现代浏览器使用了同源策略，即不允许访问非同源的页面，详细的概念大家可以自行百度。这里大家...
2018-02-20 12:05:59
224
原创 js小题狂练(3)-筛素数
选自廖雪峰js教程请尝试用filter()筛选出素数：// 测试:var x, r, arr = [];for (x = 1; x < 100; x++) { arr.push(x);}r = get_primes(arr);if (r.toString() === [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 3...
2018-02-16 14:49:33
198
原创 js小题狂练(2)-用户英文名规范
from 廖雪峰js教程请把用户输入的不规范的英文名字，变为首字母大写，其他小写的规范名字。输入：['adam', 'LISA', 'barT']，输出：['Adam', 'Lisa', 'Bart']。// 测试:if (normalize(['adam', 'LISA', 'barT']).toString() === ['Adam', 'Lisa', 'Bart'].toString())...
2018-02-16 14:33:44
1212
原创 js小题狂练(1)-map+reduce字符串转整型
from 廖雪峰js教程想办法把一个字符串13579先变成Array——[1, 3, 5, 7, 9]，再利用reduce()就可以写出一个把字符串转换为Number的函数。不要使用JavaScript内置的parseInt()函数，利用map和reduce操作实现一个string2int()函数：// 测试:if (string2int('0') === 0 && string...
2018-02-15 00:20:31
1912
3
原创 （始) parseInt 分析
以前学js的时候没写博客都感觉白学了orz，借liao雪峰官网和牛客前端练习再捡一遍2333,手册MDN定义：parseInt() 函数解析一个字符串参数，并返回一个指定基数的整数参数： string：要被解析的值。如果参数不是一个字符串，则将其转换为字符串。字符串开头的空白符将会被忽略。 radix：一个2到36之间的整数值，用于指定转换中采用的基数。 如果省略该参数或...
2018-02-13 11:14:43
600
转载 ES6 块级作用域
一、前言在ECMAScript6（以下简称ES6）之前，ECMAScript的作用域只有两种： 1、 全局作用域； 2、 函数作用域。正是因为有这两种作用域，所以在JavaScript中出现一术语--“变量提升（hoisting）”。如下：function func(){ console.log(test); var test = 1;};func();在node环境执...
2018-02-09 10:14:22
150
原创 养生篇-保护自己的颈椎
作为IT工作人员，超长时间面对电脑敲代码，敲完还是通过坐着看剧来放松，加上坐姿不端正就凉了。。。有时候会疼什么叫颈椎开始需要注意了呢，三根手指从脊柱的位置向上滑动，滑到颈椎如果发现有凸起或者鼓包，哈哈，开始养生吧orz（不然以后可能会恶化)病理什么的太复杂了不会所以不解释了，只说解决方法(本人亲测吧，不好使就回来更233)其实引发原因就是太长时间坐在电脑前，哦，这倒没事，不起来动一动和坐姿不端正就...
2018-02-08 09:55:27
269
原创 css 实现水平垂直居中
法一：margin负值调整（确定容器的宽和高）Bliao div{ position:absolute; width:500px; height:300px; top:50%; left:50%; background-color:pink; margin: -150px 0 0 -250px; } liao思路就是
2018-02-07 16:53:45
116
原创 css 优先级算法及权重
一、基本概念权重：根据元素选择器的不同和先后顺序的不同来决定哪一条规则被浏览器选中并作用于元素优先级：不同css样式作用于同一元素，变根据优先级来判断哪种css样式生效一般我们的优先级是：行内样式>ID选择器>类，属性选择器和伪类选择器>元素和伪元素说明：1、行内样式，指的是html文档中定义的style行内样式包含在你的html中 对你的元素产生直接作用，比如:
2018-02-07 14:05:07
392
转载 CSS后代选择器、子元素选择器、相邻兄弟选择器区别与详解
派生选择器用的很多，派生选择器具体包括为后代选择器、子元素选择器、相邻兄弟选择器，我们来理解一下他们之间的具体用法与区别。1、css后代选择器语法：h1 em {color:red;} 表示的是从h1开始里面包含的所有的em元素变成红色，h1为祖先，其他的em都是后代，即选中后代，不管是儿子还是孙子，只要是都会被选中，为后代选择器。例如html>head>style
2018-02-07 12:54:03
1724
原创 Cookie
Cookie一直觉得自己挺了解的，于是涉及代码与实练的试了下，浅试orz一、访问外部服务器含义就是通过浏览器浏览内容的时候保存在电脑上的一些访问数据，他是怎么产生的呢？过程：HTTP协议下，服务器和客户端先建立链接，然后交换数据，然后HTTP服务会设置Cookie保存在浏览器中（注意Cookie过程里是往返于客户端与服务器的），数据交换结束，链接关闭，这样下一次该客户端再与服务器建立链
2018-02-06 23:00:02
163
原创 HTML 空元素
概念：首先啥是空元素呢？就是字面意思：没有内容的HTML元素，比较常见的空元素像 这种，他们往往没有关闭标签(从表面上看是自己关闭自己233，像),听说在未来的趋势里这种没有关闭标签的情况会被取消掉.。一、area元素作用:形成矩形，圆形，多边形可点击区域特点:属于图像映射，被包含在map标签中，与img元素对应，而不能成为一个div的映射（可以用手段合并如绝对定位，但注意同样不
2018-02-06 16:44:24
8225
原创 node.js建站日记(3)
其实已经部署下去了，那段时间里写了建站日记(3)的，奈何出了点儿事故没了orz。。现在得重写，把已经弄好的node.js本地项目如何跑成网站2333.（已经配置好node.js和mongodb之后)一、配置nginxyum install nginx -y 安装nginx 启动vim /etc/nginx/nginx.conf 将默认的 root /usr/share/ngin
2018-01-22 19:32:28
569
原创 词法分析器
编译原理课老师留的东西，一个词法分析器（感觉各路大学课设都会用到吧），这里贴出其python代码及算法分析过程，同时用tkinter设计出gui，再用pyinstaller打包的全过程解说，算是一个比较全面而有趣的python demo了2333先上基础效果图：即可以打开任意文本文件进行词法分析接下来记录整个实现过程：一、环境配置我这里用的是python3.5版本。其实只是
2018-01-22 12:33:13
479
原创 cnn 实现图片识别
在入门之后需要对机器学习的一些思维和方法体验下2333一个github上的一些源码变式，体验一下现在深度学习识别图片的速度之快，准确度之好。使用了Tensorflow里的高级神经网络库，使用其keras.applications模块获取在ILSVRC竞赛中获胜的多个卷积网络模型，可识别物体量从10类增加到1001类，可为：狗熊 椅子 汽车 键盘 箱子 婴儿床 旗杆iPod播放器 轮船 面包
2018-01-22 12:17:34
11985
10
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人