20180303 前端开发日报

vue 实现剪裁图片并上传服务器;前端简洁并实用的工具类;顶级高性能动画Javascript类库KUTE.js实战入门介绍;JavaScript without JavaScript: Intercooler.js;Vue全家桶+TypeScript使用总结;用 Codable 协议实现快速 JSON 解析;JavaScript中正则表达式的使用;聊聊JS里的this

  1. vue 实现剪裁图片并上传服务器 预览链接点击预览 需求 预览:根据选择图像大小自适应填充左侧裁剪区域 裁剪:移动裁剪框右侧预览区域可实时预览 上传&清空:点击确认上传裁剪图片,点击取消按钮清空图像 裁剪框可调节大小 实现步骤 methods:funName() – 对应源码中methods中的funName方法 …
  2. 前端简洁并实用的工具类前言 本文主要从日期,数组,对象,axios,promise和字符判断这几个方面讲工作中常用的一些函数进行了封装,确实可以在项目中直接引用,提高开发效率. 1.日期 日期在后台管理系统还是用的很多的,一般是作为数据存贮和管…
  3. 顶级高性能动画Javascript类库KUTE.js实战入门介绍 基于javascript的动画类库其实有挺多滴, 在这套教程中我们将介绍一款新的javascript动画类库 – KUTE.js, 和其它动画类库不同的地方, 在于KUTE.js拥有非常高效的动画性能, 并且优化了内存, 模块化的代码管理 大家访问 KUTE.js 类库的首页可以看到一个非常赞的动画效果演示,如下: 可以看到以上动画非常…
  4. JavaScript without JavaScript: Intercooler.js Intercooler.js is a wonderful way to add dynamicity to applications without bringing in the complexity of a frontend framework. More than enough has been written about single-page applications, frontend frameworks and when they are and are not appropriate. Instead, I’d like to talk …
  5. Vue全家桶+TypeScript使用总结前言 最近重构了我之前项目 qq 音乐移动端,使用的技术是 vue,vuex,vue-router,和 typescript,在这期间,遇到的问题还是蛮多的,一会儿我会把我遇到的问题以及解决方法列出来,避免忘记。 重构完成的项目 ===…
  6. 用 Codable 协议实现快速 JSON 解析 如果你是一名有一定开发经验的开发者,那么你就一定会遇到过数据解析的问题。 最常见的就是 JSON 数据的解析,你的 APP 总会要请求一些服务器数据,比如各种信息列表,配置数据等。 如果你之前用过Objective-C的话, 那么你一定对NSJSONSerialization并不陌生。 它的总体步骤大致是这样,先从Data对象中解析出NSDi…
  7. JavaScript中正则表达式的使用 注意点:正则是使用到字符串上的,在 javascript 弱语言中有时候你可能会使用到数字的时候,注意也要转换成字符串 一、定义正则的方式 1、简单直接的定义方式(常用这种方式) var reg = /javascript/gi 2、使用对象方式创建一个正则(这种方式的使用创建要匹配的内容是一个变量) …
  8. 聊聊JS里的this 在我刚开始学js和写js时,以及在工作中,我都被 this 这家伙困扰过,迷惑过。经过我查阅书籍和反复实践,终于大致搞懂了关于 this 这个机制,其实,它并不难,还挺有意思的。下面我就来总结和解析下什么是 this 。 什么是this?为什么要用this? ‘this’是JS中一个机制,也是一个关键字,它被自动定义在所…
  9. 【完结汇总】iKcamp出品基于Koa2搭建Node.js实战共十一堂课(含视频) 独特的『同步学习』方式 文案讲解+视频演示,文字可激发深层的思考、视频可还原实战操作过程。 云集一线大厂有真正实力的程序员 iKcamp 团队云集一线大厂经验丰厚的码农,开源奉献各教程。 改版自真实的线上项目 教程项目并非网上随意 Demo ,而是来源于真实线上项…
  10. 快速入门vue-cli配置 作为一名使用了一段时间Vue.js的新手,相信和不少初入Vue的朋友一样,都对Vue-cli的配置一知半解。后来通过对webpack的学习,也算是对脚手架的配置有了一定的了解,所以也想把这段时间自己的成果分享给大家,希望能和大家一起进步。 有两点要说明的: 阅读本文需要了解一点点webpack的知识,至少要entry,outp…
  11. NativeScript-Vue,了解一下?What is NativeScript? NativeScript 是一个可以让你用Typescript或JavaScript开发原生ios或android app的开源框架在我写下这篇文章的时候,github上的star数为12k。 What is Vue.js? Vue是一套用于构建用户界面…
  12. 3-进军 angular1.x 模型和作用域 scope ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值。 ng-model 指令可以将输入域的值与 AngularJS 创建的变量绑定。 <div ng-app="myApp" ng-controller="myCtrl"> 名字: <input ng-model="name"> </div> <script> va…
  13. 基于vue的记事本应用 vuememo – 更新 新版本更新支持 Markdown 形式的笔记,支持导出 .png 格式的笔记图片,复制内容到剪贴板方便分享,支持将所有笔记数据导出为 JSON 格式的文件等。 :100: VUEMEMO 基于 Vue.js 的简单记事本 SPA 。Mint-UI、Vue、VueRouter、Vuex,使用localStorage作为数据本地持久化,并支持使用Markdown格式笔记,主要功能有增查改…
  14. Node.js 性能分析神器 Easy-Monitor 摘要: 使用Easy-Monitor,可以准确定位Node.js应用的性能瓶颈,帮助我们优化代码性能。 当应用出现性能问题时,最大的问题在于:如何准确定位造成性能瓶颈的代码呢?对于Node.js开发者,这里推荐一下Easy-Monitor,它应该是阿里巴巴某个90后程序员开发的。这个NPM模块可以帮助我们快速定位性能瓶颈。 问题 …
  15. Uvicorn:基于 asyncio 开发的轻量级高效 Web 服务器框架 uvicorn简介 uvicorn是一个基于asyncio开发的一个轻量级高效的web服务器框架。 官网:http://www.uvicorn.org uvicorn设计的初衷是想要实现两个目标: 使用uvloop和httptools实现一个极速的asyncio服务器。 实现一个基于ASGI(异步服务器网关接口)的最小的应用程序接口。 …
  16. 用Prettier格式化JavaScript代码 假如你有过编程经验的话,你应该很清楚,很难做到既让代码简洁明了,又使不同的代码书写风格在一个项目中保持一致性。即便你花了很多时间达到了这个目的,其它的开发者也会提交他们的修改或者禁用某些标志以方便他们快速提交代码,从而让你的努力功亏一篑。 在格式化代码上浪费时间是一件很枯燥的事情,Prettier的目标…

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流