翎羽飘的小分享

原创 Flask 学习笔记

因为mac自带了python2.7，所以这个文章是基于2.7版本的1. 介绍：一个基于python的为框架，实现快速搭建网站或web服务。依赖于两个外部库：Werkzeug和Jinjia2.Werkzeug是一个WSGI工具集，Jinjia2负责渲染模版2. 安装1）Mac OSX或Linuxsudo pip install virtualenv$ mkdir myproject$ cd myp...

原创 Pandas学习笔记

1. Pandas作用：一个提供快速、可扩展和展现数据结构的Python库。目标是成为使用Python处理时间和实际数据分析的模块。有两种数据结构：Series和DataFrame。1）Series是一种类似于NumPy数组的对象，由一组数据（各种NumPy数据类型）和与之相关的一组数据标签（索引）组成的。2）DataFrame是一种表格型结构，含有一组有序的列，每一列可以是不同的数据类型。有行索...

原创 Vue的slot

之前一直没大用过这个功能,但是感觉也是很实用的一个功能,今天研究一下,记录下来.slot是卡槽的意思,感觉字面意思就是把一些内容通过这个插入到某个位置,官网的话写的是内容分发.<slot>一般是写在子组件中的, 为了分发内容, 当父组件没有值时,slot中的内容会显示出来. 其实我觉得这也是将父组件的内容分发到子组件的一种方式.所以感觉使用这个东西的目的一个是实现父组件到子组件的内容传...

原创 vuex工程整个创建过程

最近开始实习，需要用到vuex，感觉很不熟悉，就看了官网+技术胖的教程，记录一下参考链接：https://vuex.vuejs.org/zh-cn/intro.htmlhttps://juejin.im/entry/59191b6b0ce4630069f6a3ad一、知识点介绍1. 状态管理分为三部分：state、view、actions。整个vuex核心是store，vuex的状态是响应式的，当...

原创 漫谈Gulp

1. 定义：自动化构建工具，基于nodejs的Transform Stream来实现文件处理，再进行输出。2. 前端构建的优点：    1）自动更新静态文件的版本问题    2）通过控制文件顺序解决js及css文件的依赖问题    3）通过文件合并和文件压缩进行性能优化    4）通过添加css的vendor前缀、单元测试、代码分析、引用文件提升工作效率3. gulp vs grunt    1）...

转载 从输入URL到页面加载发生了什么

DNS解析TCP连接发送HTTP请求服务器处理请求并返回HTTP报文浏览器解析渲染页面连接结束具体过程DNS解析DNS解析的过程就是寻找哪台机器上有你需要资源的过程。当你在浏览器中输入一个地址时，例如www.baidu.com，其实不是百度网站真正意义上的地址。互联网上每一台计算机的唯一标识是它的IP地址，但是IP地址并不方便记忆。用户更喜欢用方便记忆的网址去寻找互联网上的其它计算机，也就是上面提...

原创 Neo4j学习笔记

一、Neo4j中的基本概念：1. 节点：图数据库中的基本元素，表示一个实体记录。节点可以包含多标签、多属性。2. 关系：数据库中的基本元素，当数据库中存在节点后，用来连接节点构成图。包含多个属性但是只有一个类型。必须有开始节点和结束节点。3. 属性：由键值对构成，属性值可以是基本的数据类型或由基本数据类型组成的数组。4. 路径：使用节点和关系创建一个图后，此图中任意两个节点间都可能存在路径。5.

转载 用 python 爬虫抓站的一些技巧总结

在程序员大咖公众号看到这篇文章，正巧最近在学习爬虫，就给转载过来了~学用python用得最多的还是各类爬虫脚本：写过抓代理本机验证的脚本，写过在discuz论坛中自动登录自动发贴的脚本，写过自动收邮件的脚本，写过简单的验证码识别的脚本，本来想写google music的抓取脚本的，结果有了强大的gmbox，也就不用写了。这些脚本有一个共性，都是和web相关的，总要用到获取链接的一些

原创 用python写网络爬虫学习笔记（二）

通过网页抓取有用信息1. 正则表达式抓取：import urllib2import redef scrape(html): area = re.findall('.*?(.*?)', html)[0] return areaif __name__ == '__main__': html = urllib2.urlopen('http://example.w

原创 用python写网络爬虫学习笔记（一）

1. 写爬虫一般用的都是python，pip是python很重要的管理工具，相当于npm置于javascript吧。在Mac上安装pip：sudo easy_install pip2. builtwith模块：用于检查网站构建的技术类型。pip install builtwith3. python-whois查询网站所有者pip install python-whois4. 第一个爬虫脚本im

原创 通过在牛客网答题总结的前端考题（三）JavaScript

1. 执行环境及作用域执行环境定义了变量或函数有权访问的其他数据，决定它们各自的行为，每个执行环境都有一个与之关联的变量对象，环境中定义的所有变量和对象也都保存在对象中。每个函数都有自己的执行环境，当执行流进入一个函数时，函数的环境就会被推进一个环境栈中，函数执行后，栈将其环境推出，把控制权返回给之前的执行环境。2. 原型链：通过将一个类型的实例赋值给另一个构造函数的原型实现。

原创 通过在牛客网答题总结的前端考题（二）JavaScript

JavaScript1. JavaScript的基本数据类型及转化为boolean的值数据类型转换为true的值转换为false的值BooleantruefalseString非空字符串空字符串Number任何非零数字0和nullObject任何对象nullundefined

原创 通过在牛客网答题总结的前端考题（一）HTML+CSS

HTML&CSS1. 选择器的优先级：在属性后使用！important作为style属性下载元素的内联样式：权重1000id选择器：权重100类选择器、伪类、属性选择器：10通配符选择器：无权重2. disabled指当input元素加载时禁用此元素，input内容不变。readonly规定输入字段为只读，input内容会随表单提交。3. bootatrap屏幕大小界定

原创 算法系列（20） Leetcode 575. Distribute Candies

Given an integer array with even length, where different numbers in this array represent different kinds of candies. Each number means one candy of the corresponding kind. You need to distribute t

原创 算法系列（19）Leetcode 344. Reverse String

Write a function that takes a string as input and returns the string reversed.Example:Given s = "hello", return "olleh"./** * @param {string} s * @return {string} */var reverseString = f

原创 html5知识点总结

原创 算法系列（18） Leetcode 496. Next Greater Element I

You are given two arrays (without duplicates) nums1 and nums2 where nums1’s elements are subset of nums2. Find all the next greater numbers for nums1's elements in the corresponding places of nums

原创 CSS知识点汇总

新年快乐，2018第一篇~以前总觉得HTML, CSS没什么东西，默默总结一波之后，发现东西还挺多的，全掌握也是不容易的。。。还是那句话，凭自己总结，如果哪位bb发现有遗漏一定要告诉我哦！

原创 BFC, FFC, IFC, FFC

听说面试的时候要问到这个，特别是BFC，好惭愧，研究生读了快两年了，还不知道BFC。。。1. BFC：(Block Formatting Contexts)，块级格式化上下文。页面上一个渲染区域，容器内子元素不会对外面的元素产生影响。能够避免margin重叠。产生方式：float的值不为none；overflow的值不为visible；position的值不为relativ

转载 通过nodejs将文件上传到mongodb

要用到node写后台的文件上传，不知道有没有java的那些接口，百度了一下，先存下来，后面尝试一下~后台真的好难哇这里要用到一些组件，通过npm安装一下 gridform和gridfs-stream上传POST到 ：http://yourUrl/upload上传后的文件，可以通过文件名和ID来访问，比如：http://yourUrl/id/xxxxxx  OR ht

原创 JavaScript知识点

自己总结了一波JavaScript的主要知识点，感觉通过脑图稍微清晰一点，不总结不知道，一总结那么一大张真的是吓了一跳，如果还差什么，也希望给我留言，我好加一加，大家一起看哦~

转载 移动端知识小汇

一.css部分1.用transition做动画时，变形尽量通过transform来实现，而不是用height，width等属性。transform可明显减少重绘、重画1.meta标签"viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>移动端加上这个标签才是真正的自适应，不加的话，假

转载 算法系列（17） Leetcode 104. Maximum Depth of Binary Tree

Given a binary tree, find its maximum depth.The maximum depth is the number of nodes along the longest path from the root node down to the farthest leaf node.思路：这个是在网上找的答案，所以归纳为转载，有关二叉树真的不会。。。

原创 算法系列（16）Leetcode 387 First Unique Character in a String

Given a string, find the first non-repeating character in it and return it's index. If it doesn't exist, return -1.Examples:s = "leetcode"return 0.s = "loveleetcode",return 2.思路：若要查找整个字符串是

原创 算法系列（15）LeetCode 171

Related to question Excel Sheet Column TitleGiven a column title as appear in an Excel sheet, return its corresponding column number.For example: A -> 1 B -> 2 C -> 3 ...

原创 记录一下怎么发npm包

1. 注册npm账号：https://www.npmjs.com2. 选择一个文件夹：cd 文件夹名3. 执行npm init操作，出现如下文字4. 按照要求填写内容：package name：这是要发布的包的名称，可以填写名称后直接回车，默认以文件夹名称命名version: 包的版本号description: 包的形容entry point: 入口文件，可以设置为其他

原创 算法系列（14） Leetcode 492. Construct the Rectangle

For a web developer, it is very important to know how to design a web page's size. So, given a specific rectangular web page’s area, your job by now is to design a rectangular web page, whose length L

原创 算法系列（13） Leetcode 169 Majority Element

Given an array of size n, find the majority element. The majority element is the element that appears more than ⌊ n/2 ⌋ times.You may assume that the array is non-empty and the majority element

转载 HTML5全局属性汇总

局部属性：有些元素能规定自己的属性，这种属性称为局部属性。比如link元素，它具有的局部属性有href、 rel、 hreflang、 media、 type、 sizes这六个。全局属性：可以用来配置所有元素共有的行为，这种属性称为全局属性，可以用在任何一个元素身上。1、accesskey属性使用accesskey属性可以设定一个或几个用来选择页面上的元素的快捷键

原创 Vue之实例属性

一、 组件树1. $parent：用来访问组件实例的父实例2. $root: 用来访问当前组件树的根实例3. $children:用来访问当前组件实例的直接子组件实例4. $refs:用来访问v-ref指令的子组件二、DOM访问1. $el：用来挂载当前组件实例的dom元素2. $els：用来访问$el元素中使用了v-el指令的DOM元素三、数据访问1. $da

原创 动态规划问题和贪心算法

啊啊啊，刺猬书的动态规划看的一知半解，，怎么用！！！晕死了。。稍微做一下记录，后面再看看会不会有更好的理解呢~1. 什么是动态规划？与递归相反，从底部解决问题，将所有的小问题解决掉，然后合并成一个整体解决方案，从而解决掉整个大问题。（感觉就是针对数组的各种操作，用数组替代递归的操作，因为递归每次都要算一遍，耗时）1）斐波那契数列function dynFib(n) { va

原创 排序算法

1. 冒泡排序：最慢、最容易实现。将一组数字进行升序排列，较大的值会浮动到数组的右侧，较小的值浮动到数组的左侧。//第一次循环，开始比较当前元素与下一个元素的大小，如果比下一个元素小或者相等，则不需要交换两个元素的值；若比下一个元素大的话，则交换两个元素的值。然后，遍历整个数组，第一次遍历完之后，相同操作遍历第二遍。const arr = [1, 20, 10, 30, 22, 11, 55,

原创 图

1. 创建：1）创建图类2）创建顶点类3）创建边类function Graph(v) { this.vertices = v; this.edges = 0; this.adj = []; for (var i = 0; i < this.vertices; ++i) { this.adj[i] = []; this.ad

原创 二叉树

1. 树：由一组以边连接的节点组成二叉树：特殊的树，子节点数不超过两个。一个父节点的两个子节点分别称为做节点和右节点。相对较小的值保存在左节点中，相对较小的值保存在右节点中。2. 实现二叉树1）node类：保存数据、和其他节点的链接2）BST类： function Node(data, left, right) { this.data = data; t

原创 算法系列（12）LeetCode292 Nim Game

You are playing the following Nim Game with your friend: There is a heap of stones on the table, each time one of you take turns to remove 1 to 3 stones. The one who removes the last stone will be the

原创 算法系列（11）LeetCode136 Single Number

决定以后刷题一定要记下来整个思路，方便以后看

原创 算法系列（10）LeetCode520 Detect Capital

嘿嘿，刷题刷个520~~Given a word, you need to judge whether the usage of capitals in it is right or not.We define the usage of capitals in a word to be right when one of the following cases holds:

原创 算法系列（9） LeetCode256

Given a non-negative integer num, repeatedly add all its digits until the result has only one digit. For example:Given num = 38, the process is like: 3 + 8 = 11, 1 + 1 = 2. Since 2 has o

原创 力导向图知识图谱可视化（节点可点击）

用d3.js的力导向图写了一个知识图谱可视化的demo，节点可点击着实费了我不少功夫，如果小伙伴有更简单的方法还求留言呢~由于数据市实验室的某项目，不太好直接贴出来，反正这样的格式就好：反正是给大家参考的~{ name: "name", type: 0 } 专题服务 var nodes = [

原创 算法系列（8）LeetCode389

389. Given two strings s and t which consist of only lowercase letters.String t is generated by random shuffling string s and then add one more letter at a random position.Find the letter