前端开发

前端开发

记录踩坑ios系统时间转时间戳为NAN情况

前端百科hardy 发表了文章 • 0 个评论 • 586 次浏览 • 2020-06-05 10:12 • 来自相关话题

new Date(2020-6-4 10:10).getTime()得到的返回结果为NAN。
解决办法:只要把时间格式换成2020/6/4 10:10就可以了。
这里的转换可以用正则来实现
let time = 2020-6-4 10:10;
new Date...
查看更多

CSS3:SVG 动画

前端教程hardy 发表了文章 • 0 个评论 • 691 次浏览 • 2019-07-04 17:15 • 来自相关话题


CSS3 动画已然足够强大,不过还是有一些它做不到的地方,例如轨迹(路径)动画的实现。配合 SVG,可以让 Web 动效有更多的可能性。

案例实战 - 实现一个购物袋的 loading 动效

下面以一个购物袋...
查看更多

CSS3:逐帧动画

前端教程hardy 发表了文章 • 0 个评论 • 1477 次浏览 • 2019-06-28 09:20 • 来自相关话题


前面我们花了很大的篇幅去讲解「补间动画」的开发,除了因为它最常见,还因为其中间的许多实现思路(如「动效的审查与分解」、「基于 AE 动效稿还原动画」)同样适用于本小节将要介绍的另一种常见的基础动画形式 —— 「逐帧动画」。

[size=16][b]什么是逐...
查看更多

js操作数组对象进行相同项合并处理

前端教程hardy 发表了文章 • 0 个评论 • 1175 次浏览 • 2019-06-14 09:48 • 来自相关话题

最近工作中遇到数据处理,其中数组合并处理个人感觉有点意思,下面整理了自己进行数组相同项合并的处理方法,仅供参考:
1.首先由原始的数组arr数据,
2.然后创建一个map空对象和一个arr1空数组,通过判断map中是否含有某项来判断数组arr1是否添加数据,
...
查看更多

generator-实例:KOA

前端教程hardy 发表了文章 • 0 个评论 • 486 次浏览 • 2019-06-07 17:29 • 来自相关话题

咱们之前讲了generator怎么用,也讲了各种例子,比如上次的runner,咱们再来说说另外一个例子,让大家更明确的看一看generator能用在哪。
实际上generator在一个地方用的还蛮多,它在另外一个框架里也有用到,就是KOA,不知道大家有没有见过...
查看更多

generator——实例:runner

前端教程hardy 发表了文章 • 0 个评论 • 595 次浏览 • 2019-05-31 10:42 • 来自相关话题

咱们本篇说的依然还是咱们的generator,实际上来说,咱们之前已经说了generator是啥以及generator里的yield怎么个用法,那接下来呢,咱就要具体来看个例子了,东西咱都搞明白了,之前也说这个东西能解决异步操作,那下面就来看看怎么玩。
 
首...
查看更多

generator-yield到底是个啥

前端教程hardy 发表了文章 • 0 个评论 • 543 次浏览 • 2019-05-23 15:06 • 来自相关话题

咱们通过上篇文章的简单介绍,已经了解到yield是放弃执行,放弃现在继续执行的权利,把权利让给别人,什么时候想继续执行的时候,再调一次就好。接下来咱们说两件事,就是yield是一个很有意思的东西,它可以传参,也可以有返回值。(提醒:接下来的东西略微有点难懂,大...
查看更多

CLI 原理及不同端的运行机制

前端教程hardy 发表了文章 • 1 个评论 • 963 次浏览 • 2019-03-29 14:08 • 来自相关话题

CLI 原理及不同端的运行机制

taro-cli 负责 Taro 脚手架初始化和项目构建的的命令行工具,NPM 包的链接在这里:[url=http://www.npmjs.com/package/@tarojs/...
查看更多

进阶篇 1:Taro 设计思想及架构

前端教程hardy 发表了文章 • 0 个评论 • 1614 次浏览 • 2019-03-06 09:11 • 来自相关话题

Taro 设计思想及架构
[quote]
Taro 诞生之初是为了解决微信小程序开发的一系列痛点,那么它是如何从一个小程序开发框架慢慢演变成一个多端统一开发框架的呢?本章节将带你了解 Taro 的整体设计思想与架构...
查看更多

基础篇 6:在 Taro 中使用 Redux

前端教程hardy 发表了文章 • 0 个评论 • 846 次浏览 • 2019-02-27 10:42 • 来自相关话题

在 Taro 中使用 Redux
 
前言

读了上篇文章,相信大家已经掌握了初步的 Taro 开发技能了,本文将带领大家结合 Redux 完善一个 Todolist。...
查看更多

基础篇 5:用 Taro 实现一个简单的 Todo 项目

前端教程hardy 发表了文章 • 0 个评论 • 1363 次浏览 • 2019-02-13 10:01 • 来自相关话题

用 Taro 实现一个简单的 Todo 项目
 
按前面章节的介绍操作,想必已经安装好了 Taro 了,现在我们来实现一个简单的 Todo 项目进行实战。

创建项目
...
查看更多

基础篇4:Taro 开发说明与注意事项

前端教程hardy 发表了文章 • 0 个评论 • 1472 次浏览 • 2019-01-28 15:28 • 来自相关话题

Taro 开发说明与注意事项
 
在成功安装 Taro 后准备开发前,我们有必要了解一下 Taro 的一些注意事项避免踩坑。
 
微信小程序开发工具的配置
 
若使用微...
查看更多

基础篇3:多端统一开发框架 Taro 的安装与使用

前端教程hardy 发表了文章 • 0 个评论 • 1037 次浏览 • 2019-01-21 16:48 • 来自相关话题

安装

Node 环境

Taro 是一个基于 NodeJS 的多端统一开发框架,在安装使用 Taro...
查看更多

第二篇:微信小程序开发入门与技术选型

前端教程hardy 发表了文章 • 0 个评论 • 1238 次浏览 • 2019-01-15 14:16 • 来自相关话题

微信小程序是以微信为运行环境的一种应用,其实质是 Hybrid 技术的应用,Hybrid App 即混合模式移动应用,因此与 H5 类似,但又比 H5 拥有很多原生的能力,例如调用位置信息和摄像头等。

小程序的开发方式与 H5 十分相似,用的也是 JavaS...
查看更多

第一篇:React 核心语法初识

前端教程hardy 发表了文章 • 0 个评论 • 573 次浏览 • 2019-01-14 11:18 • 来自相关话题

React 核心语法初识

上篇文章提到 React 、 Angular 、 Vue 三大框架大行其道,前端开发也变得越来越规范化,工程化,我们常说的前端,也不仅仅局限于 H5 和网页端,而是延伸到了小程序、移动端...
查看更多

Node.js简介

前端框架admin 发表了文章 • 0 个评论 • 2126 次浏览 • 2014-10-28 10:27 • 来自相关话题

Node.js是什么?
Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同时连接到一个(只有一个)物理机的连接代码。


[img]http://www....
查看更多

记录踩坑ios系统时间转时间戳为NAN情况

前端百科hardy 发表了文章 • 0 个评论 • 586 次浏览 • 2020-06-05 10:12 • 来自相关话题

new Date(2020-6-4 10:10).getTime()得到的返回结果为NAN。
解决办法:只要把时间格式换成2020/6/4 10:10就可以了。
这里的转换可以用正则来实现
let time = 2020-6-4 10:10;
new Date...
查看更多

CSS3:SVG 动画

前端教程hardy 发表了文章 • 0 个评论 • 691 次浏览 • 2019-07-04 17:15 • 来自相关话题


CSS3 动画已然足够强大,不过还是有一些它做不到的地方,例如轨迹(路径)动画的实现。配合 SVG,可以让 Web 动效有更多的可能性。

案例实战 - 实现一个购物袋的 loading 动效

下面以一个购物袋...
查看更多

CSS3:逐帧动画

前端教程hardy 发表了文章 • 0 个评论 • 1477 次浏览 • 2019-06-28 09:20 • 来自相关话题


前面我们花了很大的篇幅去讲解「补间动画」的开发,除了因为它最常见,还因为其中间的许多实现思路(如「动效的审查与分解」、「基于 AE 动效稿还原动画」)同样适用于本小节将要介绍的另一种常见的基础动画形式 —— 「逐帧动画」。

[size=16][b]什么是逐...
查看更多

js操作数组对象进行相同项合并处理

前端教程hardy 发表了文章 • 0 个评论 • 1175 次浏览 • 2019-06-14 09:48 • 来自相关话题

最近工作中遇到数据处理,其中数组合并处理个人感觉有点意思,下面整理了自己进行数组相同项合并的处理方法,仅供参考:
1.首先由原始的数组arr数据,
2.然后创建一个map空对象和一个arr1空数组,通过判断map中是否含有某项来判断数组arr1是否添加数据,
...
查看更多

generator-实例:KOA

前端教程hardy 发表了文章 • 0 个评论 • 486 次浏览 • 2019-06-07 17:29 • 来自相关话题

咱们之前讲了generator怎么用,也讲了各种例子,比如上次的runner,咱们再来说说另外一个例子,让大家更明确的看一看generator能用在哪。
实际上generator在一个地方用的还蛮多,它在另外一个框架里也有用到,就是KOA,不知道大家有没有见过...
查看更多

generator——实例:runner

前端教程hardy 发表了文章 • 0 个评论 • 595 次浏览 • 2019-05-31 10:42 • 来自相关话题

咱们本篇说的依然还是咱们的generator,实际上来说,咱们之前已经说了generator是啥以及generator里的yield怎么个用法,那接下来呢,咱就要具体来看个例子了,东西咱都搞明白了,之前也说这个东西能解决异步操作,那下面就来看看怎么玩。
 
首...
查看更多

generator-yield到底是个啥

前端教程hardy 发表了文章 • 0 个评论 • 543 次浏览 • 2019-05-23 15:06 • 来自相关话题

咱们通过上篇文章的简单介绍,已经了解到yield是放弃执行,放弃现在继续执行的权利,把权利让给别人,什么时候想继续执行的时候,再调一次就好。接下来咱们说两件事,就是yield是一个很有意思的东西,它可以传参,也可以有返回值。(提醒:接下来的东西略微有点难懂,大...
查看更多
专注前端开发的相关技术、经验、技巧、书籍、手册、框架分享。