20191223 前端开发日报

简单描述 vue 和其他框架的区别;webpack搭建基本的前端开发环境(二);前端安全问题与防御;不容错过的 Node.js 项目架构;webpack 如何解析代码模块路径(三);HTML5 Canvas 实现K线图;第十四届 D2 前端技术论坛:创心;JavaScript:关于数组的四道面试题

  1. 简单描述 vue 和其他框架的区别 现在vue已经是前端主流的框架了,采用MVVM模式,虚拟dom,diff算法,数据双向绑定,提供响应式和组件化的视图组件。将注意力集中保持在核心库。体积小,性能好,生态系统庞大,发展也很不错。相对应的还有React,Angular,Riot,Ember等框架,那么为什么要推荐使用vue呢,他较于其他框架优点是什么呢? 更强大的React跟他…
  2. webpack搭建基本的前端开发环境(二) 我们日常使用的前端开发环境应该是怎样的?我们可以尝试着把基本前端开发环境的需求列一下: 构建我们发布需要的 HTML、CSS、JS 文件 使用 CSS 预处理器来编写样式 处理和压缩图片 使用 Babel 来支持 ES 新特性 本地提供静态服务以方便开发调试 上述几项应该可以满足比较简单的前端项目开发环境需求了,…
  3. 前端安全问题与防御 前端安全问题与防御 俗语说的:"有制造者,必然有破坏者",既然有咱们辛勤的开发前端 web 应用,就不免在上线之后存在不坏好意的破坏者通过各种漏洞攻击你的应用,所以无论前后端都不是一堵密不透风的墙,当然咱只会前端哈,本文带领大家一起认识前端存在的安全问题,以及在开发中如何应对和防御。 前端安…
  4. 不容错过的 Node.js 项目架构 Express.js 是用于开发 Node.js REST API 的优秀框架,但是它并没有为您提供有关如何组织 Node.js 项目的任何线索。 虽然听起来很傻,但这确实是个问题。 正确的组织 Node.js 项目结构将避免重复代码、提高服务的稳定性和扩展性。 这篇文章是基于我多年来在处理一些糟糕的 Node.js 项目结构…
  5. webpack 如何解析代码模块路径(三) 在 webpack 支持的前端代码模块化中,我们可以使用类似 ==import * as m from ‘./index.js’== 来引用代码模块 ==index.js==。 引用第三方类库则是像这样:==import React from ‘react’==。webpack 构建的时候,会解析依赖后,然后再去加载依赖的模块文件,那么 webpack 如何将上述编写的 ./index.js 或 react 解析成对…
  6. HTML5 Canvas 实现K线图 因为公司的项目需求,需要做一个K线图,可以让交易者清楚的看到某一交易品种在各个时间段内的报价,以及当前的实时报价。 我所考虑的有两个方向,一是类似于Highcharts等插件的实现方式 — svg,一是HTML5的canvas。 SVG 是一种使用 XML 描述 2D 图形的语言。 Canvas 通过 JavaScript 来绘制 2D 图形。 Canvas 是逐…
  7. 第十四届 D2 前端技术论坛:创心 一年一度的 D2 结束了,PPT 也放出来了。
  8. JavaScript:关于数组的四道面试题已知后端返回一个对象数组,格式类似这样: {代码…} 按要求写代码: 按照 name 属性降序排序(字母顺序从大到小) 去除 id 属性相同的元素(如出现重复,后出现的覆盖先出现的,不要求保留原始顺序) 过滤出所…
  9. HTML5(三)——JSON,深拷贝浅拷贝 用于前后端数据交互的数据类型,是一个字符串 Json.stringify 把object转换成string Json.parse(tmp)把string转换成object 深拷贝,浅拷贝 浅拷贝:赋值地址,一个变另一个也变(数组,对象) 深拷贝:一个变另一个不变(基本数据类型) 对象深克隆(仅限对象这种) 需求:将数组对象也去实现一个深拷…
  10. HTML5(二)——表单,音频,视频,属性 <input> (行级块元素) 1.password 2.radio 3.checkbox 4.text (placeholder =” ” 默认提示信息) 5.button 必须利用value= “提交”才能等于submit 6.submit 复制代码 html5新增表单: 1.email 校验邮箱 2.url 校验地址 3.number 限定只能是数字 属性(max = “ ” ,min =” ” ,step =” ” ) 4.range 滑块(max …

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流