前端
文章平均质量分 62
快乐的小小编
这个作者很懒,什么都没留下…
展开
-
[转载]前端工作了一段时间经验总结,献给做前端的同学
前端工作了一段时间经验总结,献给做前端的同学,希望对大家有所帮助。一,编辑器的选择,推荐webstorm,绝对的神器。不要用dw了,它最骄傲的所见即所得其实没什么用,因为根本就不准,代码提示也不人性话,不方便。Webstorm的方便之处(目前用到的),1.可以分屏,左右同时编辑两个文件,比如左边编辑html,右边编辑它的css/js。2.代码提示很人性话,分级结构也很清洗。转载 2015-10-19 20:58:24 · 1369 阅读 · 0 评论 -
大前端--多端开发
1、React Nativehttps://www.jianshu.com/p/5cc61ec04b39原创 2018-10-15 14:12:07 · 951 阅读 · 0 评论 -
session 共享
传统我们在开发java等语言的时候一般会使用模板引擎编写html。他们都有一个缺点,就是都是需要先被服务器解析一遍,再把解析的结果给浏览器,浏览器呈现给用户。前后端分离目前用的比较多的就是用AJAX局部刷新技术,后端暴露API,前端只需要调用API就可以了。当然,这样就将工作重心转移到前端的构建来了,后端只需要根据前端所需要的操作执行相应的操作即可。但是,前后端分离也会存在一些问题转载 2017-03-15 11:51:18 · 435 阅读 · 0 评论 -
Promise 简单实现
/** * Created by wikid on 3/6/17. */;(function (f) { /** * 模块 引入方式 */ if (typeof exports === 'object') module.exports = f(); else if (typeof define === 'function' && define.am原创 2017-03-06 17:35:46 · 429 阅读 · 0 评论 -
浏览器选项卡切换事件
在进行页面开发的交互过程中,有时候我们需要监听用户,离开此选项卡或者选项卡重新获得焦点的相关行为。 可以用到一下 api: document.addEventListener("visibilitychange", function() { console.log( document.visibilityState );});原创 2017-03-09 16:37:29 · 1246 阅读 · 0 评论 -
js 组件的开发步骤
明确要开发的组件是框架级组件还是独立组件。框架级组件是指在已存在的js框架基础上进行开发的组件,如依赖的框架可能是 jQuery ,angular 等。独立组件是指不依赖任何的三方框架,使用原生的 jsAPI 进行开发的组件,但可以引用一些工具库,如 underscore,momentjs 等。组件的引用方式,组件一般由 css + js 构成,所以要考虑在加载组件的时候对其他的组件会不会产生影响原创 2017-03-08 17:50:12 · 1037 阅读 · 0 评论 -
移动端弹出框组件 - Dialog
移动端弹出框组件 - Dialog 通过利用 Zepto+CSS3 实现一、使用方式 $.dialog({ // 弹出框的类型 type: 'loading', // 文字信息 content: null, // 延迟多长时间关闭原创 2017-03-03 11:00:52 · 6652 阅读 · 1 评论 -
移动端兼容性问题解决方案
1. IOS移动端click事件300ms的延迟响应移动设备上的web网页是有300ms延迟的,玩玩会造成按钮点击延迟甚至是点击失效。这是由于区分单击事件和双击屏幕缩放的历史原因造成的,2007年苹果发布首款iphone上IOS系统搭载的safari为了将适用于PC端上大屏幕的网页能比较好的展示在手机端上,使用了双击缩放(double tap to zoom)的方案,比如你在手机上转载 2017-03-02 16:04:49 · 738 阅读 · 0 评论 -
移动端html基本模版
HTML>lang="en"> charset="utf-8"> 移动端图片轮播 Your browser does not support JavaScript! name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, use原创 2017-02-20 19:43:24 · 5082 阅读 · 0 评论 -
sso
以AppA接入sso为例说明接入过程和服务器的交互逻辑。AppA对应的域名为appa.sankuai.comSSO对应的域名为sso.sankuai.com涉及的角色有三个,分别是客户端(即图中的谷歌浏览器),AppA服务器,SSO服务器。图中绿色线对应request,红色线对应response,交互过程分4个阶段,分别用对应① ② ③ ④原创 2016-12-30 16:21:52 · 2277 阅读 · 1 评论 -
cors 跨域
使用场景后端服务和前端服务不在同一台主机,且前后端通过接口形式传送数据。eg:前端资源存在CDN上(awp项目),这样前后端无法公用一台服务主机,需要借助 CORS来解决跨域问题。配置项前端和普通的ajax请求,没有太多区别。如果需要携带cookie,angularjs的可以这样配置,其他配置方式自行google.原创 2016-12-28 10:50:44 · 685 阅读 · 0 评论 -
前端工程化
1、开发规范制定好开发规范、部署的目录规范、编码规范。好的目录规范能让项目结构清晰,便于维护和扩展;好的编码规范能让团队内同学的代码风格统一,便于代码审查。 2、模块化针对JavaScript、CSS,以功能或业务为单元组织代码。JavaScript 模块化方案很多,如 AMD/CommonJS/UMD/ES6 Module 等,CSS 模块化开发基本上都是原创 2016-12-09 17:19:35 · 470 阅读 · 0 评论 -
RxJS
1、简介RxJS 全名是Reactive Extension for JavaScript,即JavaScript 的响应式扩展。响应式的思路是把随时间不断变化的数据、状态、事件等转成可被观察的序列(Observe Sequence),然后订阅序列中那些 Observable 对象的变化,一旦变化,就会执行事先安排好的各种转换和操作。RxJS作为一个库,可以和任何框架混用。原创 2016-12-09 16:31:27 · 2065 阅读 · 0 评论 -
详解5种跨域方式及其原理
同源定义 如果两个页面拥有相同的协议(protocol),端口(如果指定),和主机,那么这两个页面就属于同一个源(origin)。以下是同源检测的示例URL结果原因http://store.company.com/dir2/other.htmlSuccesshttp://stor转载 2016-12-06 17:13:23 · 8096 阅读 · 0 评论 -
前端面试题
1、http://www.cnblogs.com/zichi/p/4359786.html原创 2015-12-04 14:03:23 · 451 阅读 · 0 评论 -
js增量更新算法研究
原文链接:https://caelumtian.github.io/2017/09/18/js增量更新算法研究/serviceWorker 方案 - js增量更新算法研究调研背景根据之前 serviceWorker 的调研,当服务端文件更新后,serviceWorker 会做对比,并请求这些新的文件。所有发生变化的文件都会被更新。现在 new-mini 内嵌页面,js 都被压缩成了一个文件。...转载 2018-10-19 11:41:19 · 1476 阅读 · 0 评论