- 博客(30)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 Docker使用指南
DockerDocker是一个开源的引擎，可以轻松的为任何应用创建一个轻量级的、可移植的、自给自足的容器。开发者在笔记本上编译测试通过的容器可以批量地在生产环境中部署，包括VMs（虚拟机）、 bare metal、OpenStack 集群和其他的基础应用平台。Docker通常用于如下场景：web应用的自动化打包和发布；自动化测试和持续集成、发布；在服务型环境中部署和调整数据库或其...
2019-08-11 22:28:20
162
原创 代码包管理器
包管理器npmyarn差别：https://juejin.im/entry/5821f387570c350060c115cdyarn并行下载包，速度上相较于npm更快。yarn自动生成并更新yarn.lock锁定文件，相较于npm对包的版本进行范围限定，yarn明确限定了每个包的使用版本以及其依赖的包的版本，可以使得不同设备上使用的包保持一致，避免bug。但是yarn只是命令行...
2019-07-07 19:57:39
246
原创 SourceTree新手指南
术语解析1.工作副本工作副本表示本地仓库中某个分支的一个当前的代码状态，包括所有的代码。我们在工作副本上进行的修改，如果不提交的话，当我们修改的时候，就会一直在变，我们无法回到某一个时刻的代码状态。在我们完成一个大功能的时候，如果我们完成了其中一个小功能，为了记录下此时的代码状态，我们可以选中修改了的文件，并在文件状态里面将这些文件添加到缓存区，然后发起一个提交，这时本地仓库该分支上就...
2018-06-03 16:25:01
1416
原创 React官方文档React理念Demo
最近准备系统学习React，首先看了官方文档，React官方中文文档，读到快速开始的React理念这一章，就动手写了一下Demo，按照提示实现了一遍，效果如下：下面提取官方文档中重要的点复制到此处，以及动手的过程中遇到的一些问题记录，最后贴上完整的HTML，CSS以及React+JSX源码以供参考。1.功能和效果提供的效果图如下，这是一个商品列表，上面的部分是对商品进行过滤搜索的交...
2018-05-08 14:42:16
1663
1
原创 一个例子入门Vue2.X+vue-router+Vuex+Webpack单页面应用程序
本篇博文讲解如何使用Vue2.X+vue-router+VueX+Webpack实现一个模块化的单页面应用程序，新手向。1.功能实现使用Vue2.X的理由是它属于轻量级的JS库，对于流量敏感的移动端来说更友好；容易上手，具有完备的中文文档，学习曲线较平缓；日前新兴起的与传统APP形态不同的快应用，其前端技术栈使用的就是Vue的语法。Vue.js官方文档vue-router的作用就是...
2018-03-25 21:59:31
1406
原创 The road to learn react学习笔记
1.模块化开发模块热替换 模块热替换（HMR）是一个帮助你在浏览器中重新加载应用的工具，并且无需再让浏览器刷新页面。（提高开发体验） src目录入口文件(index.js)中添加if (module.hot) { module.hot.accept();}代码的重用性和可维护性 只需要维护一份相同的代码源React中的组件类型 类组件 函数式无状态组件 函数式无状态组件
2018-03-19 15:47:27
317
原创 数据双向绑定
1.数据双向绑定概述双向绑定即：在模板中的数据发生变化的时候，模型对象也要发生改变；模型对象中的数据改变时，视图中的数据也要发生改变。 举个栗子： 如果要用JS原生代码实现input输入框和对象中的属性值保持一致，双向绑定如何写？ 思路就是：监听输入框的input事件（不能是change事件，change事件要求输入的值改变并且元素失去焦点以后才触发），当输入框的value改变的时候用这...
2018-03-13 11:44:35
902
原创 懒加载的原理及实现
1.懒加载概念对于页面有很多静态资源的情况下（比如网商购物页面），为了节省用户流量和提高页面性能，可以在用户浏览到当前资源的时候，再对资源进行请求和加载。2.懒加载实现原理2.1监听onscroll事件判断资源位置 首先为所有懒加载的静态资源添加自定义属性字段，比如如果是图片，可以指定data-src为真实的图片地址，src指向loading的图片。 然后当资源进入视口的时候，...
2018-03-11 14:37:07
39096
1
原创 JS的浏览器环境的事件循环(event loop)机制
1. 事件循环 JavaScript引擎并不是独立运行的，它运行在宿主环境中，对多数开发者来说通常就是Web浏览器。经过最近几年的发展，JavaScript已经超出了浏览器的范围，进入了其他环境，比如通过像Node.js这样的工具进入服务器领域。实际上，JavaScript现如今已经嵌入到了从机器人到电灯泡等各种各样的设备中。 所有这些环境都有一个共同“点”，即它们都提供了一种机制来...
2018-03-07 21:47:15
3404
原创 网站安全XSS和CSRF
1.XSS和CSRF定义XSS：跨站脚本攻击 客户端可能运行一个来自恶意攻击者的脚本，用户的输入的地方和用于展示用户输出的地方都存在不安全性例子： 评论中加入恶意脚本<script>while(true){alert(1);}</script>，服务器收到后又渲染到其他访问网站的用户的页面中，那么就执行了这个不能关掉的提示框。图片标签窃取用户的cookie信...
2018-03-06 19:04:26
230
转载 CSS层叠上下文
1.不含z-index的层叠一个根元素创建的层叠上下文中默认的层叠顺序： 2.增加z-index的层叠如果需要改变默认的层叠顺序，那么在指定position属性（position属性取static外的其他值relative,absolute,fixed）的同时指定z-index的值就可以了。（注意！z-index只对指定了 position属性的元素有效。） z-index是z...
2018-03-05 21:56:26
623
1
转载 BFC：块级格式化上下文
1.盒模型和格式化上下文Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Box 的类型。 不同类型的 Box， 会参与不同的 Formatting Context（一个决定如何渲染文档的容器），因此Box内的元素会以不同的方式渲染。让我们看看有哪些盒子：b...
2018-03-05 15:54:22
257
原创 实现水平垂直居中的4种解决方案
观看完整代码和示例效果：https://lucyzlu.github.io/Web/align-center.html1.基于表格样式将要使内容居中的外层容器元素的display设置成table，内层内容块使用table-cell，然后分别设置水平和垂直居中： /*表格方案*/ #table-father{ ...
2018-03-03 16:02:30
6456
原创 随页面滚动改变定位的tab菜单
实现效果及完整代码：https://lucyzlu.github.io/Web/toTop.html1.导航菜单功能在页面滚动时导航菜单始终显示在视口内，以便用户在浏览时可以随时点击导航菜单链接到别的页面查看样例。 我觉得这里之所以要特别把导航菜单做成这样，是因为这个页面是基本样例的展示，文档本身高度比较大，且用户一般不会从头到尾仔细看文档，很可能中途就要跳转到其他页面，因此让用户随...
2018-02-27 17:10:22
5567
1
原创 算法与数据结构-栈与队列 讲解与java代码实现
1.栈的基本知识2.例题1.返回栈最小元素import java.util.Stack;//可查询最小值的栈设计public class Solution { Stack stackData=new Stack();//保存元素 Stack stackMin=new Stack();//保存从stackData的栈中元素的最小值集合 publ
2018-02-05 19:44:38
285
原创 算法与数据结构-字符串 讲解与java代码实现
1.基础 2.例题1. 拓扑结构相同子树练习题 KMP算法及示例讲解：http://blog.csdn.net/bury_/article/details/79199228import java.util.*;//拓扑结构相同的子树判断，要求时间复杂度为O(n)/*public class TreeNode { int val = 0; Tre
2018-02-01 11:10:52
480
1
原创 算法与数据结构-链表 讲解与java代码实现
1.链表基础 从左到右，使用两个指针进行性翻转 空间复杂度最优解可以做到O（1） 2.例题1. 有序环形链表插入节点import java.util.*;/*public class ListNode { int val; ListNode next = null; ListNode(int val) {
2018-01-31 19:23:58
438
原创 字符串匹配-KMP算法 讲解与java代码实现
如何高效地查找字符串a是否包含字符串s？可以使用KMP算法，首先计算字符串s的模式偏移数组next，然后在遍历a查找s的时候可以利用next偏移数组对s进行偏移，以求更快地进行匹配检测。假设要计算字符串a=”bcbcbacbcbcbc”是否包含字符串s=”bcbcbc”。1.算法思想第一步：计算字符串”bcbcbc”的next偏移数组： next[0]=-1,next[1
2018-01-29 19:57:12
3961
原创 算法与数据结构-动态规划 讲解与java代码实现
1. 从暴力搜索到记忆搜索，再到动态规划2. 找零问题有数组penny，penny中所有的值都为正数且不重复。每个值代表一种面值的货币，每种面值的货币可以使用任意张，再给定一个整数aim(小于等于1000)代表要找的钱数，求换钱有多少种方法。 给定数组penny及它的大小(小于等于50)，同时给定一个整数aim，请返回有多少种方法可以凑成aim。 测试样例： [1,2,4],3,3 返回：2
2018-01-23 14:28:21
228
原创 算法与数据结构-二分搜索 讲解与java代码实现
1. 二分搜索要点 2. 二分搜索例题 无序数组的局部最小值查找： 局部最小值位置查找： 定义局部最小的概念。arr长度为1时，arr[0]是局部最小。arr的长度为N(N>1)时，如果arr[0]//无序数组返回任一局部最小位置public class Solution { public int getLessIndex(int[] arr) {
2018-01-17 15:58:31
206
2
原创 算法与数据结构-排序 讲解与java代码实现
1. 时间复杂度为O（N^2）的排序算法冒泡，选择，插入排序 - 冒泡排序:时间复杂度O(n^2) 与数组元素原始顺序无关import java.util.*;public class BubbleSort { public int[] bubbleSort(int[] A, int n) { // 一共需要循环n-1次 for(int i=1
2018-01-17 15:18:24
210
原创 算法与数据结构-二叉树 讲解与java代码实现
1. 三种遍历方式和宽度优先遍历递归实现先序，中序，后序遍历import java.util.*;/*public class TreeNode { int val = 0; TreeNode left = null; TreeNode right = null; public TreeNode(int val) { this.v
2018-01-06 16:51:46
373
原创 BootStrap3.X+html5+CSS3+Vue2.X 项目问题总结
1.Vue.js无法直接使用Bootstrap的tooltip插件的解决方法1.1 根据Ajax数据动态增加的tooltip在Vue.js中的初始化操作因为Bootstrap依赖于JQuery库，tooltip需要使用JQuery代码进行初始化$('[data-toggle="tooltip"]').tooltip()http://v4-alpha.getbootstrap...
2017-10-07 14:06:35
2433
原创 leetcode python 100st
翻转整数 描述： Reverse digits of an integer.Example1: x = 123, return 321 Example2: x = -123, return -321 The input is assumed to be a 32-bit signed integer. Your function should return 0 when the rever
2017-08-15 15:21:40
237
原创 cs231n two-layer network
交叉验证测试结果：current training hidden_size: 400current training learning_rate: 0.003current training reg: 0.02current training batch_size: 500iteration 0 / 1200: loss 2.302679iteration 100 / 1200: loss
2017-08-11 16:57:55
435
转载 cs231n神经网络笔记
知乎官方笔记翻译神经网络下神经元被激活是什么意思？ 输入传入神经元，计算得到的结果若高于阈值则神经元有了输出，如果神经元一直没有输出，就不会产生梯度更新。全连接层是什么？ 对于普通神经网络，最普通的层的类型是全连接层（fully-connected layer）。全连接层中的神经元与其前后两层的神经元是完全成对连接的，但是在同一个全连接层内的神经元之间没有连接。 当我们说N层神经网络的
2017-08-03 13:53:53
301
原创 cs231n assignment1 svm
根据训练数据计算损失和权重矩阵W的梯度的函数，svm_loss_naive(W, X, y, reg) 关于损失函数L以及在不同模型上的得分向量S的理解，参见了知乎上翻译的官方课程笔记，知乎cs231n官方讲义翻译 python代码填补：def svm_loss_naive(W, X, y, reg): """ Structured SVM loss function, naive
2017-07-25 16:19:20
958
1
原创 如何在window下安装python numpy模块以及matplotlib模块
首先在http://www.lfd.uci.edu/~gohlke/pythonlibs/#numpy下下载相应的whl文件，对于python3.5.2，对应的numpy包名为numpy-1.11.2+mkl-cp35-cp35m-win32.whl，matplotlib为matplotlib-1.5.3-cp35-cp35m-win32.whl；(其中cp35表示python的版本，如3.5.2
2016-11-27 14:50:09
375
《java开发大全》源码
2015-04-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人