随笔分类 -  Web前端

1 2 3 4 下一页
一套代码小程序&Web&Native运行的探索01
摘要:前言 前面我们对微信小程序进行了研究:【微信小程序项目实践总结】30分钟从陌生到熟悉 并且用小程序翻写了之前一个demo:【组件化开发】前端进阶篇之如何编写可维护可升级的代码 之前一直在跟业务方打交道后面研究了下后端,期间还做了一些运营、管理相关工作,哈哈,最近一年工作经历十分丰富啊,生命在于不断的 阅读全文
posted @ 2018-09-08 20:24 叶小钗 阅读(2576) 评论(0) 推荐(0) 编辑
微信小程序开发05-日历组件的实现
摘要:接上文:微信小程序开发04-打造自己的UI库 github地址:https://github.com/yexiaochai/wxdemo 我们这里继续实现我们的日历组件,这个日历组件稍微有点特殊,算是相对复杂的组件了,然后一般的日历组件又会有很多的变化,所以我们这里实现最基本的标签即可: 这个是非常 阅读全文
posted @ 2018-08-03 18:21 叶小钗 阅读(55710) 评论(0) 推荐(5) 编辑
微信小程序开发04-打造自己的UI库
摘要:前言 github地址:https://github.com/yexiaochai/wxdemo 接上文继续,我们前面学习了小程序的生命周期、小程序的标签、小程序的样式,后面我们写了一个简单的loading组件,显然他是个半成品,我们在做loading组件的时候意识到一个问题: 我们今天尝试做几个组 阅读全文
posted @ 2018-08-01 18:33 叶小钗 阅读(9334) 评论(0) 推荐(4) 编辑
Hybrid容器设计之第三方网站
摘要:平台化容器API释放 接上文:(阅读本文前,建议阅读前三篇文章先) 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 浅谈Hybrid技术的设计与实现第三弹——落地篇 之前设计Hybrid整块交互的时候,受众都是自己的团队,没有想往“公司化”和“平台化”方向发展,而近期业务的 阅读全文
posted @ 2017-01-25 12:38 叶小钗 阅读(2336) 评论(1) 推荐(1) 编辑
浅谈Hybrid技术的设计与实现第三弹——落地篇
摘要:前言 接上文:(阅读本文前,建议阅读前两篇文章先) 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 根据之前的介绍,大家对前端与Native的交互应该有一些简单的认识了,很多朋友就会觉得这个交互很简单嘛,其实并不难嘛,事实上单从Native与前端的交互来说就那点东西,真心没 阅读全文
posted @ 2016-10-24 09:27 叶小钗 阅读(11720) 评论(15) 推荐(24) 编辑
关于前端开发中的“收口”思想
摘要:什么是收口 所谓条条大路通罗马,但如果让我来设计通向罗马的各种大路,我至少会做两件事情: ① 让罗马只有一个入口 ② 让罗马只有一个出口 这样做的好处是,无论你路从哪来,我可以统一在入口处给你打上各种标志,我也可以在你离开罗马时给你留点纪念。当然罗马自然不只一个出口入口,但是每个出口入口一定有一套相 阅读全文
posted @ 2016-07-31 22:43 叶小钗 阅读(3814) 评论(2) 推荐(4) 编辑
来来,一起设计一个简单的活动发布系统
摘要:前言 前段时间我写了一篇博客:小公司的前端应该怎么做?,其中核心的几个观点之一就是要把重复工作给干掉! 而我们日常工作中有一类需求名曰活动,这些活动就像脏水一样不停的向我们涌来,而且要的又急,这个时候有些团队就会疲于奔命的去让前端做页面然后走发布流程,如果你的公司是这样,业务发展后再多几个前端也不够 阅读全文
posted @ 2016-06-21 12:40 叶小钗 阅读(8470) 评论(6) 推荐(10) 编辑
从DOM操作看Vue&React的前端组件化,顺带补齐React的demo
摘要:前言 接上文:谈谈我对前端组件化中“组件”的理解,顺带写个Vue与React的demo 上次写完博客后,有朋友反应第一内容有点深,看着迷迷糊糊;第二是感觉没什么使用场景,太过业务化,还不如直接写Vue&react的源码分析,我感觉这里有必要说下我的认识。 首先,要写源码分析很难,第一是他本来就很难, 阅读全文
posted @ 2016-05-23 01:34 叶小钗 阅读(4968) 评论(5) 推荐(6) 编辑
谈谈我对前端组件化中“组件”的理解,顺带写个Vue与React的demo
摘要:前言 前端已经过了单兵作战的时代了,现在一个稍微复杂一点的项目都需要几个人协同开发,一个战略级别的APP的话分工会更细,比如携程: 携程app = 机票频道 + 酒店频道 + 旅游频道 + ...... 每个频道有独立的团队去维护这些代码,具体到某一个频道的话有会由数十个不等的页面组成,在各个页面开 阅读全文
posted @ 2016-05-19 05:35 叶小钗 阅读(12629) 评论(19) 推荐(25) 编辑
小公司的前端应该怎么做?
摘要:前言 近期工作生活比较漂泊,从上海换到了成都,这个是以家庭为单位的重大决定,离开一线城市对于职业生涯和技术前沿来说是有一定问题的,但是出于房价考虑(主要是买不起房子)与生活舒适度来说,回蓉似乎是一个比较好的选择,何况成都的互联网也还行。 随着能力的提升,负责的工作种类会逐渐增多,考虑的方向也会有所不 阅读全文
posted @ 2016-05-09 18:08 叶小钗 阅读(38423) 评论(90) 推荐(67) 编辑
【初探IONIC】不会Native可不可以开发APP?
摘要:前言 Hybrid技术流行已经有一段日子了,楼主的关注点也一直围绕着移动端围绕着Hybrid相关展开,Hybrid已经是大大提升开发效率的开发方式了,但是仍然需要至少一个IOS与Andriod,那么可不可以只使用H5相关的知识就能做一个APP出来呢?答案是可以的。 什么是cordova? cordo 阅读全文
posted @ 2016-02-29 19:53 叶小钗 阅读(5710) 评论(16) 推荐(7) 编辑
谈一谈前端多容器(多webview平台)处理方案
摘要:文中是我个人的一些开发经验,希望对各位有用,也希望各位多多支持讨论,指出文中不足以及提出您的一些建议。 双容器 得益于近几年移动端的发展,前端早已今非昔比,从大型框架来说angularJS、react、VueJS都有其应用场景,从工程化来说各种配套构建工具也纷纷出世,而从前端复杂度来说,最近几年的前 阅读全文
posted @ 2016-02-22 14:03 叶小钗 阅读(17606) 评论(8) 推荐(17) 编辑
浅谈Hybrid技术的设计与实现
摘要:前言 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 浅谈Hybrid技术的设计与实现第三弹——落地篇 随着移动浪潮的兴起,各种APP层出不穷,极速的业务扩展提升了团队对开发效率的要求,这个时候使用IOS&Andriod开发一个APP似乎成本有点过高了,而H5的低成本、高效 阅读全文
posted @ 2015-11-03 06:01 叶小钗 阅读(186372) 评论(139) 推荐(188) 编辑
前端优化带来的思考,浅谈前端工程化
摘要:重复优化的思考 这段时间对项目做了一次整体的优化,全站有了20%左右的提升(本来载入速度已经1.2S左右了,优化度很低),算一算已经做了四轮的全站性能优化了,回顾几次的优化手段,基本上几个字就能说清楚: 传输层面:减少请求数,降低请求量执行层面:减少重绘&回流 传输层面的从来都是优化的核心点,而这个 阅读全文
posted @ 2015-10-26 06:47 叶小钗 阅读(36907) 评论(54) 推荐(108) 编辑
【组件化开发】前端进阶篇之如何编写可维护可升级的代码
摘要:前言 我还在携程的做业务的时候,每个看似简单的移动页面背后往往会隐藏5个以上的数据请求,其中最过复杂的当属机票与酒店的订单填写业务代码 这里先看看比较“简单”的机票代码: 然后看看稍微复杂的酒店业务逻辑: 机票一个页面的代码量达到了5000行代码,而酒店的代码竟然超过了8000行,这里还不包括模板( 阅读全文
posted @ 2015-10-15 11:05 叶小钗 阅读(34833) 评论(41) 推荐(93) 编辑
摆脱DOM操作,从TodoMVC看angularJS
摘要:取代jQuery?我很久之前便听说了angularJS的大名,之前的leader也经常感叹angularJS的设计如何如何精妙,可叹一直没有机会深入了解,国庆长假因为没钱出游,倒是可以对他做一个了解......根据之前的经验,就现有的前端项目,如果最初没有良好的设计,做到一定阶段一定会变得难以维护,... 阅读全文
posted @ 2015-10-08 12:46 叶小钗 阅读(7199) 评论(18) 推荐(12) 编辑
初探React,将我们的View标签化
摘要:前言我之前喜欢玩一款游戏:全民飞机大战,而且有点痴迷其中,如果你想站在游戏的第一阶梯,便需要不断的练技术练装备,但是腾讯的游戏一般而言是有点恶心的,他会不断的出新飞机、新装备、新宠物,所以,很多时候你一个飞机以及装备还没满级,新的装备就又出来了,并且一定是更强!于是很多人便直接抛弃当前的飞机与装备,... 阅读全文
posted @ 2015-10-08 06:11 叶小钗 阅读(13772) 评论(6) 推荐(26) 编辑
【移动前端开发实践】从无到有(统计、请求、MVC、模块化)H5开发须知
摘要:前言 不知不觉来百度已有半年之久,这半年是996的半年,是孤军奋战的半年,是跌跌撞撞的半年,一个字:真的是累死人啦! 我所进入的团队相当于公司内部创业团队,人员基本全部是新招的,最初开发时连数据库都没设计,当时评审需求的时候居然有一个产品经理拿了一份他设计的数据库,当时我作为一个前端就惊呆了.... 阅读全文
posted @ 2015-09-28 06:11 叶小钗 阅读(21928) 评论(55) 推荐(102) 编辑
HTML5本地存储Localstorage
摘要:什么是localstorage前几天在老项目中发现有对cookie的操作觉得很奇怪,咨询下来是要缓存一些信息,以避免在URL上面传递参数,但没有考虑过cookie会带来什么问题:① cookie大小限制在4k左右,不适合存业务数据② cookie每次随HTTP事务一起发送,浪费带宽我们是做移动项目的... 阅读全文
posted @ 2015-05-17 17:37 叶小钗 阅读(91093) 评论(14) 推荐(25) 编辑
【大前端之前后分离01】JS前端渲染VS服务器端渲染
摘要:前言之前看了一篇文章:@Charlie.ZhengWeb系统开发构架再思考-前后端的完全分离,文中论述了为何要前后分离,站在前端的角度来看,是很有必要的;但是如何说服团队使用前端渲染方案却是一个现实问题,因为如果我是一个服务器端,我便会觉得不是很有必要,为什么要前后分离,前后分离后遗留了什么问题,如... 阅读全文
posted @ 2015-04-29 06:06 叶小钗 阅读(33157) 评论(21) 推荐(16) 编辑

1 2 3 4 下一页