前端
文章平均质量分 95
苏南South
这个作者很懒,什么都没留下…
展开
-
谷歌浏览器插件扩展引起的报错 Unchecked runtime.lastError: The message port closed before a response was received.
Unchecked runtime.lastError: The message port closed before a response was received.7Error handling response: TypeError: Cannot read property 'bPlugin' of undefined at <URL>今天一个错误折腾了我很久,...原创 2019-11-21 17:04:51 · 3588 阅读 · 0 评论 -
"狗屁不通文章生成器"登顶GitHub热榜,分分钟写出万字形式主义大作
GitHub 被誉为全球最大的同性交友网站,……,陪伴我们已经走过 10+ 年时间,它托管了大量的软件代码,同时也承载了程序员无尽的欢乐。万字申请,废话报告,魔幻形式主义大作怎么写?兄dei,狗屁不通文章生成器了解一下。这个富有灵魂的项目名吸引了众人的目光。项目仅仅诞生一周,便冲上了GitHub趋势榜榜首(Js中文网 -前端进阶资源教程)、是榜首哦原创 2019-11-14 08:49:53 · 18423 阅读 · 12 评论 -
Announcing TypeScript 3.7 RC,Javascriptc China
Announcing TypeScript 3.7 RC,October 24th, 2019,We’re pleased to announce TypeScript 3.7 RC, the release candidate of TypeScript 3.7. Between now and the final release, we expect no further changes except for critical bug fixes,www.javascriptc.com翻译 2019-11-05 07:51:20 · 883 阅读 · 0 评论 -
大厂都在裁员,你还敢说老了学不动吗?
就在上月,也一度被传的沸沸扬扬的:阿里、京东、华为相继被曝停止社招,新闻也是满天飞舞,不管是裁员,还是停止社招,这些事情没有落在亲身经历,没有落在自己身上我们都会觉得`不痛不痒`,毕竟一个旁观者,永远无法感受当事人的喜怒哀乐~。嗯,好好学习吧,React、webpack、vue都更新了,加油原创 2018-11-28 12:41:31 · 11731 阅读 · 16 评论 -
React16.7 hooks初探之定时器引发的问题
react-hooks linter fails with unusual for loop Type: Bug.大概意思是组件已经卸载了,但在卸载之后还执行了一个对组件更新的操作,这是一个无效的操作,但它表示应用程序中存在内存泄漏。要修复,请取消useEffect cleanup function.in Notification 中的所有订阅和异步任务: Can't perform a React state update on an unmounted component. This is a no-o原创 2018-12-05 19:44:20 · 7041 阅读 · 0 评论 -
大家好 这就是2018年的我~
2018年终总结,2019请记得对我好点哦~,大家好,今天周五,明天就是周末,再过几天也就是2019,2018即将成为过去,昨晚抽时间对自己的2018做了个年终总结,今天跟大家汇报一下。欢迎大家一起交流前端、react\vue、webpack等技术,IT平头哥加油哦,2019年会更好的呢~原创 2018-12-14 21:06:28 · 906 阅读 · 1 评论 -
Eruda 一个小而美的移动端调试神器
Eruda 是一个专为手机网页前端设计的调试面板,类似 DevTools 的迷你版,其主要功能包括:捕获 console 日志、检查元素状态、捕获XHR请求、显示本地存储和 Cookie 信息等等,虽说日常的移动端开发时,一般都是在用Chrome DevTools浏览器的移动端模式模拟各种手机型号来进行开发和调试,确保功能/页面展示等都没有问题了,才会提交测试;那就也就有调试,说到调试工具,大家可能对于fiddler、Charles、chrome devtools、Firebug、还有Safari远程调试等原创 2018-12-24 07:57:05 · 2901 阅读 · 3 评论 -
深入了解JavaScript 中的For循环之详解
前言: 今天我想分享一个有关于循环筛选的知识点,也许是前端小白的你首先想到的是用for循环做筛选,但我这种小菜鸟想到的就是map(工作中很喜欢用= =),学过数据结构的小伙伴也肯定知道,线性表这些跟循环也息息相关,包括你出去面试的时候或许你遇到过这样的问题,map和forEach的区别?去重的几种方式?说实话,forEach我真的很少用,但不满足于现状的我,觉得应该多学习几种。我是前端挖坑妹...原创 2018-12-28 13:14:05 · 695 阅读 · 0 评论 -
迟来的2018总结之2019启航
前言岁月不居,时节如流,转眼间都到2019年1月中旬了,时间过的好快,说好的周末睡到自然醒,但还是跟以往一样,到上班时间就醒了,这算不算心里只有工作呢?醒来无聊,看新闻是不存在的、而撩妹又是不可能的,于是来掘金翻看了下2018年写的博客,最后的总结就是:发现今天的你,回头看过往/或昨天的自己,总会不自觉的在问:“那个傻X是我?”,就像写代码,写的时候只有你跟上帝知道,一个月之后只有上帝知...原创 2019-01-15 08:00:20 · 535 阅读 · 0 评论 -
leetcode面试题解题 - 罗马数字转整数 -JS版
最近在复习一些前端的面试题,在leetcode上刷了下,由简单的开始,再慢慢深入,昨天遇到个题,蛮有意思的,Javascript版本的解题思路,虽然是「简单」级别的题,但还是值得分享一下的,欢迎大佬们补充自己的实现方式。题:罗马数字转整数 -JS版罗马数字包含以下七种字符: I, V, X, L,C,D 和 M。字符 数值I 1V ...原创 2019-03-14 16:32:44 · 610 阅读 · 0 评论 -
leetcode面试题解题 - Array-解题:旋转图像
给定一个 n × n 的二维矩阵表示一个图像。将图像顺时针旋转 90 度。说明:你必须在原地旋转图像,这意味着你需要直接修改输入的二维矩阵。请不要使用另一个矩阵来旋转图像。示例 1:给定 matrix = [ [1,2,3], [4,5,6], [7,8,9]],原地旋转输入矩阵,使其变为:[ [7,4,1], [8,5,2], [9,6,3...原创 2019-09-17 17:13:28 · 436 阅读 · 0 评论 -
5 种可能衰败的编程语言
前言: Not all programming languages endure forever. In fact, even the most popular ones inevitably crumble away, as new generations of developers embrace other languages and frameworks they find eas...转载 2019-09-18 07:45:48 · 600 阅读 · 0 评论 -
去大公司,还是小公司?
前言: 职场生涯总会面临着选择,尤其对我们这些 IT 人来说,跳槽的频率应该是所有行业中相当大的了。那么我们跳来跳去,究竟该选择什么样的公司 ?大 or 小 。工作三年多了,经历一大一小,最近也面试了不少家公司,形态各异,说说自己的感受想法。在小公司中,给我个人的印象大多数环境都不怎么样。定义下这个小公司规模吧,在几人到几十人吧,反正不会超过100人。亲历一家小公司, 面试见过数家小...转载 2019-09-18 07:55:33 · 668 阅读 · 0 评论 -
国庆长假正嗨时~ Vue 3.0 源码来了
Vue 3 源码开放了:网页链接 (目前依然是 pre-alpha 状态,但主要的架构改进、优化和新功能都已经完成,剩下的主要是完成一些 Vue 2 现有功能的移植……原创 2019-10-05 21:09:32 · 594 阅读 · 0 评论 -
ES6的Symbol竟然那么强大,面试中的加分点啊
symbol是es6出的一种类型,他也是属于原始类型的范畴(string, number, boolean, null, undefined, symbol),symbol for这个东西是可共享,在创建的时候会检查全局是否寻在这个key的symbol.如果存在就直接返回这个symbol,如果不存在就会创建,并且在全局注册。转载 2018-12-02 12:59:06 · 1117 阅读 · 0 评论 -
小程序项目如何设置资源的防盗链?
做过前端,或对小程序有些了解的同学都知道,小程序是没有域名访问概念的,访问的路径都是以:“/pages/index”、“/pages/my”这种方式进行页面跳转的。域的概念从何而来?于是在项目中,把Network面板的信息看了又看,查看Headers信息,看到Referer这里有一个没见过的域名把整个页面请求头,百度搜索无果,最后还是谷歌告诉我,小程序也是有个域名的,最后设置了防盗链原创 2018-11-26 23:11:24 · 2360 阅读 · 0 评论 -
从零开始搭建属于你的React/redux/webpack脚手架
大家好,我是苏南,今天要给大家分享的是&amp;amp;amp;lt;&amp;amp;amp;lt;我的react入门到放弃之路&amp;amp;amp;gt;&amp;amp;amp;gt;,当然,也不是真的放弃啦~~哈哈,这篇博客原本是从17年初写的,一直没有在csdn发布,希望今天不会太晚,望各位老司机勿喷!上图可以找亮点,留言答对有奖哦~~~~最近看到很多react相关的问题跟讨论,越来越多的小伙伴喜欢这个框架了, 同时也在看原创 2018-09-21 21:37:10 · 1427 阅读 · 0 评论 -
做完小程序项目、老板给我加了6K~
大家好,我是苏南,今天要给大家分享的是最近公司做的一个小程序项目,过程中的一些好的总结和遇到的坑,希望能给其他攻城狮带来些许便利,更希望能做完之后老板给你加薪~今天是中秋节的第一天,假日的清晨莫名的醒的特别早,不知道为什么,也许是因为,昨晚公司上线的项目回来的路上,发现了个小bug,心里有些忐忑,一会偷偷先改了,让领导发现这个月绩效就没了~~以上纯为扯淡,现在开始一本正经的装...原创 2018-09-22 14:08:34 · 2864 阅读 · 1 评论 -
曾经面试踩过的坑,都在这里了~
前段时间面试(包括阿里巴巴的电话面试),遇到过一些面试题,且面试中出现机率较高的提问/笔试,有些答的不是很好挂掉了,今天终于有时间整理出来分享给大家,希望对大家面试有所帮助,都能轻松拿offer。!&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; 主要分三部分:html、css、js;react/vue等都归类于js,内容来源于面试过程中遇到的、在复习过程中看到认为值得加深巩固、群友交流分享的;如有理解的错误或不足之处,欢迎留...原创 2018-10-18 08:26:19 · 2884 阅读 · 1 评论 -
这份性能优化清单,你都做了吗?
这里是@IT·平头哥联盟,我是`首席填坑官`——[苏南](South·Su),前些天分享了一篇前端面试汇总的文章,有些同学在群里问了其中的一些细节,其中大家最关的性能优化,今天整理了分享给大家原创 2018-10-22 08:06:48 · 1859 阅读 · 0 评论 -
immutability因React官方出镜之使用总结分享!
数据拷贝、引用之间数据层级嵌套过深,拷贝的值相互之间影响的问题,后来引入了immutability-helper,被它简洁而强大所吸引,帮分享给大家,介绍它基本的用法,及常见的错误处理和坑点!原创 2018-10-29 08:22:12 · 1756 阅读 · 1 评论 -
草根~手把手教你如何绘制一辆会跑车
canvas手把手教您如何绘制一辆跑车,详细讲解整个绘制的过程,API的使用,以及注意的事项,让你对前端js/canvas技术有一个更详细的理解,更扎实的基础,工作中少走弯路!原创 2018-10-24 22:50:35 · 1917 阅读 · 0 评论 -
如何给localStorage设置一个过期时间?
带你一点一点分析前端存储,如何给localStorage、getStorageSync(小程序),设置一个有效期,让使用cookie一样使用它们,让你不再为数据存储的问题而忧心,更多精品文章尽在 Js中文网 - 前端进阶资源教程原创 2018-11-01 13:03:46 · 63214 阅读 · 10 评论 -
浅谈easy-mock 最好的备胎没有之一
什么是Mock?? Mock其实就是真实数据存在之前,即调试期间的代替品,是个虚拟的存在,用人话讲它就是个备胎,今天为您分享Easy Mock,Easy Mock是一个可视化,并且能快速生成 模拟数据 的持久化服务, Easy Mock 支持基于 Swagger创建项目,以节省手动创建接口的时间,更高效,小程序、h5、app/ios/android开发人员都可以用,更多精选尽在[Js中文网-前端进阶资源教程,www.javascriptc.com]原创 2018-11-06 22:19:33 · 41818 阅读 · 15 评论 -
小程序项目之填坑小记
小程序canvas 图片合成,获取到图片的地址后,隐藏canvas,改用image标签显示, css scale 缩放canvas ,draw绘制后失效,循环引用问题等总结原创 2018-11-04 08:18:12 · 1323 阅读 · 1 评论 -
如何用CSS3画出懂你的3D魔方?
本期给大家带来是结合CSS3画出来的一个立体3d魔方,结合了js让你随心所欲想怎么转,就怎么转,主要使用了CSS的tranform、transition、-webkit-perspective、animation、rotate、translate、scale、radial-gradient、linear-gradient等API原创 2018-11-05 08:18:16 · 1528 阅读 · 0 评论 -
webpack4配置详解之慢嚼细咽
Webpack4+配置详解,旨在帮大家加深理解、新手更容易上路,都能从0到1搭建配置自定属于自己的脚手架,本文详细讲解webpack的每一个配置字段的用途,以及redux、react、react-router的结合使用,entry、output、node_modules等加深对配置的理解,还有webpack4新增的optimization、runtimeChunk、UglifyJsPlugin、HtmlWebPackPlugin、ExtractTextPlugin结合的使用,原创 2018-11-12 07:54:45 · 1366 阅读 · 1 评论 -
CSS3 3D Swiper思路分析之性感美女秀
老司机双十一厚礼之玩转 3D Swiper 性感秀之思路分析总结,由3D魔方衍生,画出美女性感秀,使用css3、transform、transform-origin、等样式,配置javascript一步步带你分析实现swiper的实现过程,希望对大家有所帮助,双十一快乐,程序员你脱单了吗?webpack、小程序等分享原创 2018-11-16 13:05:07 · 1322 阅读 · 1 评论 -
webpack4配置详解之常用插件分享
Webpack4+配置常用插件的使用,和一些技巧的心得,旨在帮大家加深理解、新手更容易上路,本文详细讲解webpack的使用率较高的插件,以及redux、react、react-router的结合使用,entry、output、node_modules等加深对配置的理解原创 2018-11-19 08:16:59 · 1025 阅读 · 1 评论 -
该如何以正确的姿势插入SVG Sprites?
SVG Symbol : SVG英文全称为( Scalable Vector Graphics),意思为可缩放的矢量图形。它是基于XML,由W3C联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言,可让你设计激动人心的、高分辨率的Web图形页面,SVG是一种采用XML 来描述二维图形的语言,那么symbol元素是什么呢?单纯翻译的话,是“符号”的意思,然我的理解是symbol元素用来定义一个图形模板对象,原创 2018-09-21 14:29:15 · 1468 阅读 · 0 评论