20180919 前端开发日报

JavaScript 如何工作的: 深入 V8 引擎内部;js浅拷贝与深拷贝方法;一文看懂web服务器、应用服务器、Web容器、反向代理服务器区别与联系;干货分享:vue2.0做移动端开发用到的相关插件和经验总结;前端技术周刊 2018-09-17: V8;前端进阶(12) – css 的弱化与 js 的强化;React Router V4 精讲;swiper 在 Vue 中的应用(以3.0为例)

  1. js浅拷贝与深拷贝方法js有五种基本数据类型,string,number,boolean,null,undefind。这五种类型的赋值,就是值传递。对象的赋值是将对象地址的引用赋值。这时候修改对象中的属性或者值,会导致所以引用这个对象的值改变。如果想要真的...
  2. 一文看懂Web服务器、应用服务器、Web容器、反向代理服务器区别与联系】我们知道,不同肤色的人外貌差别很大,而双胞胎的辨识很难。有意思的是Web服务器/Web容器/Web应用程序服务器/反向代理有点像四胞胎,在网络上经常一起出现。详见 (来自:帅虫哥) ​​​​

    一文看懂Web服务器、应用服务器、Web容器、反向代理服务器区别与联系
  3. 干货分享:vue2.0做移动端开发用到的相关插件和经验总结最近一直在做移动端微信公众号项目的开发,也是我首次用vue来开发移动端项目,前期积累的移动端开发经验较少。经过这个项目的锻炼,加深了对vue相关知识点的理解和运用,同时,在项目中所涉及到的微信api(微信分...
  4. 前端技术周刊 2018-09-17: V8Chrome 69 的更新带来了一个 URL 展示上的 bug:子域名将被吞掉,www. 和 m. 都一样消失于地址栏中。
  5. 前端进阶(12) - css 的弱化与 js 的强化web 的三要素 html, css, js 在前端组件化的过程中,比如 react、vue 等组件化框架的运用,使 html 的弱化与 js 的强化 成为了一种趋势,而在这个过程中,其实还有另一种趋势也在慢慢形成:css 的弱化与 js 的强化。
  6. React Router V4 精讲多页应用中,一个URL对应一个HTML页面,一个Web应用包含很多HTML页面,在多页应用中,页面路由控制由服务器端负责,这种路由方式称为后端路由。
  7. swiper 在 vue 中的应用(以3.0为例)当有 3 组图片需要依次播放时(多组以此类推) 情景:第 2 组图片滑动最后一张时,需要加载第 3 组图片;第 2 组图片滑动第一张时,需要加载第 1 组图片。 方法:在初始化的时候,配置回调函数onTouchStart(开始滑...
  8. JavaScript中的==,===和Object.js()本文主要讲解JavaScript中的三种相等运算:==,===和Object.js()。通过对比和例子,加深大家的印象,并就个别例子进行详细说明。
  9. vue-cli3.x 新特性及踩坑记vue cli 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。
  10. vue $refs不能拼接的坑,因为它不是响应式最好不要在ref中用拼接 {代码...} {代码...} 这样写就会报错 换一种写法,去掉audio 改成console.log(this.$refs[key])这样依旧不行 官方是这样描述的 改成如下形式 {代码...} {代码...} 这样就能获取到想要的那...
  11. Vue源码探究-源码文件组织Vue 2.0版本的大整改不仅在于使用功能上的优化和调整,整个代码库也发生了天翻地覆的重组。可见随着使用者的增加与声名传播,Vue自身的格局发生了很大的突破,特别体现在对Weex框架做了内部支持。不管在未来是使...
  12. 如何通过AST树去获取JS函数参数名最近项目有个需求,获取函数参数名,听起来很简单,但有了ES6,参数和函数写法千奇百怪,在github上大概看了几个库,基本上都是正则,对通用的写法能够覆盖,稍微越过边界,往往无法正确匹配。
  13. 前端最实用书签(持续更新)一直混迹社区,突然发现自己收藏了不少好文但是管理起来有点混乱; 所以将前端主流技术做了一个书签整理,不求最多最全,但求最实用。
  14. ES6 手写一个“辨色”小游戏依稀记得几年前朋友圈流行的辨色小游戏,找出颜色不同的矩形。前些天突发奇想,打算自己手写一个类似的游戏,话不多说,先上 Demo .
  15. 用 canvas 的 getImageData 做点有趣的事CanvasRenderingContext2D.getImageData() 返回一个 ImageData 对象,用来描述 Canvas 区域隐含的像素数据,这个区域通过矩形表示,起始点为(sx, sy)、宽为sw、高为sh。
  16. 前端每日实战:137# 视频演示如何用纯 CSS 创作一个抽象的水波荡漾的动画效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] ...
  17. JavaScript指定断点操作前端开发的小伙伴,或许对这个断点操作不是很熟悉。不过你要是问其他语言(比如C,C++ ,C #等)的开发者,他们应该都挺熟悉断点操作,这种断点操作在诸如XCode或者Visual Studio的IDE中都会有提供。
  18. 聊聊CSS中的层叠相关概念_CSS, z-index, BFC 教程》如果想要理解清楚CSS中的层叠相关的知识点,我们就很有必要先了解一些重要的概念:文档流、格式化上下文、层叠上下文、层叠水平和层叠顺序。 (by w3cplus ) ​​​

    聊聊CSS中的层叠相关概念_CSS, z-index, BFC 教程
  19. 2018年8月份GitHub上最热门的Python开源项目】本篇文章为大家盘点了8月份最热门的Python项目,一起来看看你都知道哪些,或者有哪些你已经在使用的了。详见 ​​​

    2018年8月份GitHub上最热门的Python开源项目
  20. 从 0 到 1 实现 react - onChange 事件以及受控组件接上一章 HOC 探索 抛出的问题 ———— react 中的 onChange 事件和原生 DOM 事件中的 onchange 表现不一致,举例说明如下:
  21. 从路由原理出发,深入阅读理解react-router 4.0的源码  react-router等前端路由的原理大致相同,可以实现无刷新的条件下切换显示不同的页面。路由的本质就是页面的URL发生改变时,页面的显示结果可以根据URL的变化而变化,但是页面不会刷新。通过前端路由可以实现单...
  22. 动手封装一个React Native多级联动肯定是最近有一个项目,需要一个二级联动功能了!本来想封装完整之后,放在github上面赚星星,但发现市面上已经有比较成熟的了,为什么我在开发之前没去搜索一下(项目很赶进度),泪崩啊,既然已经封装就来说说...

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

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

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