20190303 前端开发日报

浅谈如何搭建Vue项目;React vs Angular,到底谁更牛?;[Node.js] 3、搭建hexo博客;在 JavaScript 中优雅的提取循环内的数据;js面试题(下);77.利用js异步获取数据;vue项目中使用token的身份验证的简单实践;重塑你的CSS世界观——浮动魔鬼float

  1. 浅谈如何搭建Vue项目 问题描述 最近在学习Vue的框架,Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动…
  2. React vs Angular,到底谁更牛? 【51CTO.com原创稿件】您是否对当前两款前端开发框架无从选择?本文将深入比较并分析 React 和 Angular 哪个项目更适合您。 在编程领域,Angular 和 React 对于前端开发人员来说是目前最流行的两款 JavaScript 框架。 2018 年版的 Stack Overflow Developer Survey 认为:Angular、React 和 Node.js 是所有软件…
  3. 在 JavaScript 中优雅的提取循环内的数据翻译:疯狂的技术宅 原文:[链接] 在本文中,我们将介绍两种提取循环内数据的方法:内部迭代和外部迭代。 循环 举个例子,假设有一个函数 logFiles(): {代码…} 从 A 行开始的循环用来记录文件路径。它是 for-o…
  4. js面试题(下)e.getAttribute(),是标准DOM操作文档元素属性的方法,具有通用性可在任意文档上使用,返回元素在源文件中设置的属性
  5. 77.利用js异步获取数据 由于页面在已经展开的某些情况下,需要通过用户操作来调用一些当前尚未获取的数据,这就会用到异步。 web上比较简单的做法,是使用一个iframe来取得相应的数据,并且在iframe的父窗口上获取iframe内页面的数据。 这里使用一个校验的例子。 用户端提供一个值,点击一个按钮去进行校验。这时候已经在同一个页面填写…
  6. vue项目中使用token的身份验证的简单实践 前端页面进行登录操作, 将用户名与密码发给服务器; 服务器进行效验, 通过后生成token, 包含信息有密钥, uid, 过期时间, 一些随机算法等 ,然后返回给前端 前端将token保存在本地中, 建议使用localstorage进行保存. 下次对服务器发送请求时, 带上本地存储的token 服务器端,进行对token的验证, 通过的话, 进行相应…
  7. 重塑你的CSS世界观——浮动魔鬼float由于从工作到现在,我的主要工作都是写JavaScript,几乎没怎么碰CSS,通常都是别人写好界面,然后我来开发JavaScript逻辑代码,这导致了严重的偏科,CSS弱得很,所以我决定要重新学习CSS,从打好CSS2的基础开始。…
  8. 用一天入门 canvas 和 JavaScript 在最近的 JavaScript 30天挑战中,我有机会了解 HTML 内置 canvas的特性。相对适宜的等级和学习曲线,使我写下整个过程。 HTML canvas 用最简单的方式,使web 开发者能够通过JavaScript在网页上绘制图形。这样,HTML 元素变得更加有趣。 <canvas> 元素只是个容器,你总是需要使用 JavaScript 来准确绘制图…
  9. canvas 波浪效果基于canvas的三次贝塞尔曲线(bezierCurveTo) {代码…}
  10. 详解NodeJs流之一 如果你对NodeJs系列感兴趣,欢迎关注微信公众号:前端神盾局或 github NodeJs系列文章 流从 早先的unix 初出茅庐,在过去的几十年的时间里,它被证明是一种可依赖的编程方式,它可以将一个大型的系统拆成一些很小的部分,并且让这些部分之间完美地进行合作。 在node中,流的身影几乎无处不在,无论是操作文件、…
  11. Weex系列(6) —— web组件和webview目录 Weex系列(序) —— 总要知道原生的一点东东(iOS) Weex系列(序) —— 总要知道原生的一点东东(Android) Weex系列(1) —— Hello World项目 Weex系列(2) —— 页面跳转和通信 Weex系列(3) —— 单页面还是多页面 Weex系…
  12. gulp实现js,css, image压缩 最近项目被人盗取了很多前端页面设计和功能, 很是操心,总结了下主要是由于以前经验不足,好多js都直接暴露在框架外部,前端没有进行压缩,后端没有做路径保护这些,今天研究了下gulp压缩js,css,image发现还是很好用滴。 1.安装node.js 下载地址: https://nodejs.org/en/ 安装教程: http://www.runoob.com/nod…
  13. 使用 webpack 构建应用 如何使用 webpack npm init -y npm install webapck webpack-cli –save-dev touch webpack.config.js 在 webpack.config.js 中下面添加内容 const path = require(‘path’); module.exports = { entry: ‘./src/index.js’, output: { filename: ‘main.js’, path: path.resolve(__dirname,…
  14. 如何用JS做一个小清新导航? 本文主要介绍: 项目介绍(简介,功能,使用到的技术栈) 项目效果展示 一步步实现项目效果 踩坑 一、项目介绍 名称:优美快捷的小清新导航 技术栈:HTML5,CSS3,JavaScript 功能描述: 一个优美快捷的个人导航页,附加主流搜索引擎 搜索 功能 为键盘上的 26 个字母绑定了导…
  15. 循序渐进DIY一个react(三) 在正式进入实现之前,我们先来了解一下几个概念。首先,“映射”这个概念已经在第一篇文章里面介绍过了,这里就不在赘述了。我们来讲讲这里所说的“整树”和“协调”到底指的是什么? 熟悉react的读者都知道,完整的react应用是可以用一颗组件树来表示的。而组件树背后对应的归根到底还是virtual DOM对象树。react官方推荐仅…
  16. 在vue移动端项目中,配合clipboard.js插件,复制一段密令(类似淘宝支付宝口令)的文本到剪切板需求 开发过程中遇到的需求需要复制 请求过来的一段密令(类似支付宝淘宝口令)到剪切板。 pc端的文本复制到剪切板 如果是在pc端的话,可以直接使用原生js进行编写,代码如下: {代码…} 但是这种方法在移动端会…

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

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


关注我

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

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

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