自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 【上班摸鱼系列】文字选择类游戏:《职员默示录 - 启》末日丧尸爆发,你,是什么下场!?

说在前头玩该游戏时,你应该做到的事情只能玩一次(因为第二次玩就不是你真正的抉择了)可以深思熟虑,但必须遵从你内心的安排,忌被“这样选应该更好吧”的想法而左右沉下心来,单独玩角色定位姓名:小郭性别:男职业:程序员工龄:5年右侧为目录,便于题目的跳跃第一章节《乱世,起》题目1刚来上班,今天的天气就开始灰暗了起来,像要下雨,不知为何你心绪不宁了起来,开启电脑,落下座...

2019-06-28 17:26:35 4672 2

原创 【插件】cors:vscode cors扩展 - 解决跨域开发最终版

说在前头解决跨域的方式不下7 8种,类似的文章我也发表过,但开发路上总会遇到一些奇奇怪怪的限制,让你始终没法easy调试,这次我干脆写了个vscode扩展,伴随开发工具一起完灭Access-Control-Allow-Origin一、下载vscode扩展应用商店搜索“cors”下载即可2、分步式处理const test = a => { a++ return b =&...

2019-04-01 19:50:17 6042

原创 【前端面经】面试:最快最全面的渗透应聘者真实水平

说在前头所有的面试官、技术主管都是从应聘者的身份过来的,相信大家都有非常丰富的面试经验,里面有发展中的创业公司,有达到一定规模的上市公司,也分独资的、合企的,有开发团队百人以上的,也有少数精英团体的。但在应聘者角度下以下几种情况常有发生:1、笔试题太偏太难或不符合当前应聘者的水准导致刷掉。 2、太久没接触一个框架(例Vue)导致面试答不上来。 3、面试官问冷门知识导致只了解了应聘者局部...

2018-03-22 17:45:11 2587

原创 【JS】去NM的文字验证码

声明转载请注明出处严禁商用化写在前头大声告诉我,今天咋们摸鱼团队要来干什么?什么?看B站?呃(⊙o⊙)…不对,今天咋们要来干掉B站的图文验证码!觉得啰嗦的可以跳过这一段相同类似的文章,我也有发表过,就比如《【JS】去NM的视频广告》干掉了“爱奇艺、腾讯、芒果Tv”的视频广告,当然还有没(bu)发(gan)表(fa)过(biao)的文章,就比如《xx大学在线视频加速攒学分》、《xx大学在线考试一键满分》、《xx游戏自动xx脚本》等等等等他们都是利用一种语言或多种语言协作开发并利用某.

2020-07-28 15:57:19 668

原创 【JS】节点截图的最终解决方案dom-to-image与html2canvas

说在前头这篇文章面向的人估计不多,所以我也不大篇幅的介绍这是干啥的了…起先,我是单纯想用domtoimage来解决我节点的截图的,但尝试了无数种方案,终是让我败下阵来原因有仨不使用代理且必须不能本地引入兼容所有移动端(难点在safari)必须得到png图的下载(请注意:domtoimage的svg导出模式是可行的,但除非你是下载svg格式,否则转来转去永远也无法变成png的base64,这是一个看似有希望,但实则是一面南墙的坑)敲鼓了一天半,最终得出的方案是dom-to-image与ht

2020-05-21 16:26:05 4901

原创 【插件】gbel:es2015脚本 - 0配置高性能的编译工具

说在前头类似的编译脚本有很多,有人会问,babel都一统江湖了,还管你bubel、gbel什么事?没错,主打0配置高性能的gbel,终将归入冷门,因为他创建的初衷是我个人团队所用的当然冷门原因还有其他:个人开发 - 含有不确定性覆盖常用的api以及es6语法,但有个人主观意识,例如promise、async就没有适用性缺乏,不支持vue、react、ag解析,也没有其他扩展支持需要...

2019-12-20 15:57:05 356

原创 【算法】面对后端返回的上万条json数据 - 读取渲染修改,你会优化到哪一步?

说在前头别说不可能会遇到,确实,正常情况下是不会有那么大的数据的,用户也不可能干等着你,content Download都要炸,所以前台界面估计不多,但在后台的大数据分析、gis监控、自动采集等的环境下还是较为常见的。开始假设下面有这样的一段后端代码返回let obj = [{ title: '中国', key: 'a_0', pos: [1, 2], child: [...

2019-04-19 18:20:06 2327

原创 【react】【ts】架构、书写规范

说在前头React因为jsx的模式,比Vue的写法更多,更杂乱,但胜在社区广,开发者多,作为Facebook为后盾的开发者团队们,更是底蕴深厚,出了一套又一套的扩展插件,理念也各不相同,有react-router3/4扁平化结构与过程式开发的碰撞,有css in js与传统less、sass等的交错,确实,他们让react的羽翼更加丰满,选择上更加自由,不过如此带来的代价就是规范上无法统一,在...

2018-09-17 12:45:03 4628 2

原创 【库】利用ES6 默认传参Default Parameters改善柯里化应用

说在前头“一切皆对象”不知几何起已成为一种语言的楷模,一种对写法规范的标准,但其实各种语言依然有他们自身的精彩与美丽,更何况当今多数插件的底层,算法仍无法避免面向过程的书写(我们无法否认if else给我们带来的便捷),所以在面向对象化的今天,我仍要聊一聊过程化的极致以及写法的优化 TIPS:偏函数与柯里化的区别就不再概述一、以往的柯里化执行1、集中式处理const ...

2018-07-18 15:23:32 297

原创 【库】Generator:8行代码优雅解决异步嵌套

Generator的核心“计步功能”亦可解决异步嵌套的问题,一定情况下的封装可替代PromisePromise的简易实现,可看该篇文章【库】Promise的简便实现,15行代码优雅解决异步嵌套一、核心函数的定义function *AJAX (opt) { for (let i = 0; i < opt.length; i++) { let { ...

2018-07-16 11:33:32 329

原创 【库】requestAnimationFrame:raf封装为setInterval格式,书写更加得心应手

说在前头requestAnimationFrame的概念我就不细说了,总之就是setInterval,setTimeout的替代品,性能更优一些。一、类的定义阶段class Pro { constructor (fn) { this.arr = [] this.count = -1 fn(this) } then (r) { if (...

2018-07-09 14:43:45 572

原创 【Chrome】Chrome-devtools:对ios-safari移动端的H5页面进行调试(ios-webkit-debug-proxy)

说在前头 要看干货的,可跳过该“说在前头”章节该类文章,百度上“一挖一麻袋”,但说句不好听的,“一个能打的都没有”,总结如下:scoop:win7下,搞这个都烦的一批,到最后“scoop install ios-webkit-debug-proxy”,跟我说要翻墙?下了一堆有的没的npm插件,最后还是没法用。到最后一步了,NMP跟我讲“能看,但没法debug调试”,我砸键盘...

2018-06-29 14:33:20 10716 10

原创 【个人总结】es6箭头函数以及es5的this指向问题

以下js比较示例,引用“小小小小小亮”同学点击我,跳转至他的分析结果一、比较并分析下例代码的this指向问题var a=11function test1(){ this.a=22; let b=function(){ console.log(this.a); }; b();}var x=new test1();输出11var ...

2018-05-03 17:17:22 580

原创 【个人总结】Vue:使用总结/感悟

Vue在16年用过几次,17年用过几次,断断续续到如今,猛然惊醒,自己已经不是那个懵懵懂懂的青涩少年了, 回过头,看待框架的思路已与以往截然不同,这次借离职自学的一段日子,对它做个简单的总结吧。一、SEO旁人A:‘你那样用模板渲染,不易于seo!’ 旁人B:‘你咋又用字符串拼接拉,js输出的dom不利于seo!’ 旁人C:‘巴拉巴拉……’不知几时总有人在耳旁B...

2018-04-23 16:42:24 1889

原创 【库】Promise的简便实现,15行代码优雅解决异步嵌套

该Promise的实现,只解决异步嵌套的问题,并没有其他All之类的方法哦。一、类的定义阶段class Pro { constructor (fn) { this.arr = [] this.count = -1 fn(this) } then (r) { if (typeof (r) === 'function') { this.arr.p

2018-04-23 14:51:10 321

原创 【框架】itera-cli:项目迭代一体化工程框架(总纲)

介绍一、itera-cli 是什么itera (读音 /ɪtəˈreɪ/) 基于webpack,是一套用于项目迭代的工程式框架。与其它框架不同的是,itera-cli自身封装的一套继承体系并着重用于项目的迭代,既有着导入模块的es6思想,也开放着第三方插件或库的静态引入。 itera-cli将项目模块化,又模块化项目,它不依赖于任何业务,更可多端开发。 itera-cli有着严...

2018-04-09 10:59:43 353

原创 【框架】itera-cli(初阶教程)

一、初观目录 一个合格的开发人员,应该从目录上着手,而不是茫然于代码之中。经过itera init demo之后,目录即是这样的node_modules // 一堆依赖dist // 打包后的文件option // 构建项目的重点 |--build // 预...

2018-04-04 09:52:27 368

原创 【JS编写规范一】库 || 组件:ES5书写示栗

【JS编写规范一】库 || 组件:ES5书写示栗以下所有示栗以【JQ】为主(白盒模式仅供参考)一、书写方式之 —— “工厂模式”function $$(a) { var dom = document.getElementById(a) return { css: function(klass) { var css = window.getCo

2018-03-21 12:09:14 589

原创 【插件】JS维护nginx反向代理,妈妈再也不用担心我跨域了!

一些废话(直接看代码的可跳过)“跨域了,咋搞啊!” “问你自己啊,我们后台不配合解决的。” “你们写几句话就好了啊,cors、jsonp、header ……” “搞不来!不合法!不安全!……” “卧槽,这接口又跨域了,我CNMLGB” “你TM不会自己url-get、form-post、写nginx代理啊!” ……几个月后“这接口跨域了!” “写反向代理啊,上次你不是弄...

2017-12-20 11:31:00 4087 2

原创 【动画】简易制作贝塞尔曲线动画(JS+css3+canvas)

一些废话(直接看代码的可跳过)贝塞尔曲线:什么是贝塞尔曲线?用过PS的就知道,那破钢笔工具就是,什么,没用过?自行百度用法。 需要的工具ctrl+c、ctrl+v直接上代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <...

2017-11-30 22:22:50 5190

原创 【插件】打造属于自己的cnpm/npm安装,生成自定义项目架构

一些废话(直接看代码的可跳过)现在前端圈子框架繁多,不乏一些自主研发或合作开发的公司内部框架,模块/组件化、框架设计理念、架构分析、底层封装等去搭建高楼大厦的骨架,为的就是“维护、复用、二次开发、高效”等理念,浓缩就是两字好用(toulan)公司内部研发的框架体系一般都会趋向于图形化、可视化,不过大多数都会做到最后一步,那就是模块化的选择了该结构,该样式(皮肤)然后想去一键生成这个项目的时...

2017-11-30 18:26:50 2343

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除