- 博客(94)
- 收藏
- 关注
原创 ES6函数式编程笔记-1
好书 ( 强推掌握ES6 的一些基本即可试读本书由浅入深 层层递进书中代码仓库一些概念及代码一等公民当一门 允许函数作为任何其他数据使用时合理代码必要的注释见名知意函数不应依赖全局变量若并发执行 结果难以预料闭包函数作用域自身内声明变量全局变量访问对外部函数变量访问高阶函数Higher-Order Function( HOC )...
2019-12-21 21:43:56
154
原创 2019 小节
title: 2019 小结time: 2019-12-19author: wsmmail: 1030057982@qq.comgithub: https://github.com/Geronimomiao/advanceQuestionAnswerAnswer1面对事情 更加理性去思考它的起因 而不是 关注表象阅读时间 总结时间 慢慢变多阅读 思考 总结...
2019-12-19 21:43:43
258
原创 js 原型 与 原型链
title: js 原型 与 原型链time: 2019-11-26author: wsmmail: 1030057982@qq.comgithub: https://github.com/Geronimomiao/advance基础每个构造函数(constructor)都有一个原型对象(prototype),原型对象都包含一个指向构造函数的指针,而实例(instance)都包...
2019-11-29 16:49:36
145
原创 防抖 节流 重绘 回流 盒模型
title: 防抖 节流 重绘 回流 盒模型time: 2019-11-16author: wsm—防抖 debounce事件被触发 n 秒后执行的回调 如果在这 n 秒内又触发 则重新计时函数防抖就是法师发技能的时候要读条,技能读条没完再按技能就会重新读条function debounce(fun, delay) { let timer; return function...
2019-11-20 19:32:44
215
原创 浏览器缓存机制
title: 浏览器缓存机制time: 2019-11-19author: wsmmail: 1030057982@qq.comgithub: https://github.com/Geronimomiao/advance分类Service workerMemory cacheDisk cachePush cacheService worker取决于开发者如何设置...
2019-11-20 19:10:45
245
原创 长日将尽--摘录
摘录这片土地明明知道自己的优美 知道自己的伟大 有感觉无需去彰显 去招摇"尊严"云云 其至关重要的一点即在于----一位管家无论何时都能坚守其职业的生命力面对这样的人物 就如同今天上午面对那最优美的英格兰风光一样 一见之下 你自然会知道你就站在伟大面前如果您觉得以您现在的年纪来说您已经尽善尽美的话 您将永远无法提升到以您的能力无疑可以达到的高度疏忽本身微不足道 但您自己却要认识到那其...
2019-11-16 11:40:56
493
原创 9.28--11.15总结与反思
主要做的事情设计模式学习掘金小册算法leetcode + geektime网络geektime + blog编译原理刷秋神的课书围城( 完长日将尽麦田里的守望者乌合之众万历十五年技术书籍ES6 入门指南( 完宿舍团建( 8.75d试鞋( 0.5d爬山( 1dK歌 + 吃饭( 3 time看或陪舍友打...
2019-11-15 23:27:26
458
原创 学习Linux基本指令
引子本节课 我将教大家一些 linux 常用指令首先 我们需要一个 linux 系统有三种方式可以获取买一台服务器( 简单但 纯命令行 不推荐装虚拟机装 linux 系统下载镜像官网链接选择桌面版建议大家可以装一个桌面版的( 体验一下不同的操作系统选择要下载的版本( 目前 19.10 是最新的安装使用虚拟机安装虚拟机是什么vm官网链接激活...
2019-11-07 11:26:34
473
1
原创 js 事件机制
title: js 事件机制time: 2019-11-6author: wsmmail: 1030057982@qq.com监听事件var EventUtil ={ addHandler: function(element, type, handler){ //w3c if(element.addEventListener){ ...
2019-11-07 10:34:39
120
原创 做一个酷网站(2)
成品成品源码接上篇博客 相信你根据 Demo 的源代码 已经可以制作一个简单的动态网站了核心思想同时动态修改 style 标签 和 页面上 某个元素的内容产生一种网站在动态展示的效果知识点ES6 箭头函数使用setInterval(fn, n)substring(n, m)document.querySelector()dom 元素 innerHTML 修改...
2019-10-30 21:28:26
183
原创 做一个酷网站(1)
成品成品源码前置知识( 先了解这 3 个函数的基本用法setInterval(fn, n)substring(n, m)document.querySelector()核心让 css 代码 和 dom 节点的内容 同时被渲染可以理解 为一行一行 的展示 css 代码对页面的影响Demo源码...
2019-10-23 20:08:08
235
原创 我,必须强
引子本文主要记录 今年国庆期间发生的一些事情及思考 本来计划早早写完 怎奈最近一直比较忙 没有时间背景大学生挑战杯投入1个多月的时间 最后只拿到国三 感到十分可惜前端还进行了版本重构感悟感到十分可惜 毕竟在上面投入了太多精力和时间 从来没在任何一个比赛上 投入这么多 做到完全可以上线试讲的程度在对代码进行重构的过程用了 考虑了 代码的可维护性 可拓展性 而且养...
2019-10-17 12:09:28
300
原创 git 入门
简介[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZDIPmqJD-1571277870681)(https://img.wsmpage.cn/learning/2019-9-30/1569805768299.png)]Remote 远程仓库Repository 本地仓库Index/Stage 暂存区WorkSpace 工作区常用命令git in...
2019-10-17 10:04:46
169
原创 http/2
title: http2time: 2019-10-16author: wsmmail: 1030057982@qq.com前身SPDYSPDY 是 Google 开发的一个实验性协议,于 2009 年年中发布,其主要目标是通过解决 HTTP/1.1 中广为人知的一些性能限制来减少网页的加载延迟SPDY 引入一个新的二进制分帧层,以实现请求和响应复用、优先级和标头压缩,目的...
2019-10-16 11:08:05
224
原创 开发者工具使用 初步
开发者工具使用F12 调出开发者工具右侧 竖着3个点 可选择其位置开发者工具 最上面一行 可查看该网页加载的所需的各种资源过滤不同的资源点击该按钮后 可查看选中的页面元素的样式 与 信息 并可在控制台直接修改...
2019-10-10 16:10:09
232
原创 阿里云服务器 无法远程访问
开放端口修改本机防火墙// 以 centos 为例firewall-cmd --permanent --zone=public --add-port=3306/tcpsystemctl start firewalldsystemctl status firewalldsystemctl stop firewalld修改阿里云安全组策略自查先保证本机可访问提示...
2019-10-07 14:46:41
235
原创 一点思考
围城他所说的’让她三分’, 不是’三分流水七分尘’的’三分’, 而是’天下只有三分月色’ 的 ‘三分’被围困的城堡, 城外的人想冲进去, 城里的人想逃出来关于学习我擅长动手,不喜欢理论,所以我不学理论。这种想法并不酷,它往往是出于恐惧,是一种对知识的逃避...
2019-10-06 11:16:21
133
原创 浏览器 URL 输入 到页面展示 发生了什么
序老生长谈的问题一个普通的问题 却能大致看出一个人的基本水准过程域名解析-TCP分包-IP寻路-握手-滑动窗口传输-持久化连接-挥手-解析-构建dom树与cssom-构建渲染树-回流-重绘-渲染...
2019-10-02 11:25:36
106
原创 网络协议--学习篇(三)
一些概念静态路由其实就是在路由器上,配置一条一条规则。根据不同的规则 从不同的口出MAC 地址 与 IP 地址 在发送时的变与不变MAC 地址是一个局域网才有效的地址(MAC 地址 只要经过网关 必定会改变)转发型网关不改变 IP 地址的网关NAT 网关改变 IP 地址网关通过这个过程可以看出,每到一个新的局域网,MAC 都是要变的,但是 IP 地...
2019-09-29 09:04:10
77
原创 设计模式---再学习
理解使用前人 总结好的经验 技巧有助于写出健壮的 可维护的代码核心封装变化原则开放-封闭原则软件实体(类 对象 函数) 可以拓展 不可以修改构造器模式function User(name , age, career) { this.name = name this.age = age this.career = career }c...
2019-09-29 08:25:15
91
转载 js 垃圾回收
JavaScript垃圾回收的机制很简单:找出不再使用的变量,然后释放掉其占用的内存,但是这个过程不是时时的,因为其开销比较大,所以垃圾回收器会按照固定的时间间隔周期性的执行由于字符串、对象和数组没有固定大小,所有当他们的大小已知时,才能对他们进行动态的存储分配。JavaScript程序每次创建字符串、数组或对象时,解释器都必须分配内存来存储那个实体。只要像这样动态地分配了内存,最终都要释放这...
2019-09-25 22:20:36
111
转载 js this 指向
JS 函数调用 4 种模式Function Invocation Pattern无论在哪 直接调用函数名 this 指向 windows箭头函数中的 this 只取决包裹箭头函数的第一个普通函数的 thisfunction printThis() { console.log(this) let print = function () { console.log(this) }...
2019-09-25 10:51:41
96
原创 小结与反思
Overview本文记录2019年 暑假及开学近一月的状况 及一些反思Event logStudy对比赛小程序 前端界面进行重构部署社团报名项目学习 设计模式 计算机网络 算法 的相关知识Life购置升降桌皮卡丘Reflection在很多地方 很多时候 并没有拼尽全力 可以预见的是在以后的某个时间段 必然会追悔莫及一个假期过去 感觉自己的水平 并没有一个十...
2019-09-14 16:30:54
244
原创 19-09摘录
与时间做朋友无形之间 我们就被环境塑造 可是与此同时 正在塑造我们的环境 也是我们(参与)塑造的…要做一个用心的人 要用心做事 因为这个世界其实也是有’心’的大多数中国学生之所以最终未能掌握英语 其实就是自证预言的实现每个人的能力是不同的,无论是理解力,观察力,还是获取有效信息的能力我要说的是 爱迪生的‘案例’只能告诉我们: 爱迪生非常努力,非常勤奋,热爱工作,热爱生活。但是,这个‘案...
2019-09-14 10:24:35
98
原创 数据结构与算法(一)
Why修炼内功 ( 想成为一名优秀程序员 必备用更优的方法去解决问题在访问量 或 数据量 很大的时候 ( 如果 能对算法 复杂度 做优化 将会大大减少机器的运算量 )大厂面试 必问WhatHow通过在极客时间 专栏 和 视频的学习 基本算法和数据结构 知识并做笔记letcode 刷题时间复杂度定义时间复杂度的全称是渐进时间复杂度,表示算法的执行时间与数据规模之...
2019-09-11 08:01:05
111
原创 网络协议--学习篇(二)
IP 地址分类对于 A、B、 C 类主要分两部分,前面一部分是网络号,后面一部分是主机号。这很好理解,大家都是六单元 1001 号,我是小区 A 的六单元 1001 号,而你是小区 B 的六单元 1001 号这里面有个尴尬的事情,就是 C 类地址能包含的最大主机数量实在太少了,只有 254 个。当时设计的时候恐怕没想到,现在估计一个网吧都不够用吧。而 B 类地址能包含的最大主机数量又...
2019-09-10 19:53:18
160
原创 在微信小程序使用阿里矢量图标
在微信小程序使用阿里矢量图标首先 选图标 并将代码下载至本地https://transfonter.org/ ( 去该网站 将下载 .ttf 文件 转成 base64 )建 xxx.wxss 文件在 app.wxss 引入...
2019-08-29 08:02:06
296
原创 设计模式(补充)
设计原则单一职责原则一个对象(方法)只做一件事情最少知识原则对客户屏蔽子系统的复杂性 只暴露必要的接口 API 对外界访问开发-封闭原则软件实体(类 模块 函数)等应该是可扩展的 但是不可修改当需要改变一个程序 或者给这个程序增加新功能的时候 可以使用增加代码的方式 但不允许修改程序的源代码代码重构提炼函数避免出现超大函数独立出来的函数有助于代码的...
2019-08-28 16:12:18
79
原创 Event Loop
Whatevent loop是一个执行模型,在不同的地方有不同的实现。浏览器和NodeJS基于不同的技术实现了各自的Event LoopHow宏队列,macrotask,也叫tasks。 一些异步任务的回调会依次进入macro task queue,等待后续被调用宏队列,macrotask,也叫tasks。 一些异步任务的回调会依次进入macro task queue,等待后续被调用...
2019-08-22 13:55:46
81
原创 javascript 基础( 二 )
什么是提升?什么是暂时性死区?var、let 及 const 区别函数提升优先于变量提升,函数提升会把整个函数挪到作用域顶部,变量提升只会把声明挪到作用域顶部var 存在提升,我们能在声明之前使用。let、const 因为暂时性死区的原因,不能在声明前使用var 在全局作用域下声明变量会导致变量挂载在 window 上,其他两者不会let 和 const 作用基本一致,但是后者声明的变量...
2019-08-21 16:36:07
105
原创 javascript 基础( 一 )
数组操作push pop shift unshift splice 在原数组基础上修改concat slice filter 返回一个新数组filter 过滤操作,筛选符合条件的所有元素,若为true则返回组成新数组map 映射操作,对原数组每个元素进行处理,并回传新的数组reduce 归并操作,总共两个参数,第一个是函数,可以理解为累加器,遍历数组累加回传的返回值,第二个是初始数值。如...
2019-08-19 22:34:57
112
原创 网络协议--学习篇(一)
Why通过网络协议,才能使一大片机器互相协作、共同完成一件事试想当你打开电脑 运行各种软件 执行不同的操作时 你可能会惊叹科技给我们带来的便利但你可曾想 why?一条条信息是怎样在 一个庞大的计算机网络中传输 并精确的送达如果你有机会去一探背后的原理 那么又何必犹豫呢A simple example当你 打开一个网页 发起一个请求时 会经过一层层的协议 最终送达目标服务器...
2019-08-17 16:43:34
101
原创 计算机组成原理(二)
计算机性能如果将计算机比作一个搬砖工人响应时间( 执行时间 ) ( 跑的更快 )我们执行一个程序,到底需要花多少时间吞吐率( 带宽 ) ( 搬的更多 )在一定的时间范围内 处理的数据或者执行的程序指令提升吞吐率的办法有很多。大部分时候,我们只要多加一些机器,多堆一些硬件就好了但是响应时间的提升却没有那么容易,因为 CPU 的性能提升其实在 10 年前就处于“挤牙膏”...
2019-08-17 14:05:22
448
原创 19-09 摘录
黑客与画家只有在成为某个领域专家之后,你才会听到心里有一个细微的声音说:“这样解决太糟糕了!一定有跟好的选择” 不要忽视这种声音 要培育它们 优秀作品的秘诀就是: 非常严格的品味 加上实现这种品味的能力...
2019-08-17 13:47:33
90
原创 HTTP协议-学习笔记(六)
HTTP传输大文件的方法数据压缩解决方法也有个缺点,gzip 等压缩算法通常只对文本文件有较好的压缩率,而图片、音频视频等多媒体数据本身就已经是高度压缩的,再用 gzip 处理也不会变小(甚至还有可能会增大一点),所以它就失效了分块传输大文件整体不能变小,那就把它“拆开”,分解成多个小块,把这些小块分批发给浏览器,浏览器收到后再组装复原浏览器和服务器都不用在内存里保存文件的全部,每次只...
2019-08-16 09:15:11
382
原创 XSS XSRF 介绍与防范
XSSDefinition存储型 XSS反射型 XSSDOM 型 XSSDOM 型 XSS 跟前两种 XSS 的区别:DOM 型 XSS 攻击中,取出和执行恶意代码由浏览器端完成,属于前端 JavaScript 自身的安全漏洞,而其他两种 XSS 都属于服务端的安全漏洞。Demo攻击者发现 http://m.exmail.qq.com/cgi-bin/login?uin=aa...
2019-08-15 11:59:24
723
原创 重学前端--浏览器部分(一)
大概过程浏览器首先使用 HTTP 协议或者 HTTPS 协议,向服务端请求页面把请求回来的 HTML 代码经过解析,构建成 DOM 树计算 DOM 树上的 CSS 属性最后根据 CSS 属性对元素逐个进行渲染,得到内存中的位图一个可选的步骤是对位图进行合成,这会极大地增加后续绘制的速度合成之后,再绘制到界面上从 HTTP 请求回来,就产生了流式的数据,后续的 DOM 树构建、C...
2019-08-13 12:05:10
118
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人