叮当了个河蟹

原创 牛客网在线编程Javascript输入输出

本版本输入输出是针对Javascript(Node6.11.4)单行输入样例： 输入：1 输出：1代码：var readline=require("readline");var r1=readline.createInterface({ input:process.stdin, output:process.stdout});//k控制输入...

转载 初始云计算体系SPI

   根据美国国家标准与技术研究院的权威定义，云计算有SPI，即SaaS、PaaS和IaaS三种服务模式，这是目前被业界最广泛认同的划分。虽然它们已业内多数人所熟知，但是对于三者之间的关系，能够道清的为数不多。下文将帮助大家近一步明晰：SPI is an acronym for the most common cloud computing service models, Software a...

原创 2018年终总结

      习惯在岁末的时候的写点东西记录，一方面是总结回顾，一方面是出于仪式感。人生在世，就像一条漫长的暗黑河流里漂泊，不知去向，也不知什么时候会撞向暗流，被一卷而走。而所谓的仪式感，大概就是人于这条河流上建造

转载 学习 Node.js 的 6 个步骤

从刚接触Node.js到现在，自己也是一路摸滚打爬过来的，虽不说是什么高手，但对于如何学习Node.js，还是有一些个人见解，拿出来与大家共勉~学习Node.js大致有 6 个步骤或者说 6 个层次：第一步对于刚接触Node.js的新手来说，第一步无非是打好基础，你需要弄明白以下事情：JavaScript 的特性和语法。假如你对 JavaScript 还不熟悉的话，推荐书籍及链接：Ja...

原创 机器学习方向介绍

原创 通过git传文件到GitHub基本指令

新建文件夹git init将上传的文件复制过来git add .git statusgit commit -m ‘注释’$ git remote add origin https://github.com/dcpnonstop/HDUthesis.git$ git push -u origin master...

原创 JavaScript继承练习

//js继承的实现方式//定义一个父类function Animal(name){ //属性 this.name=name||'Animal'; //实例方法 this.sleep=function(){ console.log(this.name+'正在睡觉'); }}//原型方法Animal.prototype.eat=function(food){ console....

原创 Windows的Tex环境配置（TeX Live+WinEdt+SumatraPDF）

前言：利用TeX Live+WinEdt+SumatraPDF编写大论文，支持中文编码。需下载软件：TeX LiveSumatraPDFWinEdtWinEdt和SumatraPDF安装配置详情TeX Live环境配置若要安装 TeXLive ，推荐下载 TeXLive 的 ISO 镜像，因为在线安装下载过程会很慢。如果网速快也可以在线安装。下载地址：http://mirr...

原创 初识Gulp和webpack

一. GulpGulp 的定位是 Task Runner, 就是用来跑一个一个任务的。是一种工具链、构建工具，可以配合各种插件做js压缩，css压缩，less编译 替代手工实现自动化工作。构建工具自动化提高效率用顾名思义：工程自动化，解除手动繁琐说到[自动化]，也就是常说的前端构建工具，因为构建工具就是用来让我们不再做机械重复的事情，解放我们的双手和节省时间。Gulp的优点...

转载 如何学习React

如何学习React如果你是一个 React (或者前端) 新手, 出于以下的原因, 你可能会对这个生态圈感到困惑:React 的目标群体历来是喜欢尝试新事物的开发者和前端专家.Facebook 开源的内容是应用在他们的实际应用中, 因此他们没有关注那些比 Facebook 小的工程需求.现有的 React 指引水平参差不齐.在本文中, 我会假设你已有使用 HTML, CSS 和 Ja...

原创 一篇文章读懂MVC，MVP 和 MVVM

一、MVC如何设计一个程序的结构，这是一门专门的学问，叫做"架构模式"（architectural pattern），属于编程的方法论。MVC是三个单词的首字母缩写，它们是Model（模型）、View（视图）和Controller（控制）。这个模式认为，程序(软件)不论简单或复杂，从结构上看，都可以分成三层。视图（View）：用户界面。控制器（Controller）：业务逻辑模型...

原创 CSS选择器及其优先级排序

一、 CSS选择器分类CSS选择器如下：CSS的选择器其实大类的话可以分为三类，即id选择器、class选择器、标签选择器。用法如下：id选择器： #id名 { 属性名:属性值; }class选择器 ：.class名 { 属性名:属性值; }标签选择器： 标签名 { 属性名:属性值; }其中，他们之间又可以以不同的方式进行组合，如下：后代选择器: 父代名 后代名 { 属性...

原创 【滴滴出行】 2019校招在线笔试

第一题：链式调用第二题：魔法权杖

转载 前端面试手册

前端面试手册这是什么？与典型的软件工程师面试不同，前端面试对算法的重视比较低。面试会更多考查错综复杂的前端知识，像 HTML、CSS、JavaScript 等等。虽然现在有一些资料，可以帮助前端开发者准备面试，但是远不如软件工程师那么丰富。目前为止，最有用的前端面试资料是前端开发者面试问题集。但是，有相当一部分问题，我在网上找不到完整满意的答案。因此，我在这里试着回答这些问题。这是一个开源...

原创 初识Promise

1.Promise的含义Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Pro...

原创 flex布局学习

关于flex布局学习 Flex 布局，你只要学习几个 CSS 属性，就可以写出简洁优雅复杂的页面布局。Flex布局是什么？在 flex 容器中默认存在两条轴，水平主轴(main axis) 和垂直的交叉轴(cross axis)，这是默认的设置，当然你可以通过修改使垂直方向变为主轴，水平方向变为交叉轴，这个我们后面再说。在容器中的每个单元块被称之为 flex item，每个项目占据的...

转载 前端模拟排序动画

Sort-the-animation携程前端模拟排序动画,效果如下第一种实现方式预览第二种实现方式预览第三种实现方式预览第四种实现方式预览赞一下携程的这道题目，这才是前端该做的题目，既有意思，又考察了排序算法，还考察了部分动画及 dom 操作。话不多说，分析一下这道题目。实现思路通过排序把每一步的交换序列放入 sortDetail 中（后续位置会发生变化，所以要用 ...

原创 JavaScript中this指向详解

this到底是什么？this实际上是在函数调用时发生的绑定，它指向什么完全取决于函数在哪里被调用（起决于函数的调用位置）当一个函数被调用时，会创建一个活动记录（有时候也称为执行上下文）。这个记录会包含函数在哪里被调用（调用栈）、函数的调用方式、传入的参数等信息。this就是这个记录的一个属性，会在函数执行的过程中用到。this的确定:情况1，如果一个函数中有 this，但是它没...

原创 JavaScript闭包详解

关于闭包：ECMAScript中给闭包的定义： 闭包，指的是词法表示包括不被计算的变量的函数，也就是说函数可以使用函数之外定义的变量。闭包 是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量。闭包的缺点就是常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。闭包是javascript语言的一大特点，主...

原创 cvte视频二面+招银网络电话一面

cvte视频二面面试问的问题依然比较基础：介绍一下项目，项目里面做了哪些工作？你觉得你的项目里面有哪些地方可以优化的？weabpack有了解吗？websocket和ajax有什么区别？你们项目对web安全采取了哪些措施？你平时是怎么学习前端的？说收ES6里面的箭头函数有什么特点？html里面的meta里的属性uft-8有什么作用，说说utf-8，除了这个还有别的编码形式吗？开...

原创 jsjs字符串每三位加逗号，并保留小数点部分

/** * Created by dcp on 2018/9/28. */// 写代码实现一个 cut 函数cut(3123123123.123); //3,123,123,123.123var num=3123123123.123function cut(num) { var arr=num.toString().split('.') var t1=arr[0]....

原创 js对数组里的基础类型和对象去重

1. 单元素去重//1. 双重循环去重var array = [1, 1, '1', '1',NaN,NaN];function unique(array) { // res用来存储结果 var res = []; for (var i = 0, arrayLen = array.length; i < arrayLen; i++) { for...

原创 网易+cvte面试记录

网易前端凉面：说说reactpros和state有什么区别组件之间状态是如何传递的画一下做项目的布局写一下这个模块是怎么实现的promise有了解吗？有什么API,手写一下？web安全说一说，每一种怎么进行攻击的呢，每一种的防御手段呢？ajax数据传输怎么实现的，具体写一下。跨域说一下flex布局，右边定宽200px左边自适应如何实现。大概说出来不行，全程问细节，半个...

原创 从数组中取出任意个数，求和为指定值的解(JavaScript)

给定一个数组[1,2,3,4,5,6,7,8,9,10],求出数组中任意组合为之和等于10的数组。注意，每一种组合中一个数只能出现一次。数组共有N个元素，那么我们可以用1到2^N的二进制来求解，若二进制数该位置是1,则将其取出求和。检查和是否等于所求，是则输出。此题则是从0000000001一直循环到1111111111即可。具体代码如下：function CalSum(array,r...

原创 “账号已注销”，再见网易云

和一个人最深的交流，用心看他画的画听他作的音乐读他写的诗，非要吃一顿饭不可，是为什么呢。他又不擅长吃饭。 一贾行家从14年开始用网易云音乐播放器，陪伴我也有一段时间了，在这里面听了...

原创 图解ES6中的React生命周期

前言如果将React的生命周期比喻成一只蚂蚁爬过一根吊绳，那么这只蚂蚁从绳头爬到绳尾，就会依次触动不同的卡片挂钩。在React每一个生命周期中，也有类似卡片挂钩的存在，我们把它称之为‘钩子函数’。那么在React的生命周期中，到底有哪些钩子函数？React的生命周期又是怎样的流程？今天我给大家来总结总结React 生命周期如图，React生命周期主要包括三个阶段：初始化阶段、运行中...

原创 字节跳动前端开发工程师视频面（2019）

面试开始，省去自我介绍，直接开问：Part1:了解TCP和UDP吗说三次握手为什么不是两次握手了解编码吗，哈夫曼编码了解编码吗，哈夫曼编码说说进程和线程的区别Part2:开始做题第一题：始终需要满足以下条件：• A元素垂直居中于屏幕中央；• A元素距离屏幕左右边距各10px；• A元素里面的文字”A”的font-size:20px；水平垂直居中;• A元素的...

原创 jsonp跨域获取数据实现百度搜索建议

jsonp跨域获取数据实现百度搜索demo在线演示简单聊聊跨域跨域问题是由于JavaScript语言安全限制中的同源策略/SOP（Same origin policy）造成的，同源策略是指一段脚本只能读取来自同一来源的窗口和文档的属性,由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协...

原创 CVTE 2019 Web前端开发在线笔试题

编程题1：题目：给定一个整数数组和一个目标值，找出数组中和为目标值的两个数示例:给定 nums = [2, 7, 11, 15], target = 9因为 nums[0] + nums[1] = 2 + 7 = 9所以返回 [2，7]function fin(nums,tag) { var re=[]; for(var i=0;i<nums.lengt...

原创 英语流利说技术类笔试题

编程题//通过率只有0.8。不知道哪里判断出问题了const readline = require('readline');const rl = readline.createInterface({ input: process.stdin, output: process.stdout});var inputs=[]; //用于存储每行的输入rl.on('...

原创 TCP长连接，短连接，HTTP短轮询、长轮询

短连接和长连接：长轮询和短轮询所谓轮询，即是在一个循环周期内不断发起请求来得到数据的机制。只要有请求的地方，都可以实现轮询，譬如各种事件驱动模型。它的长短是在于请求的返回周期。短轮询短轮询指的是在循环周期内，不断发起请求，每一次请求都立即返回结果，根据新旧数据对比决定是否使用这个结果。具体实现：前端使用定时器，每间隔一段时间发送请求来获取数据是否更新，这种方式可...

原创 招商银行信用卡中心2019秋招IT笔试（开发方向第二批）

import java.util.*;public class Main { public static void main(String[] args){ Scanner sc=new Scanner(System.in); while (sc.hasNext()){ List<Integer> ...

原创 腾讯web前端开发-2019校园招聘（正式卷JavaScript）

/** * Created by dcp on 2018/09/16. */const readline = require('readline');const rl = readline.createInterface({ input: process.stdin, output: process.stdout});var inputArr = [];rl...

原创 顺丰web前端笔试2019秋季

1.求时间差//只ac了0.4，有更好的解答再回来补充function getInervalHour(startTime, endTime) {//将xxxx-xx-xx的时间格式，转换为 xxxx的格式 startTime = startTime.replace(/\-/g, "/"); endTime = endTime.replace(/\-/g, "/"); ...

原创 2018秋招有赞一面面经

2019.09.13秋招有赞一面面经      不知道什么时候投的有赞的简历，突然就收到了HR打来的电话通知去面试，于是今天就稀里糊涂的去了。早上七点出发的，大概九点多就到了有赞，约的时间是上午十点半，发短信给HR说我已经到公司了，结果HR说他还没过来叫我等一会儿，话说有赞的面试流程真的很随意啊，大约快十点的时候HR就到了，是个穿着拖...

原创 2019迅雷校招在线笔试web前端

第一道编程题 第二道编程题

原创 字节跳动2019第三次笔试（JavaScript版本）

UTF-8校验 //js版本代码/** * Created by dcp on 2018/9/9. */// UTF-8校验const readline = require('readline');const rl = readline.createInterface({ input: process.stdin, output: process.st...

原创 react常见面试题目

1、redux中间件中间件提供第三方插件的模式，自定义拦截 action -> reducer 的过程。变为 action -> middlewares -> reducer 。这种机制可以让我们改变数据流，实现如异步 action ，action 过滤，日志输出，异常报告等功能。 常见的中间件： redux-logger：提供日志输出 redux-thunk：处理异步...

原创 美团前端凉面（2018-09-06）：

美团凉面（2018-09-06）：一句话概括一下你所认为的前端前端的页面布局你都有哪些了解？具体实现？前端里面的数据传输？ajax的实现步骤？Js是单线程，回调函数如何实现异步？异步的实现方式？你知道哪些前端框架？为什么要使用react,有什么有优点？React的生命周期，周期里面的方法实现原理？State和prop的区别？组件如何知道prop值发生了改变？数据方法了解不？什...

原创 快速排序和冒泡排序

/** * Created by dcp on 2018/8/21. *///快速排序// (1)在数据集之中，选择一个元素作为基准(pivot)// (2)所有小于“基准”的元素，都移到“基准”的左边；所有大于“基准”的元素，都移到“基准”的右边// (3) 对“基准”左边和右边的两个子集，不断重复第一步和第二步，直到所有子集只剩下一个元素为止var quikSort=funct...