20191025 前端开发日报

使用 `import()` 执行 JavaScript 代码;Vue.js 3.x 源码解析先导;vue 项目中踩过的坑;现代 JavaScript 原始类型转换你真的学会了吗?;初识单文件vue组件;尝鲜Vue3之六:响应式原理的革新 – Vue2、Vue3实现对比;webpack多页面内存溢出;Vuex状态管理(state,mutation,action,getter完全分离)

  1. 使用 `import()` 执行 JavaScript 代码 使用 import() 操作符 ,我们可以动态加载 ECMAScript 模块。但是 import() 的应用不仅于此,它还可以作为 eval() 的替代品,用来执行 JavaScript 代码( 这一点是最近 Andrea Giammarchi 向我指出的 )。这篇博客将会解释这是如何实现的。 eval() 不支持 export 和 import eval() 的一大缺陷是...
  2. Vue.js 3.x 源码解析先导 2018 年 6 月我在慕课网发布了 Vue.js 2.x 的源码解析课程 《Vue.js 源码全方位深入解析》 ,同时也开源了课程配套电子书。时隔一年多,Vue 官方也开源了 Vue.js 3.x,那么在不久的将来,我也会系统化地做 Vue.js 3.x 的源码分析,同时更新我的这门课程视频以及电子书。 Vue.js 3.x 源码刚开源不久,很多人都非常兴奋...
  3. vue 项目中踩过的坑在做项目规划的时候没有注意cookies共享;前后台项目需要共享用户登陆状态发现不同域名下cookies不能共享cookies又个domain属性;给cookies
  4. 现代 JavaScript 原始类型转换你真的学会了吗? 大多数情况下,运算符和函数会自动将赋予他们的值转换为正确的类型。 比如, alert 会自动将任何值都转换为字符串以进行显示。算术运算符会将值转换为数字。 在某些情况下,我们需要将值显式地转换为我们期望的类型。 对象还未纳入讨论中 本章不会讨论 object 类型。先学习原始类型,之后我们会学习 obj...
  5. 初识单文件vue组件 全局定义 :强制要求每个 component 中的命名不得重复 字符串模板 :缺乏语法高亮,在 html 有多行的时候,需要用到丑陋的 不支持css :意味着当 html 和 JavaScript 组件化时,css 明显被遗漏 没有构建步骤 :限制只能使用 html 和 ES5 JavaScript ,而不能使用预处理器,...
  6. 尝鲜Vue3之六:响应式原理的革新 - Vue2、Vue3实现对比 首先我们说说什么是响应式。通过某种方法可以达到数据变了可以自由定义对应的响应就叫响应式。 具体到我们MVVM中 ViewModel的需要就是数据变了需要视图作出响应。 如果用Jest用例便表示就是这样 it('测试数据改变时 是否被响应', () => { const data = reactive({ name: 'abc', ...
  7. webpack多页面内存溢出 因为自己的项目是基于 vue-cli3 进行开发,所以这里只讨论这种情况下的解决办法 在进行多页面开发的时候,项目刚开始阶段,页面较少,编译速度还能忍受,但是一旦页面增加,多次热更新就造成了内存溢出。 原因 这里需要借助一个插件来进行性能分析 webpack-bundle-analyzer ,在 vue.config.js 中添加以...
  8. Vuex状态管理(state,mutation,action,getter完全分离) 一、安装依赖 npm install vuex --save 或者 yarn add vuex --save复制代码 二、基本配置文件事例 在项目中src文件夹下新建store文件夹,并在创建如下文件: index.js 入口文件 state.js 所有状态的管理 mutations.js mutation-types.js 存储相关mutation字符串常量 action.js 异步操作,修改,mut...
  9. “寒冬”三年经验前端面试总结(含头条、百度、饿了么、滴滴等)之手写题(二)不论是寒冬还是暖冬,找工作之前都需要做好充足的准备,面试的时候才能做到游刃有余。此文是把我最近找工作准备的以及笔试面试中涉及到的手写题做一个总结。给自己,也给需要的同学。
  10. 如果你对next.js 、nuxt.js 有了解的话不妨也看看 zz.js 在这里主要是向大家介绍下我的开源项目-zz.js的开发背景、特性、功能、以及如何应用和未来的一些规划。 如果你对 next.js nuxt.js 有了解的话不妨也看看 zz.js 。 zz项目地址: github.com/Bigerfe/koa… Zz介绍 zz 是一个基于 koa2 react16 webpack4 babel7 react-router5 构建而成的 ssr 服务端渲染开发骨...
  11. 还在收集资料?我这里有个github汇总国内程序员都喜欢收集资料,但是又不看,github是重灾区。更有莫名其妙fork的,让人不得要领。这些资料其实也代表了收集者的一个思路,还是有不小参考价值的。
  12. React Native 使用 react-native-webview 渲染 HTML 在 App 中,渲染 HTML 是一个非常常见的功能,有可能是直接渲染 HTML 字符串或者是通过 URL 渲染远程 HTML页面。 React Native 提供了一个 WebView 组件以供我们实现 HTML 的渲染。 早先 WebView 是在 React Native 核心包中,后来为了减小 React Native 核心包的体积,便将其单独提出到 react-native-w...
  13. B/S 端基于 HTML5 + WebGL 的 VR 3D 机房数据中心可视化在 3D 机房数据中心可视化应用中,随着视频监控联网系统的不断普及和发展, 网络摄像机更多的应用于监控系统中,尤其是高清时代的来临,更加快了网络摄像机的发展和应用。
  14. 50行代码完成视频通话 (WebRTC + WebSocket)“它(WebRTC)允许网络应用或者站点,在不借助中间媒介的情况下,建立浏览器之间点对点(Peer-to-Peer)的连接,实现视频流和(或)音频流或者其他任意数据的传输”。
  15. 基于Spring Boot+Spring Security+JWT+Vue前后端分离的开源项目最近整合Spring Boot+Spring Security+JWT+Vue 完成了一套前后端分离的基础项目,这里把它开源出来分享给有需要的小伙伴们
  16. TypeScript 中的命名参数、可选参数、默认参数 对于一些功能比较复杂的函数,需要将很多配置项作为参数传入,这时候传统的位置参数表就不太方便了,因为对于配置项参数,我们往往会设置默认值,希望使用者无需按顺序传入所有参数,而只要指明哪几个参数需要特别配置。 比如一个简单的字符串格式化函数,除了必需的传入值value外,有三个配置项: inde...
  17. React 初学者需要知道的一些知识可以给每个方法加上.bind(this)来解决 this 指向的问题,因为大多数教程都告诉你这样做。如果你有几个受控组件,那么constructor(){}中就会有一大堆代码。
  18. nodejs -- 登录接口之密码错误限制次数(含代码) 密码次数尝试,可以有效的保护用户账户安全,有了限制之后,就算用量子计算机都束手无策。 银行卡也是这种,尝试次数过多,就锁定,说不定还会自动报警。 效果图 实现思路 数据库表设计 在表里面添加一个字段,string类型。里面包含两个数据,密码失败尝试日期 和 次数 如 2019a10a23|10 这里我使...
  19. JS 仿头条App频道编辑功能 (拖拽排序,添加,删减)由于,项目中使用App混合开发,要实现频道编辑功能;在没找到合适的解决方案的情况下,自己写了这个库;已经在项目中跑了2年多,有不错的可用性;写下这篇文章分享下
  20. 前端培训-中级阶段(22)-localStorage/sessionStorage本地存储(2019-10-24期)前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们开课啦(...
  21. react hook的学习手册今年五月份就开始接触react hook,六月份也在组内分享过一次,但由于太忙所以现在才抽出时间写这篇关于hook的学习手册。

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

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

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