今天的考核题目: 你知道React和Vue的区别吗? skr，skr；做前端也有“捷径”，科学偷懒大法了解一下；在vue里添加好看的lottie动画 (^_^)；单枪匹马撸个聊天室, 支持Web/Android/iOS三端；vue+express图片上传并利用js-xlxs插件将图片链接导出到excel；js对textarea换行符的处理方案；使用 NodeJS 可读流实现 “行读取器”；Vuex持久化插件-解决刷新数据消失的问题
-
今天的考核题目: 你知道React和Vue的区别吗? skr，skr 博主面了几家公司，看简历上写着使用Vue.js框架，就会问，你能说一说 vue 和 react的区别吗 ？react 听过，没用过，所以就只能尴尬的说不怎么了解react。这不，最近刚学了react (不断爬坑中)，同时看了些博客文章，当一回搬运工，如有错误，请指出 ～ 简单的自我介绍一下 React是由Facebook创建的JavaScript UI框架…
-
做前端也有“捷径”，科学偷懒大法了解一下 作者：个推Web前端首席前端架构师姜季廷 现在前端非常火热，相关的技术更是层出不穷，前端人也在不停地学学学。那么有没有什么“偷懒”的方式，帮助我们更加有效地完成编码的KPI呢？本人从事前端开发工作多年，负责公司多个大型项目前端架构设计与落地实践，本文就和大家聊一聊前端的“项目实践之道”与“变化之道”。 在…
-
在vue里添加好看的lottie动画 (^_^) 为什么用lottie ★~★ 1.能让你的程序不那么单调 2.能让一些有审美强迫症的同学好受一点 3.网上有丰富的资源 点我进入lottie资源网站 引入lottie库 （>.<） 在vue中引入lottie非常非常简单 1.安装vue-lott
-
单枪匹马撸个聊天室, 支持Web/Android/iOS三端 原文地址: github.com/yinxin630/b… 前排提醒, 阅读本文需要对JavaScript较为熟悉, 本文将讲解核心功能点的设计思路 源码地址: github.com/yinxin630/f… 在线地址: fiora.suisuijiang.
-
vue+express图片上传并利用js-xlxs插件将图片链接导出到excel 一、介绍 vue + express实现图片上传，使用createObjectURL方法在前端页面显示图片缩略图，使用ClipboardJS实现复制剪切功能，最后利用js-xlxs插件将上传后的服务器端图片资源url地址导出到excel里面。本项目只是演示用，如果你是组件式开发，直接安装导入相关插件即可，其他方法都一样，最后实现效果图如下 二…
-
js对textarea换行符的处理方案 前言 本文很简单，就是记录一下js对textarea换行符的处理。 调试 随便写一个textarea <textarea name="" id="textareaid" cols="30" rows="10"></textarea> 整个调试如下图： 发现： textareaid里面的换行符可以通过indexOf获取 textareaid.val…
-
使用 NodeJS 可读流实现 “行读取器” 本文是对于 NodeJS 核心模块 fs 可读流 createReadeStream 的应用，实现 “行读取器”，功能为读取一个文档的内容，每读完一行触发一次监听的 事件，并对这一行数据进行处理。 LineReader 类的创建 实现 “行读取器” 的整体思路是创建一个类的实例，然后在这个实例上监听一个事件，并开始读取文件，每次读完一…
-
Vuex持久化插件-解决刷新数据消失的问题 vuex可以进行全局的状态管理，但刷新后刷新后数据会消失，这是我们不愿意看到的。怎么解决呢，我们可以结合本地存储做到数据持久化，也可以通过插件-vuex-persistedstate。 欢迎来点点我的个人博客 1.手动利用HTML5的本地存储 方法 vu
-
前端基于浏览器存储的AJAX性能优化 受后端开发redis启发，基于浏览器sessionStorage存储的ajax性能优化。 一.需求 随着单页面和前后端分离的兴起，ajax已经成为大部分前后端数据交互的途径。虽然ajax是异步的，但是随着页面上的需求越来越多，进入页面后要发很多个ajax请求，这样增加了服务器的压力，用户体验也不太好。而且有很多ajax请求（如商品详…
-
JavaScript图片轮播 This a photo-carousel that is written by JavaScript Demo GIF Functions 1.Scroll auto
-
我用Vue和React构建了相同的应用程序，这是它们的差别 作者｜Sunil Sandhu 译者｜无明 在工作中使用了 Vue 之后，我已经对它有了相当深入的了解。同时，我也对 React 感到好奇。我阅读了 React 的文档，也看了一些教程视频，虽然它们很棒，但我真正想知道的是 React 与 Vu
-
干货 | 一份我的前端技术进阶指南 近十年来，前端的发展势头迅猛，每年都会出现不少新的技术和标准。「If you are not growing，then you are dying.」这句名言对于前端工程师同样适用。维持现状就是落后的开始，不断地学习才是必修课。 话说回来，在时间和精力有限的情
-
vue 手写一个时间选择器 最近研究了 DatePicker 的实现原理后做了一个 vue 的 DatePicker 组件，今天带大家一步一步实现 DatePicker 的 vue 组件。 原理 DatePicker 的原理是——计算日历面板中当月或选中月份的总天数及前后月份相近的日子
-
VUE Cookbook 系列：实现可配置组合表单 本案例将会讲解如何使用 vue.js + ElementUI 开发一个简单的 可配置组合表单 Demo 。 示例源代码 github 操作演示（GIF 较大）： 在左侧新建表单区块，选择区块标题和表单组件类型后点击确定，会在中间区域生成一个块新的表单，右侧展示了所有表单的数据合并结果。 在本示例中你主要可以…
-
JavaScript-面试typeof xxx得到的值有以下几种类型：undefined boolean number string object function、symbol ，比较简单，不再一一演示了。这里需要注意的有三点：
-
JavaScript原生Ajaxxhr.open()注意：发送请求的地址相对执行代码的当前页面。 当调用send()之后，请求将发送到后台并且服务器响应之后xhr对象的属性将被自动填充：
-
javascript实现依赖注入的思路 作为一个开发人员，你不可避免要使用别的开发者提供的模块。我个人不喜欢依赖第三方模块，但这很难实现。即使你已经有了封装的非常好的组件，你仍然需要能将这些组件完美组合起来的东西。这就是依赖注入的作用。有效地管理依赖关系的能力现在是绝对有必要的。这篇文章总结了我对这
-
前端页面水印生成实现 最近在刷到一篇关于水印的文章，作者分享的几种实现方式，结合到自己的项目也有用到，所以将主要的前端生成策略进行了封装，以便以后项目使用。 Github | NPM ｜ DEMO canvas 生成方式 canvas 有着不错的兼容性，是一种比较可靠、成熟的可视化技术。但是它比较依赖分辨率，对文本的处理上也有着先天的…
-
web workers简介（一）基础使用 大家好，今天在这里简单介绍一下web workers的基本使用。 web workers web workers可以使得一些涉及复杂计算的逻辑在独立的线程运行，从而不会影响页面的性能，例如渲染、交互响应等。 web workers中可以使用大多数标准的JS特性，例如XMLHttpRequest等；当然web workers也有不少局限行，例如不能操作DOM、作用域是…
-
EggVueSsr实现前后端分离、服务器和客户端同构渲染Egg + Vue + Ssr 下一代web开发框架 环境版本 && 模式 Egg 版本: ^2.x.x; 模式： MVC Node 版本: ^8.x.x+ Npm 版本: ^5.x.x+ Webpack 版本: ^4.x.x Vue 版本: ^2.5.0 模式：MVVM egg-view-vue-ssr 版本: …
-
随时随地，阅读小说(mpvue) 初次用mpvue来开发，自身对小说比较感兴趣，所以仿了个微信阅读小程序，真的是该遇到的坑都遇到了。如果你还在面临一样的问题，不妨大家交流一下。主要是想看看大家的解决方案，hhhh~ 我这里写一些我遇到的问题以及解决方法，随后源码地址我会给出的。 复制代码 用到的技术: mpvue + easy-mock仿数据 + flyio + vuex …
-
利用NLP分析三大前端框架的GitHub Issue 译者按： 各大框架既有优点也有不足，且用且珍惜！ 原文: We analyzed the GitHub Issues from the most popular Front-End frameworks, here’s what we found
-
前端每日实战：96# 视频演示如何用纯 CSS 和 D3 创作一艘遨游太空的宇宙飞船效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] …
-
实现一个 JavaScript 模块捆绑器 如今，作为一名前端开发人员，基本上每个项目都会用到 WebPack，Browserify，和 Parcel 之类的打包工具。 了解这些工具的工作方式原理，可以帮忙我们如何更好的编写代码，以及更好更快地进行模块调试。 下边我会用最简单的方法和说明
-
Vue 全站缓存之 vue-router-then ：前后页数据传递 在前文 Vue 全站缓存之 keep-alive ： 动态移除缓存 和 Vue 全站缓存二：如何设计全站缓存 中，我们实现了全站缓存的基础框架，在页面之间后退或同层页面之间跳转时可以复用缓存，减少了请求频率，提升了用户体验，最赞的是，开发逻辑理论上会简单直观很多。 出现了一个新需求 在父子组件之间，数据可以通过 Prop …
-
受够了移动端的数字输入，我用vue写了个模拟键盘 前言 在H5开发过程中，涉及到用户输入的表单时，有一个非常常见的场景：输入数字，在此基础上往往还会涉及到限定数字范围等一系列逻辑处理。 这些限定倒还好说，我受不了的是设备键盘，目前常见的处理方式是用type="tel"直接唤起手机号码的键盘，如果想要输入负号，
-
vue-面试他们是动态的样式语言，是CSS预处理器,CSS上的一种抽象层。他们是一种特殊的语法/语言而编译成CSS。变量符不一样，less是@，而Sass是$;Sass支持条件语句，可以使用if{}else{},for{}循环等等。而Less不支持;Sass是…
-
Vue源码剖析——render、patch、updata、vnode 个人博客 如有错误，希望各位留言指点，乐意之极。 有点乱，各种方法交错，很难理清顺序，请海涵 flow前置 在Vue源码里，尤大采用了Flow作为静态类型检查，Flow是facebook出品的静态类型检查工具。 为什么要用Flow？ 众所周知，JavaScri
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
