前端开发

前端开发

前端开发

139 文章 0 话题 5084 浏览

Omiu 是什么?Omiu 介绍

Omiu 是基于 Omi 开发的跨框架 UI 组件库,输出标准 Web Components 的 Custom Elements,任意组件可以同时在 React、Vue、Preact、Omi 或者原生 JS 等任意框架或无框架中使用,非常方便。总体来看,Omiu 有这些特性: Omiu Codepen 合集 跨框架使用 集成 MUI 海量 ICON 移动端和 PC 共用一套组件 运行时的主题切换支…

JSmiles 2021-10-18 13:04:36 浏览 825 评论 0 收藏 0

Gulp v3.x 构建前端自动化工作流之常用插件介绍及使用

在对 Gulp 有了一个初步的了解之后,我们开始构建一个较为完整的 Gulp 开发环境。 本文主要分为 6 个段落: 1. 构建项目目录结构(Directory Structure Build) 2. 插件介绍及使用方法(Tasks and dependencies) 3. 扩展优化(Extend & Optimize Task) 4. 其他插件介绍(Other plug-ins) 5. …

JSmiles 2021-10-08 14:09:48 浏览 892 评论 0 收藏 0

Omi 前端跨框架跨平台框架

Omiu - 使用 Omi 打造的跨框架、跨主题 UI 组件库。 使用 TypeScript 开发跨框架的按钮组件: import { tag, WeElement, h, extractClass } from 'omi' import * as css from './index.scss' interface Props { size?: 'medium' | 'small' | 'mini…

JSmiles 2021-10-08 13:00:39 浏览 827 评论 0 收藏 0

Fes.js 一个好用的前端应用解决方案

Fes.js 是一个好用的前端应用解决方案。 以 Vue 3.0 和路由为基础,同时支持配置式路由和约定式路由,并以此进行功能扩展。配以覆盖编译时和运行时生命周期完善的插件体系,支持各种功能扩展和业务需求。以约定、配置化、组件化的设计思想,让用户仅仅关心用组件搭建页面内容。基于Vue.js,上手简单。经过多个项目中打磨,趋于稳定。 插件 插件 介绍 @fesjs/plugin-access 提供对…

JSmiles 2021-10-03 01:13:40 浏览 833 评论 0 收藏 0

CSS 学习笔记分享

一、CSS 注释 \/\*注释\*\/ 二、CSS 字体样式属性 1、font-size:子号大小 font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位 其中相对长度单位比较常用,推荐使用像素单位px。网页中普遍使用14px,默认16px。 注:尽量使用偶数的数字字号。ie 等老式浏览器支持奇数会有 bug。 2、font-family:字体 font-fam…

JSmiles 2021-09-29 09:38:25 浏览 684 评论 0 收藏 0

tween 是什么?如何使用?你为什么想用它?tween 用户指南 中文版

补间动画(来自 in-between)是一个概念,允许你以平滑的方式更改对象的属性。你只需告诉它哪些属性要更改,当补间结束运行时它们应该具有哪些最终值,以及这需要多长时间,补间引擎将负责计算从起始点到结束点的值。 例如,position对象拥有x和y两个坐标: var position = {x: 100, y: 0} 如果你想将x坐标的值从100变成200,你应该这么做: // 首先为位置创建一…

JSmiles 2021-09-28 21:28:54 浏览 870 评论 0 收藏 0

前端工程师纳米学位 CSS 样式指南

该指南是你在项目进行过程中所需遵守的官方指南。优达学城的评估人员会根据该指南为你的项目打分。在前端网页开发的世界中,有很"最佳"样式供你选择。因此,为了减少学生在项目过程中因选择何种样式所产生的困惑,我们强烈建议所有学生在其项目中遵循这个样式指南。 一. 通用规则 1.1 编码 使用 UTF-8 。 确保你的编辑器将没有字节顺序标记的 UTF-8 用作字符编码。 1.2 字母大小写 仅使用小写。 …

JSmiles 2021-09-11 19:36:27 浏览 933 评论 0 收藏 0

FIS 源码分析 fis release 概览

前面已经已 fis server open 为例,讲解了FIS的整体架构设计,以及命令解析&执行的过程。下面就进入FIS最核心的部分,看看执行 fis release 这个命令时,FIS内部的代码逻辑。 这一看不打紧,基本把 fis-kernel 的核心模块翻了个遍,虽然大部分细节已经在脑海里里,但是要完整清晰的写出来不容易。于是决定放弃大而全的篇幅,先来个概要的分析,后续文章再针对涉及的…

JSmiles 2021-08-16 10:18:57 浏览 1012 评论 0 收藏 0

FIS 源码分析 增量编译与依赖扫描细节

前面已经提到了 fis release 命令大致的运行流程。本文会进一步讲解增量编译以及依赖扫描的一些细节。 首先,在 fis release 后加上 --watch 参数,看下会有什么样的变化。打开命令行 fis release --watch 不难猜想,内部同样是调用release()方法把源文件编译一遍。区别在于,进程会监听项目路径下源文件的变化,一旦出现文件(夹)的增、删、改,则重新调用r…

JSmiles 2021-08-15 10:16:13 浏览 930 评论 0 收藏 1

FIS 源码解析 整体架构

这里假设本文读者对 FIS 已经比较熟悉,如还不了解,可猛击 官方文档。 虽然FIS整体的源码结构比较清晰,不过讲解起来也是个系统庞大的工程,笔者尽量的挑重点的讲。如果读者有感兴趣的部分笔者没有提到的,或者是存在疑惑的,可以在评论里跑出来,笔者会试着去覆盖这些点。 Getting started 如在开始剖析FIS的源码前,有三点内容首先强调下,这也是解构FIS内部设计的基础。 1、 FIS 支持…

JSmiles 2021-08-13 10:12:11 浏览 890 评论 0 收藏 0

Gulp:插件编写入门

写在前面 我们来看看下面的 gruntfile,里面用到了笔者刚写的一个 gulp 插件 gulp-preprocess。好吧,npm publish 的时候才发现几个月前就被抢注了。为什么星期天晚上在 http://npmjs.org/package/ 上没有搜到 TAT。 文中插件示例可在这里找到:https://github.com/chyingp/gulp-preprocess 这个插件基…

JSmiles 2021-08-10 16:17:18 浏览 964 评论 0 收藏 0

前端模块规范

今晚跟团队的小伙伴们碰了下项目中的前端模块规范,这里备忘下,主要包含几点内容 模块依赖声明 模块常用调用 example API 注释 变量、函数命名规范 模块整体概览 首先来个整体的文件概览,后面会逐项强调下上面说到的几点 /** * @fileoverview 前端模块规范的范例,主要注意的几点内容 * 1、模块依赖声明 * 2、模块常见调用example * 3、API注释 * @autho…

JSmiles 2021-08-09 16:13:46 浏览 915 评论 0 收藏 0

前端如何高质量完成产品需求开发

  • 前端如何高质量完成产品需求开发
  • 前端如何高质量完成产品需求开发
  • 前端如何高质量完成产品需求开发
  • 前端如何高质量完成产品需求开发

作为一个互联网前端老鸟,这么些年下来,做过的项目也不少。从最初的 我的QQ中心、QQ圈子,到后面的 QQ群项目、腾讯课堂。从几个人的项目,到近百号人的项目都经历过。 这期间,实现了很多的产品需求,也积累了一些经验。这里稍作总结,希望能给新入行的前端小伙伴们一些参考。 做好需求的关键点 要说如何做好一个需求,展开来讲,可以写好几篇文章,这里只挑重点来讲。 最基本的,就是把握好 3W:what、whe…

JSmiles 2021-08-01 10:27:03 浏览 950 评论 0 收藏 0

Grunt 入门教程

Grunt 是神马 基于任务的命令行构建工具(针对 JavaScript 项目) 链接:http://gruntjs.com/ 使用 Grunt 的理由 前端的工具算得上是五花八门,在介绍如何Grunt之前,首先我们得反问自己: Grunt能够帮我们解决什么问题? 是否有其他更合适的替代方案? Grunt 能够帮我们解决什么问题? 作为一名开发人员,我们见过了不少功能胡里花哨但并不实用的工具。但是…

JSmiles 2021-07-31 11:40:36 浏览 927 评论 0 收藏 0

前端开发者的基本要求

前几天我为一个项目写README文档,我希望其他开发者能够看到这个项目,并从中学到一些东西。突然我意识到,若放在几年前,我写作的过程中随口提到的Node,npm,Homebrew,git,测试还有产品构建,会把我魂都吓没了。 曾经有段时间,一个前端开工程师基本的工作流程是:编辑文件,本地测试下(尽我们可能做到最好),然后通过FTP上传到服务器。我们评价一个前端工程师的水平,是通过他是否能够兼容 I…

JSmiles 2021-07-31 11:27:22 浏览 822 评论 0 收藏 0

简介

前端开发是创建 Web 页面或 app 等前端界面呈现给用户的过程,通过HTML,CSS 及 JavaScript 以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。

更多

推荐作者

酷科技中心

文章 0 评论 0

奢华的一滴泪

文章 0 评论 1060

wee19851625867

文章 0 评论 0

highfish

文章 0 评论 0