- 博客(26)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 前端安全之target="_blank"
关于前端安全问题，一直关注的比较少。从target="_blank"开始！如果你开启了eslint校验，如下的写法：<a target="_blank" href={`https://work.alibaba-inc.com/nwpipe/search?keywords=${item.nickName}&type=person`}>XXXX</a&g...
2019-02-18 11:23:52
7617
1
原创 nodeJS 第一篇
在启动node项目的时候发现一个很奇怪的问题，node正常启动，端口也能够监听。但是访问页面的时候就是提示如下，但是重启电脑后又可以运行。各方查询无果，心想是不是版本问题。升级了一些版本问题果然得到解决。This site can’t be reachedlocalhost refused to connect.Try:Checking the connection Checki...
2018-12-02 15:45:42
873
原创 React的组件
一、组件的几种创建方式对于React来说组件Component算是它的核心之一。用了React的时间也不短了，记录一下以便以后翻看1 createClass用ES5的方法React.createClass来创建一个组件import React from 'react';class Test = React.createClass({ render(){ ...
2018-09-21 20:22:56
658
原创 字符串转化为指定的结构化数据(嵌套数组)
同学参加笔试跟我交流了一个笔试题，题目大概如下：将特定的字符串转化为指定的结构化数据，字符串仅由[ ]还有大小写字母组成，且不包含多余的空格例如："abc" --> {value:'abc'}"[abc[df[gh[mk]]]]"--> {value:'abc',children:{value:"df", children:{value:'gh',children:{val...
2018-09-06 21:20:56
1176
原创 Ajax 和 fetch
回顾XMLHttpRequest传统的Ajax指的是XMLHttpRequest(XHR)：var xhr = new XMLHttpRequest()1.第一个要调用的方法是open()，open不会真的发送请求xhr.open("get",url,false)//三个参数：请求方法，请求路径(相对于当前页面)，是否异步请求2.第二个要调用的方法是send()，send中...
2018-09-05 20:12:59
708
原创 关于HTTP的三次握手与四次挥手
关于HTTP的三次握手与四次挥手，是一个老生常谈的问题了，觉得可以做个总结，加深一下自己的印象。也希望能够方便别人首先简单说明一下TCP报文的首部，如下所示。有两个序列号一个是sequence number，另一个是acknowledge number；另外还有6个标志位：SYN-同步标志，ACK-承认链接标志，FIN-结束标志，RST-复位标志，PSH-push操作标志，URG-TCP的紧急指针...
2018-04-17 11:37:50
730
1
原创 关于css的浮动-float与清除
CSS定位机制可以CSS中的流分为三种：普通流、浮动流和定位流。float不为none的元素会产生浮动流漂浮于文档流智商，按照某个方向进行浮动，移动到父级元素的边界或者遇到另外一个浮动元素就会停止。另外如果两个div元素在垂直方向上会出现外边距（margin）合并的情况，但是浮动元素不会。浮动元素会创建包含块。浮动元素的包含块是离其最近的块级祖先元素。浮动元素会生成一个块级框，无论这个...
2018-04-16 09:25:25
291
原创 JavaScript-编程
题目描述1. 小X的父母出差N天，给他留下M块糖果。小X决定每天吃的糖果数量不少于前一天吃的一半，但是他又不想在父母回来之前的某一天没有糖果吃，请问他一天最多吃多少块糖果输入描述每个输入包含一个测试用例。每个测试用例的第一行包含两个整数，表示父母出差的天数N（N<=50000）和糖果的数量M（N<=M<=10000）输出描述：输出一个数表示小X第一天最多能吃多少块糖果示例1输入3...
2018-04-16 04:28:16
237
原创 Mac WebStorm卡顿解决
最近WebStorm变得很卡，开始以为是电脑内存问题，后来发现是系统分配给WebStorm的内存不够大，只要手动改改就好了cd /Applications/WebStorm.app/Contents/binvim webstorm.vmoptions把原来的默认内存改大一些就好了-Xms512m-Xmx2048m-XX:ReservedCodeCacheSize=240m-XX:+UseCompr...
2018-04-13 03:58:55
9293
原创 树和二叉树，以及基本操作
树，一种重要的非线性结构。树的一些概念1. 树是n个节点的有限集合。在任意一颗非空树中: //链式存储结构 var arr = [];//存储遍历结果 function BinaryTree(data,leftChild,rightChild) { this.data = data || null; this.leftChild = leftChil...
2018-04-09 08:03:16
425
1
原创 关于DOM节点的深度优先和广度优先遍历
HTML的树形结构如上深度优先遍历对于树的深度优先遍历，执行结果应该如下：采用递归方式 var arr=[]; //深度优先 function traversalDFSDOM (rootDom) { if(!rootDom)return; if(rootDom.children.length==0){ arr.push(roo...
2018-04-05 06:59:07
1795
原创 关于Dom的childNodes和childrens以及相关节点的获取
进入春天的加州，慵懒的天气让我想起大学的午后DOM-文档对象模型Node类型 每个DOM节点都有一个nodeType的属性用来表示这个节点的类型。一共有12中类型，常见的的ELEMENT_NODE=1;ATTRIBUTE_NODE=2;TEXT_NODE=3例子<div class="p"id="p"> p <div class="doughter"> ...
2018-04-02 06:54:18
1878
原创 原生JS实现事件监听，发布，取消
一步一个脚印的将基础打好，才能走的更远<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>
2018-03-31 02:34:15
1644
原创 用原生JS实现HTML5的元素拖拽功能
昨天遇到的一个面试题，题目是这样的：页面上有个元素A和带放置元素B，实现将A拖拽并且下放到B，然后改变B的颜色。以下都是废话，抒发一下心情请跳过，直接看代码吧昨天写的比较简陋，今天想想在写一遍做个记录，越来越感受到每次面试都是一次很好的学习的机会。发现自己的不足，然后继续前进。希望昨天的面试s可以顺利通过，希望最后一个收获一个满意的offer吧！代码如下：大家有更好的实现方法，不妨跟我分享一下吧&...
2018-03-30 02:12:28
2135
原创 关于js的事件触发
事件流是描述从页面接受事件的顺序事件分为三个阶段：事件捕获阶段目标事件阶段事件冒泡阶段事件冒泡是指事件开始时由最具体的元素接受，然后逐级向上传播到较为不具体的节点事件捕获是指的不太具体的节点应该先接受到事件，而最具体的节点应该最后接受到事件。事件捕获的意义在于事件到达预定目标之前捕获它实际上，目标在捕获阶段不会接受到事件在使用案例说明之前，先说明几个对象：event对象中有三个属性，在之后会被使用...
2018-03-16 02:31:59
357
原创 使用JavaScript实现排序算法
最近在准备春招面试，远在美国大半个月了一直都没有接到面试电话。很是灰心难过。但是学习还是要继续，生活总是要继续，菜鸟总有一天会高飞呀！不管怎么样，还是学习吧！1. 冒泡排序冒泡排序是我记得最牢的了，可能是因为它的思想最简单，重复走过要排序的序列，一次比较两个元素，如果顺序错误就把它们调整过来（升序）。一直重复工作，知道把最大的元素一步步下沉到数组的尾部function BubbleSort(arr...
2018-03-13 02:17:03
3339
2
原创 实现CSS圆环的5种方法
想到去年面试实习的时候被问到实习圆环的问题，特意写篇文章总结一下吧！总结了一下大概有5种方法。1. 两个标签的嵌套：<div class="element1"> <div class="child1"></div></div>.element1{ width: 200px; height: 2...
2018-03-12 14:17:44
33349
原创 css3的动画--transition和animation
transitiontransition一个有4个属性：transition-property 过渡属性transition-duration 完成动画所需时间，以秒或者毫秒计算transition-timing-function 规定动画变化速度曲线transition-delay 是否延时transition-property 过渡属性 none：没有属性会获得过渡效果...
2018-02-12 01:07:37
468
原创 css3的动画--transition和animation
tradition一个有4个属性：transition-property 过渡属性transition-duration 完成动画所需时间，以秒或者毫秒计算transition-timing-function 规定动画变化速度曲线transition-delay 是否延时transition-property 过渡属性none：没有属性会获得过渡效果all：所有属性会获得过渡效果porperty：...
2018-02-11 02:41:09
422
原创 关于css中的三角形
使用边框法实现css的三角形先回忆一下borderborder简写属性在一个声明设置所有的边框属性。可以按照顺序设置如下属性：border-widthborder-styleborder-color每个属性又可以单独设置，还可以针对4边进行分别设置例如：border-top-width，border-left-style等。border-width为属性设置边框宽度，只有当边框样式不是none的时...
2018-02-09 14:18:38
286
原创 HTML5-Drog和Drag
HTML5新增的许多属性：o 文件类型声明（<!DOCTYPE>）仅有一型：<!DOCTYPE HTML>。o 新的解析顺序：不再基于SGML。o 新的元素：section, video, progress,nav, meter, time, aside, canvas, command, datalist, details, embed, figcaption,fi...
2018-01-12 03:59:48
1614
原创 nodejs利用nodemailer发送邮件,163 和gmail的配置
http://nodemailer.com/安装nodemailer：npm install nodemailer --save我所使用的版本号是：0.7.11. 不配置任何的邮箱服务器，同样可以进行邮件的发送const nodeMailer = require("nodemailer");let transporter = nodeMailer.c
2018-01-10 08:21:36
35050
原创 Set Up Django with Postgres, Nginx, and Gunicorn on Ubuntu 16.04和记录
How To Set Up Django with Postgres, Nginx, and Gunicorn on Ubuntu 16.04 https://www.digitalocean.com/community/tutorials/how-to-set-up-django-with-postgres-nginx-and-gunicorn-on-ubuntu-16-04#create-a-
2017-11-02 02:11:39
624
原创 ReactJS 监听页面滚动事件
需要使用监听页面的滚动事件，折腾了挺久终于实现了，写出来跟大家分享一下。希望有更好的做法也能留言给我，谢谢��export class Example extends Component{ scrollHandler = this.handleScroll.bind(this); componentDidMount() { window.addEventListener('
2017-09-27 07:55:59
13929
原创 Django的项目的重新部署
作为完全没有接触过python的小白，希望大家多多指教 临时接到部署一个几年前写的Django的项目的重新部署。花了近两天遇到了一些问题写下来，希望能帮助别人也能给自己留个备份
2017-09-22 02:05:47
1125
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人