20191206 前端开发日报

基于Vue-Cli3的Vue移动端企业级工程架构;WebSocket原理及socket.io+vue+koa实现聊天功能;Vue面试题以及实际项目中遇到的坑;【vue-进阶】之vue-router源码分析;Git 常见问题及解决办法;【100天复习前端】JavaScript基础类型;JavaScript 中的数据结构:写给前端软件工程师;Vue3源码学习(问题总结)

  1. 基于Vue-Cli3的Vue移动端企业级工程架构 本项目是基于Vue-Cli3脚手架,应用VW的自适应解决方案构建的移动端企业级工程项目,下面会一步步构建起项目结构。大家也可以先下载源代码下来看下,再跟着操作。 Author: Gavin 项目地址: github.com/PowerDos/vu… 演示 下面是一张自适应效果git图,比较大,需要耐心等待才能看到,或者直接下载图片查看效...
  2. Vue面试题以及实际项目中遇到的坑 之前有提到,在经历了前端转型之后,一场技术变革的到来,小程序,h5移动端,对性能优化的要求越来越高,受面向对象思想编程方式的影响,前端现在主流的技术框架就是Vue,React,Angular.他们的数据驱动模式,MVVM模式,很受欢迎,这种spa单页面应用,组件思维对一个庞大的web应用很有帮助提升加载速度,减少Dom操作,随之...
  3. 【vue-进阶】之vue-router源码分析 这是一篇集合了从如何查看 vue-router 源码(v3.1.3),到 vue-router 源码解析,以及扩展了相关涉及的知识点,科普了完整的导航解析流程图,一时读不完,建议收藏。 如何查看vue-router源码 查看源码的方法有很多,下面是我自己读vue-router源码的两种方法,大家都是怎么查看源码的,欢迎在评论区留言。 查看vue...
  4. Git 常见问题及解决办法 Git 是一个分布式版本控制软件,最初由林纳斯·托瓦兹创作,于 2005 年以 GPL 发布。最初目的是为更好地管理 Linux 内核开发而设计。经过多年发展,如今已成为绝大多数软件开发版本控制的首选工具,掌握它能使得我们更加高效工作;这里收录了一些 Git 常见问题及解决办法,以供各路朋友遇到时候可以参考。 如何...
  5. 【100天复习前端】JavaScript基础类型 在做完现在手里的项目之后,开始准备实习找工作,之前对自己现在的水平有些迷茫,不太清楚自己目前的定位,在跟腾讯的前端师兄聊过之后,自己也去面试了几家公司,包括字节跳动以及成都的一些不太有名的公司,基本明确了自己的前端水平,也给自己制定了一个前端的复习计划。后面会根据这个计划持续复习,开始备战春招。 ...
  6. JavaScript 中的数据结构:写给前端软件工程师 原文链接: Data Structures in JavaScript: For Frontend Software Engineers 作者:Thon Ly 前言 随着越来越多的业务逻辑从后端转移到前端,前端工程中的专业技能变得愈发重要。作为一名前端工程师,我们可以依靠类似 React 一样的视图类框架来实现高效的产出。但视图框架反过来又依赖类似 Redux 这样的状态管...
  7. Vue3源码学习(问题总结) 本篇文章会一直更新,直到把 vue 源码看完,有啥问题就可以在评论中写上一起研究。 小黄鸭调试法 最近发现了一个及其有用的终极调试方法,就是小黄鸭调试法。 小黄鸭调试法: 传说中的大师都是随身携带小黄鸭的,遇到bug就向小黄鸭解释每一行代码的用处,可能讲到一半就灵光乍现,bug灰飞烟灭。 本来只看 vue 源...
  8. 基于Vue的移动端h5项目总结 以前都是写pc,后来需要写h5移动端项目,会遇到一些自适应和兼容性等方面的问题,下面从自己写过的h5项目中稍稍做点总结。 一.自适应布局: 1.rem布局基础 开启一个移动端项目的基础,首先是想好如何在代码中实现移动端适配。之前第一个参与的项目里简单粗暴地采用px写死的方法,觉得不好,本项目是一个新建的项目...
  9. vue-cli3配置webpack,htmlWebpackPlugin 项目上线后需要添加到百度搜索引擎,如何添加到百度搜索引擎参照https://jingyan.baidu.com/article/fc07f989c34dbb52ffe519a3.html。 重点是需要在html中添加一个meta,于是我就直接添加了 <meta name="baidu-site-verification" content="sxe4OW9kxm" /> 复制代码 然后问题出现了,在百...
  10. Vue实现字符串中自定义标识符的解析渲染 有这样一个场景: 实现了 文字和图片的混输 ,此时div中有 img标签 和 文字 ,那么我们要将这些内容发送给 服务端 ,然后服务端将我们发送的内容推送给每个用户,服务端需要什么格式的数据?我们客户端拿到服务端返回的数据,要怎么渲染到 页面 ?接下来就给大家分享下我的解决方案,先给大家看一下最终实现的效果 ...
  11. 渐进式配置webpack4单页面和多页面(三) 使用包的版本 webpack ->4.3.0 babel-loader ->8.0.5 npm ->6.4.1 webpack-cli ->3.3.1 复制代码 每个章节对应一个demo 构建多页面配置 具体代码参考 demo12 新建多页面目录 新建module文件,约定module目录里面每个文件目录必须有个html文件,还有一个与其名字相同的js文件作为入口文件。 ...
  12. 基于 HTML5 + WebGL 的太阳系 3D 展示系统近年来随着引力波的发现、黑洞照片的拍摄、火星上存在水的证据发现等科学上的突破,以及文学影视作品中诸如《三体》、《流浪地球》、《星际穿越》等的传播普及,宇宙空间中那些原本遥不可及的事物离我们越来越近...
  13. Firefox Web Replay:前端开发者的未来利器 如果你是一个前端开发者,那么最困扰你的问题通常不是如何修复bug,还是如何在你的开发环境上重现bug。经常会遇到的情况是,收到测试团队或用户发来的bug,在自己的开发环境上死活也重现不了。差一点的bug报告只有文字描述或屏幕截图,好一点的bug报告可能有录制的视频。即便是有视频,按照上面的步骤一步一步来,也未必...
  14. HTML5 与 CSS3 基础完全自学教程(十二) 本文首发于【前端课湛】微信公众号。可以在微信里搜索【前端课湛】关注,第一时间看文章! 导读:本小节主要讲解有关 CSS 中的不同类型的值和单位,其中包含了什么是值和单位、单位的分类,以及像素(px)、百分比(%)和 em 与 rem 等具体单位的详细内容。 什么是值和单位 ...
  15. 鱼和熊掌我都要之 Render-as-You-Fetch 模式 感谢支持ayqy个人订阅号,每周义务推送1篇(only unique one)原创精品博文,话题包括但不限于前端、Node、Android、数学(WebGL)、语文(课外书读后感)、英语(文档翻译) 如果觉得弱水三千,一瓢太少,可以去 http://blog.ayqy.net 看个痛快 一.Fetch-on-Render 一直以来,我们所遵从的最佳实...
  16. Vue组件通信之非父子组件传值 前言: 如果想要了解非父子关系的组件传值,最好是在了解父传子和子传父的基础上在来了解非父子传值可能会有更透彻的思路。 因为非父子传值是通过定义事件总线来代理实现父传子+子传父从而实现的传值方式。 这是我总结的父子传值相关的知识,可供参考: https://www.cnblogs.com/ViavaCos/p/11712131.html 然后...
  17. 浅析 commonjs 中的模块化实现原理 在 nodejs 模块化中,使用 exports 或 module.exports 都能够向外部模块导出对象 //a.js exports.a = { a: 1 }; module.exports.b = { b: 1 }; // 改写exports的内存指向,会导致exports的导出失效 module.exports = { b: 1 }; console.log(a); // 输入 {b:1} 复制代码 打印 console.log(a) 可以看出 mo...
  18. 我靠JavaScript 在区块链行业找到高薪好工作 对开发者来说,在区块链行业找到一个薪水高、待遇好的工作是梦寐以求的。那么,这就引出了一个很重要的问题:哪种编程语言最适合区块链? Duomly 找到一些在区块链开发圈流行的编程语言,有 JavaScript、C#、C++、Python、Golang、Solidity、Java 。并通过对比它们的优缺点来选出最适合区块链开发的编程语言。 1...
  19. 用 globalThis 访问全局对象[每日前端夜话0xF6] 每日前端夜话 0xF6 每日前端夜话,陪你聊前端。 每天晚上18:00准时推送。 正文共:2155 字 预计阅读时间:6 分钟 翻译: 疯狂的技术宅 作者:Faraz Kelhini 来源: logrocket JavaScript 语言越来越被广泛地用于各种环境中。除了 Web 浏览器(这是 JavaScript 的...
  20. 前端代码检查与代码规范 本篇介绍的是如何做到在代码提交前,统一团队代码风格,检查代码质量,并修复一些低级错误。最终期待项目中的开发人员提交的代码都符合代码规范、风格统一。 二、组合技 Git Hook + lint-staged + Prettier + ESLint,先介绍最终实现,具体每个模块的作用和配置后面有各自的介绍。 2.1 实现步骤 准备好待提...

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

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

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