Giter Site home page Giter Site logo

front-end-daily's Introduction

npm version Build Status devDependency Status NPM downloads

中文文档

Introduction

tinper-neoui is based on the UI design language IUAP design to achieve the enterprise-class front-end framework. It can help users to quickly build a standard consistent front page and improve the development efficiency

Features

  • Rich components

  • Download resources according to your needs

  • Responsive layout

  • Adapter mainstream browser (IE8+ 、firefox、Chrome、Safari)

Quickstart

Get neoui

  • npm
npm install tinper-neoui
  • cdn
css Path: //design.yonyoucloud.com/static/neoui/latest/css/neoui.css
JS Path: //design.yonyoucloud.com/static/neoui/latest/js/neoui.js

Introducing neoui

  • ES6
import { neoui } from "tinper-neoui"
  • HTML
css:
	 <link href="//design.yonyoucloud.com/static/neoui/latest/css/neoui.css" rel="stylesheet">

JS :
	<script src="//design.yonyoucloud.com/static/jquery/jquery-1.11.2.js"></script>
    <script src="//design.yonyoucloud.com/static/neoui/latest/js/neoui.js"></script>

Note: neoui is dependent on jQuery

Use

<button class="u-button u-button-primary">Hello World!</button>

Read the Develop documentation for information on the framework contents, templates and examples, and more.

Contributing

Feedback

If you encounter any problems , submit issues,or pull request。

PR code

Develop

Developers can participate in the development of neoui, but also can be based on neoui two development

tinper-neoui use gulp.js and webpack build the project.

clone:

$ git clone [email protected]:iuap-design/tinper-neoui.git

install:

$ npm install

build:

$ npm run product

Licence 版权

MIT

front-end-daily's People

Contributors

boyuzhou avatar guoyongfeng avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Forkers

xdmxr iijin

front-end-daily's Issues

前端技术日报:20170730期 (导读:React 16 Beta 抢先使用和说明、京东618:ReactNative框架在京东无线端的实践)

前端技术日报:20170730期

  • 责任编辑:郭永峰
  • 期刊日期:2017.07.30

React & React Native

  • 京东618:ReactNative框架在京东无线端的实践
    企业生产环境大规模使用 RN 深度开发业务,一定会遇到很多的需求和潜在的BUG,以及很多性能优化的需求。京东基于 RN 的实践给出了很多非常有价值的总结和解决方案。
  • React 16 Beta 抢先使用和说明
    对于 React 16 版本,大家一直非常期待,因为这个版本用上了 Fiber 算法进行了一次大升级(不过对于开发者实际写代码影响不大)。相比 vue 这段时间的声音,React 显得有些安静,这次的 Beta 版本大家已经可以结合文档进行使用了。

前端技术日报:20170710期

前端技术日报:20170710期

  • 责任编辑:李钢
  • 期刊日期:2017.07.10

css guideline

webpack

  • loader-utils
    对于前端工程化,我觉得webpack是一个非常重要的工具,最近在分析loader的源代码
    其中一个库必须研究一下loader-utils,这个
    也是官方推荐的编写loader的util,目前对于loader的定制还需要深入理解

前端技术日报:20170731期 (导读:div+css3d实现VR炫酷效果,H5常见的动效集锦,canvas实现雨雪效果等)

炫酷效果,这里有你需要的!
-如何评价淘宝造物节邀请函的前端设计?
(用手机看,效果更炫,有类似vr的视觉效果)
-H5动效的常见制作手法
-前端如何呼风唤雨
(canvas实现的效果)
-腾讯AlloyTeam团队的CSS3 UI 库

前端的存储
-[聊一聊系列]聊一聊前端存储那些事儿
(主要看了cookie,sessionStorage,localStorage)
额外小技能
-前端技能之切图

附上结尾或点评。

前端技术日报:20170713期(导读:数据结构和算法在前端的应用、深入比较http和https、函数表达式和函数声明等)

前端技术日报:20170713期

  • 责任编辑:陈进飞
  • 期刊日期:2017.07.13

本次分享主要以算法和原生js为主,开发大脑,从算法开始。

原生js

你真的掌握了函数表达式和函数声明吗?

通信协议类文章

深入比较http和https

算法

数据结构和算法在前端的使用
浅拷贝与深拷贝

组件化架构

Vitrual DOM讲解
vue源码解析
数据双向绑定

前端技术日报:20170704期(导读:类 React 方案推荐与对比、近期 ECMA 规范的发展、前端 CLI 工具)

前端技术日报:20170704期

类 React 方案推荐与对比

React 是一个成熟稳定的优秀框架,但在移动端项目中使用的时候,我们还是会忌惮 React + React-dom 打包并压缩后 170kb 左右的体积,在流量和性能的考虑中,社区和各大公司也在探索基于 React 的思路再造类 React 的方案,其风颇有当年雨后春笋般冒出的各种模拟 JQuery 的气势,So,这次我们也来对比一下:

  1. Preact 是 React 的 3kb 轻量化方案
  2. QReact 一个与 React 高度兼容的 React 迷你实现
  3. react-lite is an implementation of React that optimizes for small script size
  4. An extremely fast, React-like JavaScript library for building modern user interfaces
  5. rax

近期 ECMA 规范的发展

  1. TC39, ECMAScript, and the Future of JavaScript

A thorough explanation of how new features make it into JavaScript, before focusing on some practical examples including Array#includes, named captures, and lookbehind assertions in regexes.

  1. ECMAScript® 2018 Language Specification

好吧,简而言之,这就是 ES2018(不过这个可是官方版哦)。不得不说,发展太快,新的没看完,新新的已经在路上。虽然浏览器暂时也跟不上规范的步伐,但也得同步学习和关注啊,作为 JavaScript 开发者,关注语言的动态发展有助于以后对技术更有取舍和大局观。

前端 CLI 工具 (基于 webpack)哪家强

webpack 作为一款趁手的打包 & 构建工具,在前端领域使用的尤为广泛。但繁多的功能、配置方式、loader使用、plugin的使用以及和其他工具的结合,这些让快速搭建一个适用的项目工程却反而多了一道门槛,这时基于 webpack 的 CLI 工具也应运而生(暂列部分):

  1. preact-cli
  2. create-react-app
  3. tinper-uba
  4. vue-cli
  5. ykit

移动端相关

  1. Element.scrollIntoViewIfNeeded()

Element.scrollIntoViewIfNeeded() 方法用来将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。 如果该元素已经在浏览器窗口的可见区域内,则不会发生滚动。

前端技术日报:20170718期(导读:重新回归CSS,JS,多是一些小的知识点)

前端技术日报:20170718期

  • 责任编辑:yaoxinc
  • 期刊日期:2017.07.18

可以增加部分对全文内容的导读或说明

CSS

JS

Node与性能优化

附上结尾或点评。

前端技术日报:20170716期(Node.js v8.x 新特性 Async Hook 简介,人工智能知识体系大全,看完这张图你也成为AI专家)

前端技术日报:20170716期

  • 责任编辑:赵宇
  • 期刊日期:2017.07.16

nodejs

  • Node.js v8.x 新特性 Async Hook 简介
    Node.js 是因异步的特性而流行,然而异步的特性本身却有一定的缺陷。从笔者的角度看来简单来说有三个:1、思路差异;2、复杂的场景控制困难;3、难以调试/监控。

AI

  • Google开源AI问答游戏系统,这是一份概要指南
    刚刚,Google开源了一套问答游戏App系统。
    通过一套模板工具可以,你只要给出问题和答案,就能搞出一套功能齐备的AI问答游戏。这套问答系统基于Google Assistant虚拟助手,所以(理论上)适用于Google Home智能音箱、Android手机和iPhone手机等平台。
  • 人工智能知识体系大全,看完这张图你也成为AI专家
    (智能菌 :对于一个初入行者来说,怎么学习人工智能?这是很多人一直遇到的问题,今天智能菌在结合创新工场的AI知识图谱基础上,为大家全面做了一个梳理,希望对大家有帮助)

Java

  • Java学习路线图
    AVA学习路线图 此乃是java攻城狮的学习路线图,由简到繁,由易到难,一步步的学习,最后成为 JAVA攻城狮。希望对大家的学习有所帮助 !

前端技术日报:20170727期(导读:react context, 美团高可用)

前端技术日报:20170707期

  • 责任编辑:boyuzhou
  • 期刊日期:2017.07.27

react context, 美团高可用

React

实战

js小tip

姿势

附上结尾或点评。

前端技术日报:20170708期( 导读:自己搭建vpn服务器,nodejs的async用法,偏原理方向 )

前端技术日报:20170708期

自己搭建vpn服务器

之前一直是使用vpn翻墙软件,但是由于软件被封。最近的vpn的价格上涨的太快,所以不如自己搭建一个。

nodejs的async用法

最近查看项目代码,发现了使用async去操作读取多目录结构的文件十分方便。

偏原理方向

前端技术日报:20170803期 ( 导读:我们在前端的浮浮沉沉中,如何克服疲劳。虽然tinper、react、vue各有千秋! )

前端技术日报:20170803期

  • 责任编辑:胡玥
  • 期刊日期:2017.08.03

如今的前端的框架很多,新东西也越来越多。作为前端工作者的我们也有同样的感受,但是我们该如何做到,坚定本心,踏踏实实学好。这是一门学问!

全栈React

一共有30篇文章,这里只是列出了目录的文章。感觉很赞!

克服疲劳

如今的前端的框架很多,新东西也越来越多。作为前端工作者的我们也有同样的感受,但是我们该如何做到,坚定本心,踏踏实实学好。这是一门学问!

各有千秋

正如文章里面说的,每个框架各有千秋。就好像,我觉得tinper也很棒,也很好用!它包含各种前端解决方案!

前端技术日报:20170806期 ( 导读:Vue与React两个框架的区别和优势对比, React Native 学习笔记,JavaScript 生态圈现状南-初学者地图等)

前端技术日报:20170709期

前端技术日报:20170709期

移动端键盘挡住输入框

前段时间做移动端,遇到点击输入框之后,手机键盘会把输入框挡住,有些手机会自动上滑不会影响,有些则不会,以下多个方式解决这个问题。在不改变设计的情况下,使用前面的解决方案。文中建议从设计角度解决问题,以免各个手机型号不同问题不断
WebAPP输入框被软键盘遮挡肿么办?

使用jsqrcode上传图片解析二维码

使用jsqrcode解析二维码需要依赖jquery或者zepto
Html5实现二维码扫描并解析
jsqrcode 地址

npm 简单命令

让你备受刮目相看的8个npm技巧

史上最全的前端资源大汇总

史上最全的前端资源大汇总

前端技术日报:20170805期( 导读:svg和pwa基础)

前端技术日报:20170805期

  • 责任编辑:ligang
  • 期刊日期:2017.08.05

关于svg的几篇文章

SVG系列教程:坐标系统
理解SVG的viewport,viewBox,preserveAspectRatio
d3只提供了数据驱动部分,并不限制绘图工具,可以canvas,也可以svg,我选择在考虑兼容性的前提下使用svg优先

pwa学习的链接

apple正在积极开发serviceworker了,pwa可以学了
JavaScript Libraries for Progressive Web Apps
offline-cookbook

前端技术日报:20170702期

前端技术日报:20170621期

前端技术日报:20170707期

博客篇

1.HTML 自定义元素教程
阮老师带来了W3C组件化的自定义html标签教程,从此在页面中,自由嵌入<ao-te-man>,<xiao-guai-shou>不是梦。当然,只有Chrome支持,你看着办...

2.我对知乎前端相关问题的十问十答
张鑫旭的一个集中回复贴,我们写不出像张鑫旭深入浅出的文章,自是我们书读的太少,太浮躁

3.Comment.js:一个纯JS实现的静态站点评论系统
天下之势,分久必合,合久必分,多说羸弱,墙头摇摆各色大王旗。
从github issue跳转拉取回复,体验一星,但着实是在不买服务器,利用不拔一毛的前提下,实现需求的一个实战例子

4.【第978期】ECMAScript 2018 标准导读
ES8 的 5 个特性以及对 ES9 的展望 - Blog | SitePen
这是前端又一次喜闻乐见,让我们静待Async Functions.
在前端不断更新迭代中,愿你出走半生,归来仍是少年

5.html2canvas
最近玩的一个dom转canvas,希望你喜欢

前端技术日报:20170720期 (导读:听歌写动画搞事情)

前端技术日报:20170720期(听歌写动画搞事情)

  • 责任编辑:李卫东
  • 期刊日期:2017.07.20

来听歌写动画搞搞事情

不如听歌

  • listen1 - js
    你还在为听歌找不到歌而烦恼吗?试试这个低调不失内涵的浏览器插件。
    Believe me, 这是你需要的,只为更好体验。

  • musicbox - python
    你还在为苦苦装逼而搔首弄姿吗? 试试这个命令行版的网易云音乐客户端。
    Believe me, 这是你需要的,只不为装纯。

不如动画

  • bodymovin - adobe
    你还在为不会写动画烦恼吗?来,先把AE学学,你就成前端动画大师了。

  • codepen
    你好我好大家好

搞事情

PHP是世界上最好的语言,没有之一

前端技术日报:20170723期 (导读:mac 文档工具dash,ultimate vim ,indexDB)

前端技术日报:20170723期

  • 责任编辑:ligang
  • 期刊日期:2017.07.23

API 文档浏览器

MAC下原来有一个很好用的API文档管理工具,虽然是收费的但是今天使用了一下,感觉非常不错,
以后不用再浏览器里搞一堆dashboard了,而且还可以和vscode集成,方便哦

ultimate vim

vim重度用户了,但是mac下默认的shell和vim都不友好,以前ubuntu下都是自己配一下就好了,mac要改的配置还挺多。如果你也离不开vim,就试试这个吧http://vim.spf13.com/,安装非常简单就一条命令。

indexDB

推荐一篇关于indexdb的文章吧,刚好最近的项目里我打算用这个来减少一些数据请求。
Migrating your WebSQL DB to IndexedDB
下面是几个相关的操作indexdb的库,zangoDB和mongo挺像的,我是打算学习一下这个的。
Dexiejs, A Minimalistic Wrapper for IndexedDB
zangoDb, mongoDb-like interface for indexDB

前端技术日报:20170715期(导读:移动端开发与遇到的问题以及CSS解决方案、Vue开发中常见的坑与实际项目开发、chrome插件详细开发与electron开发播放器等)

前端技术日报:20170715期

  • 责任编辑:岳明
  • 期刊日期:2017.07.15

移动端相关

开发移动端如何使用rem和脚本去适应不同手机端

开发移动端过程中必备知识

CSS

CSS设计页面阶段难免会挣扎一番

Vue

项目开发初期可能会遇到的一些坑

很通俗易懂的入门级vue教程

chrome

新版本开发chrome插件值得一看,非常详细!

electron

electron 跨平台开发真的很强大, 让 web 开发者也可以轻松编写桌面应用

行业动态

前端技术日报:20170717期(导读:关于 JSConfCN 2017 的大会资料)

前端技术日报:20170717期

  • 责任编辑:郭永峰
  • 期刊日期:2017.07.17

JSConfCN 2017 相关的资讯的内容讨论

JSConfCN 2017 相关的 Slider 概览

分享人:芋头。主要是在 After Party 中分享如何让写 Java 的同学也用 React 来写 UI,原理不难,实现的方式相对简单,主要还是以 Java 的逻辑为主,React 只做模板层的渲染。

分享人:杨扬。整体内容很多,140 页的 PPT,回顾历史、讲述观点和发展方向。PPT 内容是很不错的,但是应该分三四次的话题演讲才能说得完,演讲水平真的有限,导致大家对他的槽点也很多。但是建议关注 PPT 的内容,会有所收获的。

分享人:黄玄。关于 PWA 的内容,有过很多介绍性的文章和话题分享,这次的内容更多的关注点在 SW(Service Worker)。

无法访问?这里有另存的PDF。链接: https://pan.baidu.com/s/1bp8Ky1D 密码: y3rh。

分享人:尤小右。内容比较干货,对编译的过程和编译的工具以及优化手段,都有深入提到。

(持续更新中.....)

Conf 相关的内容推荐

前端技术日报:20170804期(Chrome,移动端文字换行问题)

前端技术日报:20170804期

  • 责任编辑:刘绍振
  • 期刊日期:2017.08.04

这段时间百度过的问题

Chrome开发工具:新一代前端开发技术

chrome 一些不常用的功能,值得发现和使用

关于多行文字的问题

在文字多行的时候,可以利用以上方法判断

css3多行选择器复习

前端技术日报:20170721期 (导读:程序员的世界里,不应该只有代码)

前端技术日报:20170721期

  • 责任编辑:胡玥
  • 期刊日期:2017.07.21

使用node来去开发一些内部应用,并且node调试起来比较费劲,所以推荐了一些调试相关的插件

nodejs开发微信公众号

node调试

程序员的世界里,不应该只有代码

  • 《易中天中华史》

最近在看了易中天的《易中天品三国》之后,瞬间成为他的脑残粉。并且最近正在看他写的《易中天中华史》,写的很不错。讲述三千七百年以来,我们的命运和选择。 首部从全球视角为中华文明立传的经典巨著。

前端技术日报:20170722期 (导读:前端优化页面加载性能的工具和技巧)

前端技术日报:20170722期

  • 责任编辑:刘绍振
  • 期刊日期:2017.07.22

这一周听某产品负责人说的最多的话:“这什么文件?怎么这么大啊!这加载也太慢了!拆啊!异步加载!太慢了太慢了!改一下不就好了嘛!不行不行,还得改,还是太慢!不行就重新做一个啊!宁可重新做也不能这样!。。。”
好,懂的人都知道发生了什么,下边来说一下,前端优化页面加载性能的工具和技巧

性能检测工具:Chrome Timeline

  • 如何使用Chrome Timeline 工具
    当你苦恼于页面加载为什么这么这么这么的慢的时候,当你在优化性能的时候,Chrome Timeline 会告诉你,你打开页面到加载完成,都干了些什么,耗时多少

webpack打包文件过大问题

React性能优化

其它优化方式

前端技术日报:20170712期(导读:NPX 包执行器、Webpack 使用优化、工具推荐、React 组件设计、常用 Console 命令等)

前端技术日报:20170712期

  • 责任编辑:周博宇
  • 期刊日期:2017.07.12

Nodejs 相关

npx免去全局安装命令的痛苦。

React相关

webpack优化详细教程。

JS相关

文章讲述了,你所不知道的console用法。

日常非技术

读过之后的感受是,github带来的开源时代,我们应该和能做些什么。

对于处在知识信息量暴涨和知识信息趋于碎片化时代的我们,不应该盲目求成,要制定一些适合自己的学习方法和学习方式。充分利用这些优势,不让自己迷失。

工具推荐

  • Octotree 一款很实用的chrome插件,用来显示github项目目录结构的。

image

  • sympli 一个在线协作工具,面向设计和前端开发,可以结合sketch,ps等设计工具,通过插件及浏览器打通前端和设计工作流程。

前端技术日报:20170724期 (导读:HTML5支持上传功能,CSS的实用技巧,JS的错误堆栈处理,常用的排序算法以及React对一些副作用的处理)

前端技术日报:20170724期

  • 责任编辑:波波
  • 期刊日期:2017.07.24

Css 相关

一起聊聊 CSS 动画与 WEB Animation API 的优劣。

一起聊一聊这些常见而且实用的css技巧

HTML5相关

文章讲述了, WEB文件的上传技术

JS相关

文章讲述了,JavaScript 中错误堆栈的跟踪和处理

文章讲述了,了解 Javascript 前端模块化发展的历史

文章讲述了,JS中常用的排序算法

React相关

讲述了如何让你的 React 应用完全的函数式,响应式,并且能处理所有令人发狂的副作用

前端技术日报:20170725期(导读:前端处理大数据、vue的常见问题以及服务器端渲染,还有FRP和Observable设计**)

前端技术日报:20170725期

  • 责任编辑:陈进飞
  • 期刊日期:2017.07.25

本次分享有怎么在前端处理大数据、vue的常见问题以及服务器端渲染,还有FRP和Observable设计**。

js类文章

如何在前端处理大数据

组件化

谈谈FRP和Observable1
谈谈FRP和Observable2
Vue 全站服务器渲染 SSR 实践
VueJS 开发常见问题集锦

前端技术日报:20170728期(导读:js模板引擎原理、常用技巧、前端MVC简谈、travis-ci持续集成、搭建Docker、心灵见解:我为什么坚持写博客)

前端技术日报:20170729期 (导读:浅谈 Node.js 安全,前端测试框架 Jest,人工智能的团队里面前端工程师主要是做什么?)

前端技术日报:20170729期

  • 责任编辑:zhaoyu
  • 期刊日期:2017.07.29

可以增加部分对全文内容的导读或说明

Node

  • 浅谈 Node.js 安全
    随着 Node.js 的应用慢慢的变多,RESTful API 也好 RPC 也好,在应用广泛的同时,特别是 npm 仓库上存在大量质量参差不齐,年久失修的库,Node.js 的安全问题慢慢变得严峻起来,这里主要简单谈论一些 HTTP 相关的安全问题。
  • 前端测试框架 Jest
    前端测试工具也和前端的框架一样纷繁复杂,其中常见的测试工具,大致可分为测试框架、断言库、测试覆盖率工具等几类。在正式开始本文之前,我们先来大致了解下它们:

人工智能

  • 人工智能的团队里面前端工程师主要是做什么?
    具体的大致可以分为五块内容:人机交互,数据可视化,产品Web, 计算,模型训练和算法执行。。。。
  • 8个你意想不到的人工智能应用
    这是最好的AI时代。它潜伏在我们周围,为现代生活提供便利。语音识别、刷脸解锁、私人助手、图像美化、推荐排序、预测疾病、服装设计、艺术创作、火星探索……AI已经渗透到我们生活的每个角落。还有一些你想象不到的AI应用,在世界的某个角落开始萌芽——

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.