20191007 前端开发日报

现代 JavaScript 教程 — 重学变量;庖丁解牛之 Flutter for webajax跨域问题我只学一种解决方案;记一次 JavaScript 浮点型数字误差引发的问题;Three.js + GreenSock 模拟简单随机动画;webpack4 中如何实现资源内联?;Webpack4 学习记录;利用跨域资源共享(CORS)实现ajax跨域调用

  1. 现代 JavaScript 教程 — 重学变量 大多数情况下,JavaScript 应用需要处理信息。这有两个例子: 一个网上商店 —— 这里的信息可能包含正在售卖的商品和购物车。 一个聊天应用 —— 这里的信息可能包括用户和消息等等。 变量就是用来储存这些信息的。 变量 变量 是数据的“命名存储”。我们可以使用变量来保存商品、访客和其他信息。 在...
  2. 庖丁解牛之 Flutter for Web Flutter for Web 在2018年冬的Flutter 1.0伦敦发布会上,Flutter产品经理Tim Sneath通过一个滑动拼图的例子介绍了如何让Flutter运行在Web之上。这一当时代号HummingBird的项目后来被重命名为flutter_web,并最终合入了master分支。 Flutter Web想在单代码库的情况下,使Flutter应用拥有Web支持...
  3. ajax跨域问题我只学一种解决方案 Ajax跨域问题的jsonp解决方案 在前端我们经常会使用Ajax来向服务器发送请求和接收服务器响应回来的数据,一般来说在同一个服务器的数据来往是没有什么问题的,但是有时使用Ajax请求数据并不局限于同一个服务器,跨服务器请求就会遇到跨域问题,下面我们探讨一下跨域问题是怎么产生的,最优的解决方案是什么? 同源策略 ...
  4. 记一次 JavaScript 浮点型数字误差引发的问题 车间的工人在生产出来产品后,需要完成初步的自检,并通过手机上报。在实际生产中,用户(工人)不方便进行数值的输入,因而表单中的一些项设计成 picker 模式以供选取数值。数值的取值范围,根据允许的误差范围生成。示例如下: 示例一 // 误差 0.01mm ~ 0.06mm // picker 展示的数值 0.01, 0.02, 0.03, 0.04, 0.05, 0...
  5. Three.js + GreenSock 模拟简单随机动画 Three.js封装了底层的图形接口,使得程序员能够在无需掌握繁冗的图形学知识的情况下,也能用简单的代码实现三维场景的渲染,相对于webGL,Three.js封装了底层的图形接口,在不了解图形学的情况下,也能用简单的代码实现三维场景的渲染 预览地址 开始使用 CDN引入 <script src="https://cdnjs.cloudfla...
  6. webpack4 中如何实现资源内联? 本篇文章会系统的介绍下 Webpack4 里面资源内联(HTML/CSS/JS/Image/Font)的正确姿势 首先,我们一起了解下什么是资源内联。 什么是资源内联? 资源内联(inline resource),就是将一个资源以内联的方式嵌入进另一个资源里面,我们通过几个小例子来直观感受一下。 HTML 内联 CSS,这个其实就是我们通常说的 内...
  7. Webpack4 学习记录 第一代:所有的代码写在一个文件中 index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>第一代前端开发</title> <link rel="stylesheet" href="./index.css"> </head> <body> <div...
  8. 利用跨域资源共享(CORS)实现ajax跨域调用 前几天看了一篇E文说部署 CORS 的 文章 ,CORS是一中跨域的方式,于是上网找了下Nicholas C. Zakas 的文章《 Cross-domain Ajax with Cross-Origin Resource Sharing 》,并且找到了中文的翻译,感觉不错,转来分享之。 几年前,网站开发者都因为ajax的 同源策略 而撞了南墙。当我们惊叹于XMLHttpRequest对象跨浏...
  9. ( 第五篇 )仿写'Vue生态'系列___"解析模板事件"( 第五篇 )仿写'Vue生态'系列___"解析模板事件" 本次任务 取消'eval', 改为'new Function'. 支持用户使用'@'与'v-on'绑定各种事件. 支持初始化'methods'数据. 使用函数时可以传参与不传参, 可以使用'$event'. 实...
  10. JSON工具类的构建(前端版本) 前言 在前后端交互的选择上,之前一直采用的是模板引擎(因为我只负责后端)。 而这次的一个算是作业吧,前后端都是我,所以就研究了一下JSON交互在java web的应用(主要是前端)。 优缺点 因为我是先写后端版本的,所以优缺点部分请跳转至 JSON工具类的构建(后端版本) 查看。 对比 因为我对js也是几天速成系...
  11. Vue 3 源码开放,今天你学习了吗?正在海边浪的思否小姐姐一觉睡醒发现,国庆假期都不休息的尤雨溪大大在昨天凌晨发布了 Vue 3 源代码,源码地址:[链接] ——
  12. nginx反向代理、负载均衡配置及vue项目部署 nginx配置文件结构 Nginx的配置文件是一个纯文本文件,它一般位于Nginx安装目录的conf目录下,整个配置文件是以block的形式组织的。每个block一般以一个大括号“{”来表示。block可以分为几个层次,整个配置文件中Main命令位于最高层,在Main层下面可以有Events、 HTTP等层级,而在HTTP层中又包含Server层,即server blo...
  13. 函数式+状态管理探索前端开发不管是用主流的前端框架业务开发还是在写一些 sdk,通常的编程范式都是面向对象的,尤其 ES6 新增 Class 语法糖后,功能模块的划分都基于类的力度。在写过和维护过不少代码后,渐渐觉的在状态复杂的应用中,按局部状...
  14. 利用基于AngularJS的XSS实现提权 大家好,我是Shawar Khan。自我上次写作以来已经时隔好几个月了,这段时间我一直忙于不同的测试目标。最近我在某个目标中发现了一个有趣的XSS漏洞,通过该漏洞我可以将我的权限提升为管理员用户。 XSS是一个非常有趣的漏洞,在发现它之后,你可以直接与应用程序进行通信,而无需担心同源策略。一切都在我们的控制之中...

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

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

原文:20191007 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20191007.html)

发表评论

请登录后发表评论: