随笔分类 - 前端开发
前端开发技术。
摘要:1 Web登录涉及到知识点 1.1 HTTP无状态性 HTTP是无状态的,一次请求结束,连接断开,下次服务器再收到请求,它就不知道这个请求是哪个用户发过来的。当然它知道是哪个客户端地址发过来的,但是对于我们的应用来说,我们是靠用户来管理,而不是靠客户端。所以对我们的应用而言,它是需要有状态管理的,以
阅读全文
摘要:PC和Mobile开发技术演进 PC方向,从客户端到富客户端,到现在广泛使用的Web。 移动方向,目前主要还是原生应用和Mobile Web,PWA相关技术是未来发展方向。 PWA的概念 Progressive Web App (中文翻译为:渐进式Web应用)带来的体验将网络应用的优点与原生应用的优
阅读全文
摘要:小程序开发遇到瓶颈 虽然腾讯提供了小程序解决方案,https://cloud.tencent.com/solution/la。但是对于普通开发者或者小企业的开发人员来说,购买域名,网站备案、部署SSL证书,安装会话服务器。业务逻辑上要使用数据库,缓存服务器。购买、搭建和配置这些内容需要花费不少时间和
阅读全文
摘要:1.Smart Table内置的分页功能 Smart Table是基于AngularJS模块特性开发出来的一款优秀的表格组件,默认就支持过滤、排序等核心功能。开发者基于它也可以开发插件,满足个性化需求。比如分页、排序数据、通过Ajax获取等。 Smart Table通过 插件可以完成分页功能: "C
阅读全文
摘要:1. JavaScript学习线图和推荐 JS重点还是原型、面向对象等基础概念 JavaScript开发豆列:https://www.douban.com/doulist/45845519/ 2. 前端真正需求点 在线学生:能快速找到一份工作。获得面试官的青睐,所以需要对照应聘上面的要求准备知识。而
阅读全文
摘要:1.背景介绍 团队开发的项目,前端基于Bootstrap+AngularJS,后端Spring MVC以RESTful接口给前端调用。开发和部署都是前后端分离。项目简单部署图如下,因为后台同时采用微服务的方式,所以后台不止3个,画图示意。终极方案是采用Docker,在前端和后台调用中间添加一层:AP
阅读全文
摘要:【工作职责】 1. 与产品设计师,后台工程师、产品经理进行协作,参与产品的UI设计和需求讨论, 开发和维护私有云等平台; 2. 对现有代码和架构进行持续改进; 3.前端基础框架和组件的开发和维护; 4.具备Devops能力,能进行独立完成前端项目发布和部署工作; 【职位要求】 1. 了解互联网产品开
阅读全文
摘要:scope概念 (作用域)是视图和控制器之间的桥梁, 本身是一个对象,有方法和属性。 可以应用在视图和控制器上。 scope简单示例 是属性, 是方法。 "Demo Link" $rootScope介绍 是多个控制器都可以访问的对象,在 中定义的属性或方法可以在多个控制器中使用。但是 有可能产生诡异
阅读全文
摘要:1.MVC中的控制器 AngularJS的控制器主要为了把模型和视图连接在一起。大多数业务逻辑操作都会放在视图对应的控制器中。当然如果我们能够把业务逻辑放到后端的REST服务中,就可以开发轻量级AngularJS应用。 涉及到多个控制器中使用的业务逻辑,需要放到一个公共的服务中,然后把改服务注入使用
阅读全文
摘要:1.gulp介绍 基于流的前端自动化构建工具,利用gulp可以提高前端开发效率,特别是在前后端分离的项目中。使用gulp能完成以下任务: 压缩html、css和js 编译less或sass等 压缩图片 启动本地静态服务器 其他 2.gulp构建 前端构建流程: 开发 分析 测试 编译 发布部署 一段
阅读全文
摘要:1.AngularJS Seed项目目录结构 AngularJS官方网站提供了一个angular phonecat项目,另外一个就是Angular Seed项目。所以大多数团队会基于Angular Seed项目来开发,本文首先分析angular seed项目的目录结构。以及AngularJS团队为我
阅读全文
摘要:博客目录 有链接的表明已经完成了,其他的正在建设中。 1. "AngularJS简介" 2. "搭建Angular开发环境" 3. "Angular MVC实现" 4. "ngResource和REST介绍" 5. "Angular项目框架搭建" 7. "AngularJS控制器" 8. "控制器的
阅读全文
摘要:1.博客平台的选定 从大学开始做个人主页算起,最开始是使用html,CSSS写简单的页面,后面大学毕业之后接触到了WordPress,就开始用WordPress搭建网站。现在还维护着一个农村网站。 "http://wwww.mrdingshan.cn" ,去年开始接触到 "JohnPapa个人主页"
阅读全文
摘要:
懒实例化-一个服务只有当程序的组件用到它的时候才进行实例化;
单例模式-每个依赖服务的组件,都是获得服务工厂生成单个实例的引用。服务是一个单例对象或函数,对外提供特定的功能。
阅读全文
懒实例化-一个服务只有当程序的组件用到它的时候才进行实例化;
单例模式-每个依赖服务的组件,都是获得服务工厂生成单个实例的引用。服务是一个单例对象或函数,对外提供特定的功能。
阅读全文
摘要:HTTP协议 传统的请求和Ajax请求 Ajax定义 Asynchronous JavaScript and XML. Ajax异步的,JavaScript程序希望与服务器直接通信而不需要重新加载页面。 Ajax基本流程 1.创建请求对象 2.建立请求 var request=requestObje
阅读全文
摘要:
从用户的角度来看,指令就是在应用的模板中使用的自定义HTML标签。指令可以很简单,也可以很复杂。AngularJS的HTML编译器会解析指令,增强模板的功能。也是组件化未来的发展趋势,目前HTML5中也加入了很多新标签,但是在实际业务开发过程中,有很多复用的模板,加上复用的交互效果,可以将其编写为AngularJS的指令,开发工程师可以在同一个项目,或多个项目中使用,实现开发一次,到处使用的目标。
阅读全文
从用户的角度来看,指令就是在应用的模板中使用的自定义HTML标签。指令可以很简单,也可以很复杂。AngularJS的HTML编译器会解析指令,增强模板的功能。也是组件化未来的发展趋势,目前HTML5中也加入了很多新标签,但是在实际业务开发过程中,有很多复用的模板,加上复用的交互效果,可以将其编写为AngularJS的指令,开发工程师可以在同一个项目,或多个项目中使用,实现开发一次,到处使用的目标。
阅读全文
摘要:1.Cookie介绍 Cookie总是保存在客户端中,按在客户端中的存储位置,可分为内存Cookie和硬盘Cookie。内存Cookie由浏览器维护,保存在内存中,浏览器关闭后就消失了,其存在时间是短暂的。硬盘Cookie保存在硬盘里,有一个过期时间,除非用户手工清理或到了过期时间,硬盘Cookie
阅读全文
摘要:
前端开发过程中,很多项目使用npm的http-server的模块来运行一个静态的服务器,我个人在Dell的笔记本上安装的是Linux Mint最新版本,所以想尝试一下在Linux Mint+Visual Studio Code进行前端开发。所以安装好VS Code之后,就开始准备安装node。在Windows平台安装好node,node.js和npm都安装好了,我猜想Linux平台应该也是类似,因为Node.js生态体系已经很完善了。
阅读全文
前端开发过程中,很多项目使用npm的http-server的模块来运行一个静态的服务器,我个人在Dell的笔记本上安装的是Linux Mint最新版本,所以想尝试一下在Linux Mint+Visual Studio Code进行前端开发。所以安装好VS Code之后,就开始准备安装node。在Windows平台安装好node,node.js和npm都安装好了,我猜想Linux平台应该也是类似,因为Node.js生态体系已经很完善了。
阅读全文
摘要:
对于复杂一点,大型的项目,如果所有的内容一开始就加载,对首页的性能影响比较大,即使静态javascript文件使用CDN,对性能还是有很大的影响。所有需要引入按需加载机制,而Angular1.x版本中,ocLazyLoad是一个不错的按钮加载解决方案
阅读全文
对于复杂一点,大型的项目,如果所有的内容一开始就加载,对首页的性能影响比较大,即使静态javascript文件使用CDN,对性能还是有很大的影响。所有需要引入按需加载机制,而Angular1.x版本中,ocLazyLoad是一个不错的按钮加载解决方案
阅读全文
浙公网安备 33010602011771号