关注IMWeb前端社区公众号

  • 第一时间获得最新、最火的技术干货
  • 定期推送您所关注的专题文章
  • 和大牛们一起讨论前端技术
  • 获取IMWeb社区、前端相关的最新活动
热文 更多

  • 前端图表可视化的应用实践总结

    需求简介 腾讯企鹅辅导在学生上课结束后推送“学习报告”,是课程所提供的一项重要服务。家长在“学习报告”中能查看孩子上课时间及互动情况,答题及掌握知识点,作业考试分数,班级排名等诸多数据,继而让学生家长及时掌握孩子的学习情况。 此次改版升级是针对旧学习报告的的数据和展示进行的一次优化:增加考试模块、知识点采用更简单的表达形式、在视觉交互上更加年轻活泼、并运用了更多数据图表可视化在其数据展示中。 设计稿 [http://imweb-io-1251594266.cos.ap-guangzhou.myqcloud.com/b9ddd0557a8025ad886bc786da9fe7f7.png] 考试模块-数据图表可视化的应用 1.数据可视化组件库的选择及应用 在考试模块中,需要展示学生成绩变化趋势的曲线图,而这需要用到第三方的可视化组件库,继而快速回忆起比较知名的几款:国外的HighChart,百度家的Echart,阿里的AntV(移动端F2)等。当然也希望腾讯有一天也能有同样知名好用的的可视化组件库。

  • 移动端网页调试方案

    移动端调试方案 页面容器 移动设备上的各种浏览器 各类app内的webview debug方案 Android端 iOS端 跨平台 抓包工具Charles 调试工具weinre 其他方案 附录:ES6标准兼容情况 页面容器 移动设备上的各种浏览器 chrome、safari、firefox、samsung browser 各类app内的webview 不同平台实现不一样 iOS平台 iOS 8.0以前的UIWebView,现在(2019年)基本被淘汰,不用管。 iOS 8.0及以后的WKWebView,主流应用内均使用它作为容器展示html Android平台 WebView实现一般为Android WebView,部分手机厂商会默认设置成chrome实现,差别不是很大。 微信平台 微信iOS端是采用wkwebkit进行渲染的,Android平台采用的是x5内核 debug方案 Android端 由于移动端网页开发不能直接打开developer tools,导致我们调试起来稍微麻烦。好在我们有解决方案: Remote Devices

  • 聊一聊相等运算与 SameValue

    变量的运算是日常开发中必须且频繁接触的内容。 其中 相等运算符 可算是使用频率最高的运算符。 除了直接使用之外,我们平常使用的过滤、映射、排序等等,当然都会进行值的比较。 类型转换 有一定基础的开发中都知道, 在 JavaScript 中使用相等运算符,会进行类型转换, 举个例子: '1' == 1// truetrue == 1// true 类型转换,在开发上,有时候会带给我们一些便利。 例如少写几句代码:) 但类型转换也会隐藏陷阱,就像下面的例子: '0' == 0// true !!'0' == 0// false 假设字符串 0 跟 数字 0 均使用变量, 就会写出非常不直观,不符合直觉的代码: a == b // true !!a == b // false 当然,如果我们使用了 === 全等运算符,就可以避免掉坑啦。 所以,在日常工作中,要多使用 === 哦。 SAMEVALUE 与 SAMEVALUEZERO SameValue 与 SameValueZero 会被成对提及的内容。 这两个玩意是用来做什么的呢?

  • 现在技术更新这么快,如何抓住技术的本质?

    现在技术更新这么快,如何抓住技术的本质?特别是前端开发技术,刚学会jQuery,jQuery就已经不流行了,DOM操作不好维护;于是学习Angular,刚学会Angular,又发现似乎大家都在用React,虚拟DOM、组件化、单向数据流,感觉好厉害,于是学习React;React刚学会,又发现vue.js、inferno似乎更流行,有淘汰React的趋势。到底是要追随潮流,什么流行用什么,还是回归技术的本质,掌握低层的原理,以不变应万变? 【Q群:856082 】专业团队,专业导师精准计划!!!稳定收益,稳定回血!!! 1:坚持。说得轻易,做起来难,有时是一种折磨,特别是到了最后关头。告诉自己,相信自己,认准了就要坚持,凡事没有坚持的人,成功的也不多,前提是相信自己。 2:理智。不轻易改变计划,不乱加注。打四期就打四期,不要一追追到底,可能你会成功九次,只要失败一次,你就亏大了。 3:看中了下手要狠。大赚小亏,怎么做到这个,才是新手学习的重点,而不是保证每把都中(这不可能)。 4:未动手,先建设心理。打几把?有没有把握?信心强不强?我建议,不要长期作战,看准了下一二把。一天买几把收。

  • 玩转webpack之loader开发

    webpack提倡一切皆模块,所有类型的文件都可以经过文件加载器处理变成我们可加载的模块,那么这个文件加载器便是loader。 那么我们如何开发一个webpack loader呢,让我们一起探索探索吧~ 一、loader执行顺序 在开发loader之前,我们先了解一下webpack loader的执行顺序。 webpack是支持loader的链式调用的,即一个文件可以经多个loader处理。当一个文件使用多个loader处理时,他的处理顺序是倒序,即传入loader数组的从右到左执行。 例如,对于scss文件,我们的配置如下,那么它的执行顺序是sass-loader -》 css-loader -》 postcss-loader -》style-loader: module: { rules: [ { test: /.scss|.css/, use: [ 'style-loader', { loader: 'css-loader', options: { importLoaders: 2, }, }, 'postcss-loader', loader:

热问 更多