前端实践

前端实践 - 1.文本编辑器Atom+浏览器实时同步工具BrowserSync

1.简介Atom作为Github开源的一款文本编辑器,相比其他编辑器有着很多的优势:可定制化程度高,能够进行各种扩展,包括各种插件主题;吸收了很多文本编辑器的优秀特性,兼容VIM模式;自带包管理;开源免费,有强大的Github为其背书.官网:Atom知乎:如何评价GitHub发布的文本编辑器Atom？Browsersync能让浏览器实时、快速响应文件的更改（html、js、css、sass、les
Dariel·2020-02-18 11:53

qiankun + vue + element 微前端实践

qiankun+vue+element的微前端架构项目，主项目与子应用均使用vue。支持三大前端框架可根据自己需求调整。微前端qiankun微前端是什么、为什么要做微前端、qiankun是什么这些笔者将不再叙述，在前端微服务话提出的两年里已经有过了很多次的讨论和“定义”。qiankun有兴趣的可以搜一下。暂时还对这方面未有过了解的同学->传送门：可能是你见过最完善的微前端解决方案,qiankun简
蔚蓝·2020-01-10 21:16

微前端实践

在toB的前端开发工作中，我们往往就会遇到如下困境：工程越来越大，打包越来越慢团队人员多，产品功能复杂，代码冲突频繁、影响面大内心想做SaaS产品，但客户总是要做定制化不同的团队可能有不同的方法去解决这些问题。在前端开发日新月异、前端工程化蓬勃发展的今天，我想给大家介绍下另一种尝试——微前端。微前端是什么那什么是微前端？微前端主要是借鉴后端微服务的概念。简单地说，就是将一个巨无霸（Monolith
kiliwalk·2019-12-15 19:14

Web前端知识架构-Index

资源Web前端面试题目汇总前端实践项目开发中的问题0_实际案例中的问题和注意事项Html01_Html基本标签02_Html的DOCTYPE、表格、表单标签CSS01_CSS选择器02_CSS文本属性03
对方不想理你并向你抛出一个异常·2019-11-02 15:48

react项目学习心得--后台管理模块前端实践总结（antd）

最近在用react做一个项目中的一个小模块，差不多半个月第一个版本上线虽然还是存在不少问题，后面再慢慢优化。先写篇文章总结一下近期自己的心得。刚开始接触react时觉得它和传统的bootstrapjquery这些框架实现方式很不一样，react中页面代码几乎都是js文件，而不是传统的html文件，所以刚开始入门那几天觉得还是比较头大的，但是入门之后基本的语法实现方式懂了以后还是收获颇多，有种恍然大
快乐的小z·2018-05-30 20:30

从入门到不放弃：多浏览器的自动化测试（1）- 本地测试

另外“从入门到不放弃”系列将给读者们带来更多从零开始的前端实践案例，诸如前端组件库设计与实施、项目自动化构建等案例，欢迎大家关注本系列的其他文章。
bigsec·2017-10-23 16:33

从入门到不放弃：多浏览器的自动化测试（1）- 本地测试

另外“从入门到不放弃”系列将给读者们带来更多从零开始的前端实践案例，诸如前端组件库设计与实施、项目自动化构建等案例，欢迎大家关注本系列的其他文章。
岂安科技·2017-08-10 00:00

小程序图片上传阿里OSS使用方法

服务创建Bucket设定权限属性设定为公共读：上传需要授权，下载无需打开BUCKET跨域属性每个BUCKET对应的OSS服务域名，用作上传和下载域名把外网域名添加到小程序的上传域名白名单中使用官方WEB前端实践方案
chuti6853·2017-06-29 10:00

reactjs前端实践｜第四篇：TodoList示例rudex、immutable-js

实践四延续TodoList示例，使用redux&immutabel-js对项目进行改造。遵循原则单一数据源（整个应用的state被储存在一棵objecttree中，并且这个objecttree只存在于唯一一个store中）State是只读的（惟一改变state的方法就是触发action，action是一个用于描述已发生事件的普通对象）使用纯函数来执行修改（为了描述action如何改变statetr
zhoutk·2017-05-07 00:00

reactjs前端实践｜第三篇：TodoList示例事件、state、props、refs

实践三TodoList示例，未使用redux。内容涉及到展示组件与容器组件的合理使用，事件处理，参数传递，控件访问，组件功能设计等方面。其中遇到的坎，设置输入焦点，由于使用了styled-components而有不同;每个组件应试包含哪些state，是否应该进行状态提升;子组件如何向父组件传递数据。代码分析组件拆分：Li单个信息条目、LiList信息条目列表、InputAndButton输入组件、
zhoutk·2017-04-27 00:00

reactjs前端实践｜第二篇：单页应用示例路由及样式的使用

实践二简单单页应用，使用react-routerv4.1.1，styled-components来实现。应用功能：三个导航标签（Home,Stuff,Contact），点击标签切换页面内容。难点分析react-routerv4与以前版本变化较大，做webapp时应引入react-router-dom，react-router现在成了其核心库，只包含最基本的功能；styled-components的
zhoutk·2017-04-25 00:00

思考:我需要怎样的前端状态管理工具?

本文并不是希望安利或者作MobX的布道者，也不是单纯地为了吐槽FunctionalProgramming至上主义，只是笔者提出自己再前端实践中的一些困惑与思考以供批判讨论。
王下邀月熊_Chevalier·2016-10-09 00:00

前端实践--JavaScript--浏览器对象

JavaScript计时器 定时器 vari=setInterval(clock,100);functionclock(){vartime=newDate();attime=time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();document.getElementById("clock").value=attime;}
Lovejulyer·2016-05-09 15:00

前端实践--JavaScript--内置对象

相关知识点：JavaScript学习笔记七；慕课网课程--《JavaScript进阶篇》任务：某班的成绩出来了，现在老师要把班级的成绩打印出来。效果图:XXXX年XX月X日星期X--班级总分为:81格式要求：1、显示打印的日期。格式为类似“XXXX年XX月XX日星期X”的当前的时间。2、计算出该班级的平均分（保留整数）。同学成绩数据如下："小明:87;小花:81;小红:97;小天:76;小张:74
Lovejulyer·2016-05-08 01:00

前端实践--JavaScript--事件

使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后，点击第三个输入框能给出2个整数的加减乘除。提示：获取元素的值设置和获取方法为：例：赋值：document.getElementById(“id”）.value=1；取值：var=document.getElementById(“id”）.value；任务分解：第一步：创建构建运算函数count()。第二步：获取两个输入框中的值和获取选择
Lovejulyer·2016-05-07 23:00

前端实践--JavaScript--函数

使用javascript代码写出一个函数：实现传入两个整数后弹出较大的整数。任务分解：第一步：编写代码完成一个函数的定义吧。第二步：我们来补充函数体中的控制语句，完成函数功能吧。提示:再想一想，两个整数比较有三种情况，大于，等于或小于，所以我们需要控制语句判断(if...elseif)。第三步：写好的函数，我们就可以任意调用函数了。通过函数调用实现两组数值中，返回较大值吧。代码： 函数 //
Lovejulyer·2016-05-07 18:00

前端实践--JavaScript--流程控制语句

任务：我们来做个周计划，周一、二学习理念知识，周三、四到企业实践，周五总结经验，周六、日休息和娱乐。请根据星期几做出选择，使用Switch语句完成。代码： switch varmyweek=4;//myweek表示星期几变量switch(myweek){case1:case2:document.write("学习理念知识");break;case3:case4:document.write(
Lovejulyer·2016-05-07 16:00

前端实践--JavaScript--数组

使用Javascript语言，把以下数组vararr=[‘‘,’##’,”“,”&&”,”*”,”##“];arr[7]=“**”;在页面显示如下图所示的图案：任务分解第一步：定义一个数组，存储要展示的图形。提示： vararr=['*','##',"***","&&","****","##*"]; arr[7]="**";第二步：预想一下arr数组的长度是多少？提示:使用alert弹出数组的长度
Lovejulyer·2016-05-07 15:00

前端实践--JavaScript--控制类名（className 属性）+改变样式

通过className属性来设置元素的样式:给id=”p1”元素通过className添加”类名为one”的样式。当点击”添加样式”按钮，第一段文字添加样式。给id=”p2”元素通过className修改为”类名为two”的样式。当点击”更改外观”按钮，第二段文字更改样式。代码： className属性 body{font-size:16px;}.one{border:1pxsolid#ee
Lovejulyer·2016-05-07 14:00

前端实践--JavaScript--新按钮，新网站 ，新窗口。

任务1、新窗口打开时弹出确认框，是否打开提示:使用if判断确认框是否点击了确定，如点击弹出输入对话框，否则没有任何操作。2、通过输入对话框，确定打开的网址，默认为http：//www.imooc.com/3、打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。解决方案： newdocument functionopenWindow(){varopenborder=confirm(
Lovejulyer·2016-05-07 13:00

sass、less和stylus的安装使用和入门实践

刚开始的时候，说实话，我很反感使用css预处理器这种新玩意的，因为其中涉及到了编程的东西，私以为很复杂，而且考虑到项目不是一天能够完成的，也很少是一个人完成的，对于这种团队的项目开发，前端实践用css预处理器来合作
qq_27917627·2016-04-26 23:00

HTML5 开发框架

地址：DemoZUIZUI是禅道项目管理软件团队在完善自己产品过程中形成的一个开源前端实践方案，帮助你快速构现代跨屏应用。地址：DemoMUIMUI是最接近原生
JackLee@三月软件工作室·2016-01-22 22:00

新闻列表中标题和日期的左右分别对齐的几种处理方法

而在前端实践中，其也有很多中布局方式。很多前端新手在入门时，可能会稍微有点迷茫。今天我列举几个常用的布局方法，便于新手学习。这里只是为了实现功能效果，所以不额外添加美化类的样式。
FungLeo·2015-12-15 14:00

Ant的故事

正如上篇文章所说，前端实践非常重要，于是就从头到尾研究起Ant来。。 说来，Ant来自Java，是一个基于Java的build工具。
·2015-11-13 07:26

Web前端实践经验总结

最近用了不少业余时间，在加强Web前端。有个很大的感触就是，web前端比较麻烦，主要是布局和样式。最主要的原因，还是之前实践得比较少，熟能生巧，不得不服啊。  自己从头开始写布局和css太费心思了，比较偏好用Bootstrap。看着别人用Bootstrap做得网站很美观，轮到我了，就很差劲。于是乎，研究别人的代码，镜像别人的网站，可以很容易copy到一些网站的前端设计。  网站镜像工具，网上有付费
FansUnion·2015-10-22 10:00

开发头条精选0723

移动前端实践好文一篇#好文推荐#读了一篇长文受益匪浅，推荐给大家。作者写的很细致，从技术选型到后续优化。
前端博客·2015-09-25 18:00

开发头条精选0723

移动前端实践好文一篇#好文推荐#读了一篇长文受益匪浅，推荐给大家。作者写的很细致，从技术选型到后续优化。
前端博客·2015-09-25 18:00

Web前端实践经验总结

最近用了不少业余时间，在加强Web前端。有个很大的感触就是，web前端比较麻烦，主要是布局和样式。最主要的原因，还是之前实践得比较少，熟能生巧，不得不服啊。  自己从头开始写布局和css太费心思了，比较偏好用Bootstrap。看着别人用Bootstrap做得网站很美观，轮到我了，就很差劲。于是乎，研究别人的代码，镜像别人的网站，可以很容易copy到一些网站的前端设计。  网站镜像工具，网上有付费
FansUnion·2015-05-03 01:00

Web前端实践经验总结

最近用了不少业余时间，在加强Web前端。有个很大的感触就是，web前端比较麻烦，主要是布局和样式。最主要的原因，还是之前实践得比较少，熟能生巧，不得不服啊。  自己从头开始写布局和css太费心思了，比较偏好用Bootstrap。看着别人用Bootstrap做得网站很美观，轮到我了，就很差劲。于是乎，研究别人的代码，镜像别人的网站，可以很容易copy到一些网站的前端设计。  网站镜像工具，网上有付费
jiutianniao·2015-04-13 15:00

Web前端实践经验总结

最近用了不少业余时间，在加强Web前端。有个很大的感触就是，web前端比较麻烦，主要是布局和样式。最主要的原因，还是之前实践得比较少，熟能生巧，不得不服啊。  自己从头开始写布局和css太费心思了，比较偏好用Bootstrap。看着别人用Bootstrap做得网站很美观，轮到我了，就很差劲。于是乎，研究别人的代码，镜像别人的网站，可以很容易copy到一些网站的前端设计。  网站镜像工具，网上有付费
jiutianniao·2015-04-13 12:00

UI框架，你最中意谁？

ZUI是禅道项目管理软件团队在完善自己产品过程中，形成的一个开源前端实践方案，能快速构现代跨屏应用。它简单美观，易于使用，快
G森·2015-02-26 16:42

UI框架，你最中意谁？

ZUI是禅道项目管理软件团队在完善自己产品过程中，形成的一个开源前端实践方案，能快速构现代跨屏应用。它简单美观，易于使用，快
G森·2015-02-26 16:42

Web前端实践经验总结

最近用了不少业余时间，在加强Web前端。有个很大的感触就是，web前端比较麻烦，主要是布局和样式。最主要的原因，还是之前实践得比较少，熟能生巧，不得不服啊。  自己从头开始写布局和css太费心思了，比较偏好用Bootstrap。看着别人用Bootstrap做得网站很美观，轮到我了，就很差劲。于是乎，研究别人的代码，镜像别人的网站，可以很容易copy到一些网站的前端设计。  网站镜像工具，网上有付费
FansUnion·2015-01-17 20:00

豌豆荚前端实践：是数据决定了用户的行为与体验

概要是用户喜欢怎么用，而决定了设计，还是设计决定了用户的喜好与体验？在豌豆荚的实践中，我们认为这个问题有别的求解：是对数据的定义与抽象决定了界面的组织与交互，从而决定了用户的行为及其可能获得的体验。然而，从业务角度出发的数据系统设计庞大复杂，也从来没有划分清晰的、可被独立识别的领域。在这样的背景下，前端工程师能有何作为？豌豆荚如何填补具象的产品体验和抽象的业务数据之间存在鸿沟？豌豆荚的前端工程师又
苗梓铭·2014-08-30 00:00

《天猫2013双十一架构》读后笔记

网购狂欢节背后的技术阅兵   稳定性的极致要求  1.容量预估、依赖治理、监控  2.业务降级、限流预案  3.全链路压测  天猫篇 （1）双11的前端实践  1.淘宝的前台资源采用的都是非覆盖式发布，
lonely7345·2014-06-19 11:59

让网站提速的最佳前端实践

前端工程师常常被提起网站性能，如何让网站访问更快等问题，本文就做个总结。最少化HTTP请求用户在浏览网页时，超过80%的时间都是在请求下载网页资源，包括图片，样式，脚本，Flash等等，减少这些资源的下载请求数目，便成了让网页提速的关键。当然，如果页面很简单，资源少，网页请求自然就少，如果网页内容很多，我们如何做到减少资源请求数呢？这里有几个方法：合并静态文件，将所有脚本、样式文件合并到一个文件里
binnng·2013-12-24 00:00

百度技术沙龙第39期回顾：前端快速开发实践（含资料下载）

在6月30日由@百度主办、@InfoQ负责策划组织和实施的第39期百度技术沙龙活动上，百度前端工程师、FIS项目技术负责人张云龙和豆瓣前端团队负责人张克军分享了各自前端实践方面的经验，话题涉及“FIS2.0
水羽哲·2013-07-03 00:00

百度技术沙龙第39期回顾：前端快速开发实践（含资料下载）

在6月30日由@百度主办、@InfoQ负责策划组织和实施的第39期百度技术沙龙活动上，百度前端工程师、FIS项目技术负责人张云龙和豆瓣前端团队负责人张克军分享了各自前端实践方面的经验，话题涉及“FIS2.0
水羽哲·2013-07-03 00:00

【FE】来往前端实践——方凳会分享Presentation

上个月在方凳会上的分享~~放博客上备个份主题:来往前端实践Presentation地址：http://prezi.com/-lu-ugicpknt/presentation/ 分享者:李毅超(@Leyteris
leyteris·2012-03-07 14:00

支付宝新首页的几点前端实践

前段时间带了3个实习生同学，做了支付宝新首页改版项目。有一些实践可以提提，供大家参考。其中包括了目前讨论得最火的HTML5。当然，也包括个人在页面性能优化上的一些经验。这里只挑几点说说。一、HTML5标签的应用HTML5的应用不仅仅是标签的应用，但她可以从标签的应用开始。打开你的浏览器，查看源代码，你会发现
这些标准已经都用上了。还会发现一段HTML5Shiv的JS代
sofish LiuWeifeng·2011-07-18 08:00
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他