javascript
文章平均质量分 95
苏南South
这个作者很懒,什么都没留下…
展开
-
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 · 1156 阅读 · 0 评论 -
webpack4配置详解之常用插件分享
Webpack4+配置常用插件的使用,和一些技巧的心得,旨在帮大家加深理解、新手更容易上路,本文详细讲解webpack的使用率较高的插件,以及redux、react、react-router的结合使用,entry、output、node_modules等加深对配置的理解原创 2018-11-19 08:16:59 · 1031 阅读 · 1 评论 -
ES6的Symbol竟然那么强大,面试中的加分点啊
symbol是es6出的一种类型,他也是属于原始类型的范畴(string, number, boolean, null, undefined, symbol),symbol for这个东西是可共享,在创建的时候会检查全局是否寻在这个key的symbol.如果存在就直接返回这个symbol,如果不存在就会创建,并且在全局注册。转载 2018-12-02 12:59:06 · 1122 阅读 · 0 评论 -
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 · 7070 阅读 · 0 评论 -
Eruda 一个小而美的移动端调试神器
Eruda 是一个专为手机网页前端设计的调试面板,类似 DevTools 的迷你版,其主要功能包括:捕获 console 日志、检查元素状态、捕获XHR请求、显示本地存储和 Cookie 信息等等,虽说日常的移动端开发时,一般都是在用Chrome DevTools浏览器的移动端模式模拟各种手机型号来进行开发和调试,确保功能/页面展示等都没有问题了,才会提交测试;那就也就有调试,说到调试工具,大家可能对于fiddler、Charles、chrome devtools、Firebug、还有Safari远程调试等原创 2018-12-24 07:57:05 · 2942 阅读 · 3 评论 -
深入了解JavaScript 中的For循环之详解
前言: 今天我想分享一个有关于循环筛选的知识点,也许是前端小白的你首先想到的是用for循环做筛选,但我这种小菜鸟想到的就是map(工作中很喜欢用= =),学过数据结构的小伙伴也肯定知道,线性表这些跟循环也息息相关,包括你出去面试的时候或许你遇到过这样的问题,map和forEach的区别?去重的几种方式?说实话,forEach我真的很少用,但不满足于现状的我,觉得应该多学习几种。我是前端挖坑妹...原创 2018-12-28 13:14:05 · 705 阅读 · 0 评论 -
leetcode面试题解题 - 罗马数字转整数 -JS版
最近在复习一些前端的面试题,在leetcode上刷了下,由简单的开始,再慢慢深入,昨天遇到个题,蛮有意思的,Javascript版本的解题思路,虽然是「简单」级别的题,但还是值得分享一下的,欢迎大佬们补充自己的实现方式。题:罗马数字转整数 -JS版罗马数字包含以下七种字符: I, V, X, L,C,D 和 M。字符 数值I 1V ...原创 2019-03-14 16:32:44 · 685 阅读 · 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 · 606 阅读 · 0 评论 -
国庆长假正嗨时~ Vue 3.0 源码来了
Vue 3 源码开放了:网页链接 (目前依然是 pre-alpha 状态,但主要的架构改进、优化和新功能都已经完成,剩下的主要是完成一些 Vue 2 现有功能的移植……原创 2019-10-05 21:09:32 · 606 阅读 · 0 评论 -
CSS3 3D Swiper思路分析之性感美女秀
老司机双十一厚礼之玩转 3D Swiper 性感秀之思路分析总结,由3D魔方衍生,画出美女性感秀,使用css3、transform、transform-origin、等样式,配置javascript一步步带你分析实现swiper的实现过程,希望对大家有所帮助,双十一快乐,程序员你脱单了吗?webpack、小程序等分享原创 2018-11-16 13:05:07 · 1334 阅读 · 1 评论 -
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 · 1409 阅读 · 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 · 1567 阅读 · 0 评论 -
从零开始搭建属于你的React/redux/webpack脚手架
大家好,我是苏南,今天要给大家分享的是<<我的react入门到放弃之路>>,当然,也不是真的放弃啦~~哈哈,这篇博客原本是从17年初写的,一直没有在csdn发布,希望今天不会太晚,望各位老司机勿喷!上图可以找亮点,留言答对有奖哦~~~~最近看到很多react相关的问题跟讨论,越来越多的小伙伴喜欢这个框架了, 同时也在看原创 2018-09-21 21:37:10 · 1465 阅读 · 0 评论 -
做完小程序项目、老板给我加了6K~
大家好,我是苏南,今天要给大家分享的是最近公司做的一个小程序项目,过程中的一些好的总结和遇到的坑,希望能给其他攻城狮带来些许便利,更希望能做完之后老板给你加薪~今天是中秋节的第一天,假日的清晨莫名的醒的特别早,不知道为什么,也许是因为,昨晚公司上线的项目回来的路上,发现了个小bug,心里有些忐忑,一会偷偷先改了,让领导发现这个月绩效就没了~~以上纯为扯淡,现在开始一本正经的装...原创 2018-09-22 14:08:34 · 2900 阅读 · 1 评论 -
曾经面试踩过的坑,都在这里了~
前段时间面试(包括阿里巴巴的电话面试),遇到过一些面试题,且面试中出现机率较高的提问/笔试,有些答的不是很好挂掉了,今天终于有时间整理出来分享给大家,希望对大家面试有所帮助,都能轻松拿offer。!> 主要分三部分:html、css、js;react/vue等都归类于js,内容来源于面试过程中遇到的、在复习过程中看到认为值得加深巩固、群友交流分享的;如有理解的错误或不足之处,欢迎留...原创 2018-10-18 08:26:19 · 2987 阅读 · 1 评论 -
这份性能优化清单,你都做了吗?
这里是@IT·平头哥联盟,我是`首席填坑官`——[苏南](South·Su),前些天分享了一篇前端面试汇总的文章,有些同学在群里问了其中的一些细节,其中大家最关的性能优化,今天整理了分享给大家原创 2018-10-22 08:06:48 · 1933 阅读 · 0 评论 -
immutability因React官方出镜之使用总结分享!
数据拷贝、引用之间数据层级嵌套过深,拷贝的值相互之间影响的问题,后来引入了immutability-helper,被它简洁而强大所吸引,帮分享给大家,介绍它基本的用法,及常见的错误处理和坑点!原创 2018-10-29 08:22:12 · 1804 阅读 · 1 评论 -
草根~手把手教你如何绘制一辆会跑车
canvas手把手教您如何绘制一辆跑车,详细讲解整个绘制的过程,API的使用,以及注意的事项,让你对前端js/canvas技术有一个更详细的理解,更扎实的基础,工作中少走弯路!原创 2018-10-24 22:50:35 · 1984 阅读 · 0 评论 -
如何给localStorage设置一个过期时间?
带你一点一点分析前端存储,如何给localStorage、getStorageSync(小程序),设置一个有效期,让使用cookie一样使用它们,让你不再为数据存储的问题而忧心,更多精品文章尽在 Js中文网 - 前端进阶资源教程原创 2018-11-01 13:03:46 · 63392 阅读 · 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 · 41995 阅读 · 15 评论 -
小程序项目之填坑小记
小程序canvas 图片合成,获取到图片的地址后,隐藏canvas,改用image标签显示, css scale 缩放canvas ,draw绘制后失效,循环引用问题等总结原创 2018-11-04 08:18:12 · 1383 阅读 · 1 评论 -
该如何以正确的姿势插入SVG Sprites?
SVG Symbol : SVG英文全称为( Scalable Vector Graphics),意思为可缩放的矢量图形。它是基于XML,由W3C联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言,可让你设计激动人心的、高分辨率的Web图形页面,SVG是一种采用XML 来描述二维图形的语言,那么symbol元素是什么呢?单纯翻译的话,是“符号”的意思,然我的理解是symbol元素用来定义一个图形模板对象,原创 2018-09-21 14:29:15 · 1530 阅读 · 0 评论