- 博客(476)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 jQuery ready方法实现
很早之前就留下了这个问题，赶上五一放假，好好研究总结一下吧。首先jq中ready方法和window的onload方法的不同这里再提一下，首先ready只是dom树加载完毕，一些img等资源可能还没加载完成，而onload则是全部加载成功。而且ready方法可以有多个，而onload只能写一个。还有一个区别是什么了，想起来补上。一般让我们手写模拟一个jq的ready方法，我大多都是这样写：...
2018-04-30 03:28:34
3217
原创 SPFA的队列优化模板
#include<iostream>#include<algorithm>#include<cstring>#include<string>#include<set>#include<queue>using namespace std;
2018-04-16 15:15:10
302
原创 用Express做一个图片简易防盗链
最近做的一个主管安排的项目，给一个系统多增加一套前端模板，这个本身不难，由于算法那边不能提供数据，我随便复制的网上图片链接，发现有些图片不能正常显示，后来知道有些图片加了“防盗链”，这让我马上想到了以前遇到的http请求头中的referer属性，这个消息头记录了本网站的一些资源请求是来自哪个网站，如果利用这个referer的判断，就可以实现过滤。代码：var express = req...
2018-04-13 10:54:05
534
原创 bind的那些事
最近面头条的时候，要求自己手动实现一个bind函数，然后又问了bind还能干嘛。这里就围绕这两个好好写一下。首先bind的文档说明： (链接：传送门 ） bind()方法创建一个新的函数, 当被调用时，将其this关键字设置为提供的值，在调用新函数时，在任何提供之前提供一个给定的参数序列。 fun.bind(thisArg[, arg1[, arg2[, …]]]) 参数...
2018-03-27 23:15:36
423
原创 头条内推面补坑-更新中
老样子，答的好的这里就不写了。只记录答的不好的的。 这次暴露出来的问题就是要多做项目，都实践。1.改这个代码//目标代码const obj = { name: " jsCoder", skill: ["es6", "react", "angular"], say: function () { for (va
2018-03-25 18:07:03
476
原创 2018.3.22 美团2018校招笔试
总体来说体验不错，考题总共分为四个部分，前三部分涉及较广，连编译原理，软件工程，汇编都考到了一点。数学部分偏概率和排列组合，但都是高中的常规考题。要吐槽的就是有两道图片逻辑题了，眼瞎(星际)的我是在看不出什么规律：郑重声明！下面考题的图片来自：http://a.xiumi.us/board/v5/39Vza/81056540各位看官们找到规律了吗，反正这两道我当时是凭感觉选的。...
2018-03-23 20:38:55
728
原创 奇妙JS代码系列（三）一道有趣的题(创建一个长度为x数组)
原题描述：不使用loop循环，创建一个长度为100的数组，并且每个元素的值等于它的下标这个问题的一些变种例如给一个长度length和value，返回长度为length值全为value的数组等。1.误区最容易掉入陷阱的：var arr = new Array(100);arr = arr.map(function(item, index) {return index;...
2018-03-19 21:02:45
7228
1
原创 《灯亮or灯灭》 --有个有趣的数论问题
以前写的这篇，发在了我的博客园上，现在也发到我的csdn上。这个问题是在网易公开课上看到的，传送门：http://open.163.com/movie/2016/7/4/U/MBQOS0ID9_MBQOSMH4U.html问题描述： 有100个灯泡，编号为1~n，开始都是灭的off状态，在第i回合按下所有编号为i倍数的的开关，灯泡转换一次状态，100回合，问最后有多少灯泡是on亮着的？ 问题解析...
2018-03-18 19:42:50
644
原创 CSS浮动(涉及BFC)总结
最近看了很多CSS相关的文章，相关浮动，BFC，垂直居中等一些问题，这里希望把学到的做一个归纳总结。1. 常规流(文档流)排版遵循从左到右，从上到下的规则，display为block的会自占一行，可以设置宽高度和外边距等，inline元素会排成一行，直到空间不能满足大小会换行，不能设置宽高，宽高由内容物撑开。inline-block则吸收了以上的两个优点，表现为外面是inline盒子，...
2018-03-18 18:26:45
365
原创 头条前端笔试最后一道题
题目： 题目来源：链接思路：用时间委托机制优化DOM绑定事件，不用为每个新增的li绑定事件。注意DOM上删除节点后，也要在数据中同步删除。模糊匹配用正则对象和字符串的match方法。onkeyup 属性在用户（在键盘上）释放按键时触发，相对于 onkeyup 事件的事件次序： onkeydown onkeypress onkeyup ， onkey是键盘接受字符后的事件，...
2018-03-11 23:54:46
431
原创 Node读取和写入json，格式化输出json
今天是在深信服实习的第5天，接到任务要做产品的外语版，Web端的实习生目前只有我一个，前端和PHP的都要我来做。。。现在需要一个写一个脚本，处理两个json文件，把Bjson文件在A中没有的中文词条都要找出来写入另外一个json，实际需求要复杂得多，先写个初步demo：var fs = require('fs'), path = require('path');let ans...
2018-03-07 15:38:40
22754
3
原创 CSS中的未定义行为，浏览器的差异(一)
今天看了张鑫旭大佬的新书的有感吧，记录一下。Web标准未对一些场景做出明确规范，所以各大浏览器厂家只能根据自己的理解和喜好去实现，表现差异不是浏览器的bug，用计算机领域的术语描述为”未定义行为”。比如一个例子： CSS中的一个伪类，最常用的一个伪类:active，鼠标按下，执行改伪类对应的CSS样式，鼠标抬起还原。但是这种情况呢：<!DOCTYPE html>...
2018-03-04 18:37:07
382
原创 18.2.28阿里前端实习生内推面补坑
接到电话在外面，在路边面了15分钟，可以说发挥的烂透了。。。但是面试的小姐姐的声音巨好听……..这里记录下答的不好的点，现在补上。o(╥﹏╥)o o(╥﹏╥)o o(╥﹏╥)o一.js中遍历一个数组有多少种方法？1.普通for循环：for(j = 0; j < arr.length; j++) {} 2.for循环优化版for(j = 0,len=...
2018-03-01 19:26:20
510
原创 18.2.26深信服Web实习生补坑
26号晚上8点左右收到电话，面试大概一小时左右，问的很广，发挥的一般，问到的大部分都答出来了，有些没有讲好。然后面试官说等通知，问了评价，面试官说我现在大三懂这么多已经很不错了，表达能力需要加强，有点紧张口吃。30分钟后收到实习生offer邮件。这里只记录下几个答的不好的点。1.var和不var的区别？我突然醒悟面试官想问的并不是我下面所挖掘的，应该就是单纯的函数作用域？在一个函数中用...
2018-03-01 19:24:11
2290
原创 计算机网络填坑
搞Web的话，是时时要和计算机网络打交道的，我在这里总结整理下自己遇到过的相关知识点。1.常见的网络协议有几层， HTTP是在哪几层 物理层与数据链路层为上面的协议族提供服务我们一般很少接触。IP在网络层，TCP/UDP在传输层，应用层一般是我们经常接触的东西,HTTP、RTSP、FTP是应用层的协议。2.UDP和TCP协议是哪层，这两个协议的技术特点是什么？TCP(...
2018-02-28 20:46:10
388
原创 奇妙JS代码系列（二）call,apply,bind用处整理
延续系列一：链接，此次主要整理JS里面很常见的三个函数call，apply，bind的妙用。(apply和call差不多，只是参数的区别)(下面有些这三个可能只是辅助，但是只要用到，我就在这里整理)1.类型检测上一篇最后一个已经讲到，Object.prototype.toString.call()。犹豫上一篇说了，这里就不多说了。2.解参，等同于ES6中的…扩展运算符es6中提出了...
2018-02-17 16:57:12
202
原创 用Bootstrap写一份简历
以前学习Bootstrap时练手用的。分享给大家。 注意Bootstrap相关文件的路径，Bootstrap依赖jQuery，需要先加载jQueryGithub代码链接：链接 (如果有点小用，求个小star(｡•ˇ‸ˇ•｡))index.html：<!DOCTYPE html><html lang="en"><head> ...
2018-02-16 18:58:27
13627
1
原创 一个用原生JS造的轮播图插件
a native-js slider一个无缝轮播图的小轮子 ( ͡° ͜ʖ ͡°)•ॢ前言自己弄这个轮子是来自之前vue做一个音乐播放器项目时，用到了一个第三方vue组件better-scroll，当时参考这个文档做轮播图的时候，发现slider-item真实渲染出来的多了两个节点，向作者提问了下，回答当传入 snap:{loop:true} 的时候，前后各 clone 一个节...
2018-02-16 16:29:58
712
原创 VS code 设置使用快捷键打开浏览器运行当前代码
当前版本信息： 版本 1.20.0 提交 c63189deaa8e620f650cc28792b8f5f3363f2c5b 日期 2018-02-07T17:09:39.780Z Shell 1.7.9 渲染器 58.0.3029.110 Node 7.9.0 架构 x64之前一直用的Atom，最近转入了vs code，真命令式代码控制啊。。。...
2018-02-16 14:54:25
20282
2
原创 jQuery 中与Ajax相关的API
注意1.8版本弃用了$.load()函数。使用getJSON()方法异步加载JSON格式数据使用getJSON()方法可以通过Ajax异步请求的方式，获取服务器中的数据，并对获取的数据进行解析，显示在页面中，它的调用格式为： jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback])其中，u...
2018-02-12 13:16:07
471
原创 剑指offer(十六) 合并两个排序的链表
合并两个排序的链表 题目描述 输入两个单调递增的链表，输出两个链表合成后的链表，当然我们需要合成后的链表满足单调不减规则。用JavaScript非递归和递归方式都AC了。非递归：function ListNode(x){ this.val = x; this.next = null;}function Merge(pHead1, pHead2){ ...
2018-02-10 20:08:15
198
原创 http中的referer
最近做vue的一个项目的时候，需要抓取某q音乐的一些数据，分析了某q音乐Web上轮播图的图片和链接的数据传输，发现了是用通过jsonp来做的跨域处理。 然后通过下面代码成功抓取到数据：import originJsonp from 'jsonp'export default function jsonp(url, data, option) { url += (url.ind...
2018-02-09 17:53:26
3812
1
原创 剑指offer(十四，十五)链表中倒数第k个结点，反转链表
链表中倒数第k个结点 时间限制：1秒 空间限制：32768K 题目描述 输入一个链表，输出该链表中倒数第k个结点。现在链表题都是要跟“倒立”联系=-=，看到这个问题，自然想到以前用递归巧妙倒序打印链表。如果是打印倒数第k个节点的val值得话：var arr = new Array();var flag = 0;function FindKthToTail(head, k
2018-02-03 12:57:48
185
原创 leetcode136. Single Number 亦或Xor原理
以前tao哥就讲过，在Leetcode里面分类是一个Easy的问题。public class Solution { public int singleNumber(int[] nums) { int ans = 0; for(int e : nums) { ans ^= e;
2018-02-02 06:08:06
240
原创 leetcode137. Single Number II
Single Number II DescriptionHintsSubmissionsDiscussSolutionDiscussPick OneGiven an array of integers, every element appears three times except for one, which appears exactly once. Find that sing
2018-02-02 06:06:51
204
原创 leetcode260. Single Number III
Single Number III DescriptionHintsSubmissionsDiscussSolutionDiscussPick OneGiven an array of numbers nums, in which exactly two elements appear only once and all the other elements appear exactl
2018-02-02 06:03:50
154
原创 leetcode2. Add Two Numbers
Add Two Numbers DescriptionHintsSubmissionsDiscussSolutionDiscussPick OneYou are given two non-empty linked lists representing two non-negative integers. The digits are stored in reverse order a
2018-02-02 06:02:35
200
原创 leetcode3. Longest Substring Without Repeating Characters
Longest Substring Without Repeating Characters DescriptionHintsSubmissionsDiscussSolutionDiscussPick OneGiven a string, find the length of the longest substring without repeating characters.Ex
2018-02-02 06:00:54
249
原创 leetcode5. Longest Palindromic Substring
Longest Palindromic Substring DescriptionHintsSubmissionsDiscussSolutionDiscussPick OneGiven a string s, find the longest palindromic substring in s. You may assume that the maximum length of s
2018-02-02 05:58:33
170
原创 leetcode6. ZigZag Conversion
ZigZag Conversion DescriptionHintsSubmissionsDiscussSolutionDiscussPick OneThe string “PAYPALISHIRING” is written in a zigzag pattern on a given number of rows like this: (you may want to displa
2018-02-02 05:52:37
200
原创 leetcode11. Container With Most Water
Given n non-negative integers a1, a2, …, an, where each represents a point at coordinate (i, ai). n vertical lines are drawn such that the two endpoints of line i is at (i, ai) and (i, 0). Find two li
2018-02-02 05:48:45
136
原创 leetcode19. Remove Nth Node From End of List
Given a linked list, remove the nth node from the end of list and return its head.For example,Given linked list: 1->2->3->4->5, and n = 2.After removing the second node from the end, the linked
2018-02-02 05:47:46
149
原创 leetcode31. Next Permutation 求下一个最小的字典序序列
Implement next permutation, which rearranges numbers into the lexicographically next greater permutation of numbers.If such arrangement is not possible, it must rearrange it as the lowest possible o
2018-02-02 05:45:34
513
原创 剑指offer(十二，十三) 数值的整数次方，调整数组顺序使奇数位于偶数前面
1.数值的整数次方时间限制：1秒 空间限制：32768K 题目描述 给定一个double类型的浮点数base和int类型的整数exponent。求base的exponent次方。标准的快速幂。。。注意base为0 return 0，我用JS抛出错误在oj上错了 QAQ 还有就是负数的情况，变正，然后倒回来。 其实这个base是double类型，C++里面的话不能直接比较，需要写个
2018-02-01 00:39:17
215
原创 那些短小精悍的&奇葩的&令人感到惊讶的JavaScript代码（一）
自学习前端以来，陆陆续续遇见很多短小令人惊讶的js代码，固有了专门开一片日记来记录这些代码的想法。借此提高写代码的姿势和深度理解JavaScript。1.JavaScript中 (a ==1 && a== 2 && a==3) 可能为 true 吗？来自Stack Overflow的一个问题:链接国外面试题，Nothing is impossible...
2018-01-28 21:04:11
1470
原创 对箭头函数的补充
上一篇：http://blog.csdn.net/major_zhang/article/details/78616835 最近看了MDN文档，感觉写的是异常好啊。。。。通俗易懂，又有例子。这里想在强调一下箭头函数与this的绑定问题。 eg：function Person() { // Person() 构造函数定义 `this`作为它自己的实例. this.age =
2018-01-27 00:18:52
207
原创 Promise和Async/Await用法整理
1.Promise1.简介Promise,简单来说就是一个容器，里面保存着某个未来才会结束的时间(通常是一个异步操作的结果)Promise对象的基本语法：new Promise((resolve,reject) => { //.....});从语法上来说，Promise是一个对象，从它可以获取异步操作的消息。基本语法：let p = new Promise((
2018-01-24 21:40:14
13800
1
原创 Vue父子组件互相通信实例
组件实例之间的作用域是独立的，意味了不应该在子组件的模板内直接引用父组件的数据，但是父子组件之间需要通信：父组件要给子组件传递数据，子组件需要将它内部发生的事情告知给父组件。prop 是父组件用来传递数据的一个自定义属性。子组件需要显式地用 props 选项声明 “prop”：Vue.component('child', { // 声明 props pr
2018-01-20 20:23:47
7376
原创 Vue实例里面的data属性为什么用函数返回
最近在学习Vue中在图灵社区买了一本电子书《Vue小书》，我感觉挺坑的，没有期待的那么好。其中有的一下子就给一大串代码，但这一大串代码只是为了说明某一点，但是这片代码很多处都可以讲的，大概是因为篇幅限制原因吧。其中我第一次看到的Vue实例中的data属性时，很好奇为什么是用function return 一个对象，而在之前某些视频中的写法又是直接写的对象，然后一查，又牵扯到JS原型链等一些
2018-01-19 04:02:15
5806
原创 Vue指令练习实例-学生信息录入
很好的一个可以感受Vue.js的MVVM模型，数据和模型双向绑定的实例练习。html lang="en">head> meta charset="UTF-8"> title>vue指令title> style> #app{ margin: 50px auto; width:600px;
2018-01-15 23:37:51
2637
JS小项目，JS特效，3D相册，相册面板墙
2017-09-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人