Web前端开发
文章平均质量分 70
嗡汤圆
这个作者很懒,什么都没留下…
展开
-
Vue手动快速移植小程序总结
1、前言1.1 关于技术选型这大半年精力从后端转移到前端开发,一下要同时弄ios + 安卓 + 小程序的研发,很自然选择了混合App的方案,这样可以在最小学习成本下快速实现功能,并且在遇到一些可能的风险的时候,不至于因为不懂OC, Swift或者Android相关的东西导致无法处理。前端技术框架早期Angular和Vue都接触过,Angular从1,到2,6都试过,技术架构变得太大,听...原创 2020-05-05 10:19:07 · 1899 阅读 · 0 评论 -
easyui的datagrid使用以及分页
easyui对于开发桌面级的WEB应用界面确实十分方便,而且美观。这里着重记录一下datagrid的使用,以及通过前后端配合实现的超简单的数据分页查询方式。原创 2015-08-09 13:57:05 · 7339 阅读 · 0 评论 -
easyui的dnd插件实现datagrid行拖拽
项目中出现一种需求:对某列表中元素进行手动排序,若使用按钮单击来向上或者向下效率低下,若直接手动输入序号更不科学=.=。因此最好的方式就是能够实现手动拖动某个行到想要的位置。因此首先需要实现datagrid的拖拽操作。其次就是后端的数据处理了。原创 2015-08-09 13:56:28 · 10987 阅读 · 0 评论 -
jquery的DOM定位与操作
jquery对DOM的遍历,以及循环内定位原创 2015-08-09 13:48:11 · 679 阅读 · 0 评论 -
javascript以及衍生框架自学笔记
开发遇到的一些小记录,基础知识写的可能不全。原创 2015-08-09 13:46:38 · 775 阅读 · 0 评论 -
javascript提高页面性能
在一些移动设备或者在HybridApp中,有时候设备的javascript效率并不高,导致页面卡顿,体验下降。因此需要尽量优化javascript的执行效率。以下是一些搜集的经验。原创 2015-08-09 13:40:34 · 485 阅读 · 0 评论 -
Angular2 单页应用的编写 by 嗡
单页应用的特点优势劣势程序编写开发环境新建项目主要概念Componentcomponenttscomponenthtmlcomponentts和componenthtml的关联和绑定数据和行为路由路由的声明路由实例服务实例将路由跳转封装为服务step1 建立服务step2实现服务方法step3在appmodulets中引入服务step4在component中注入原创 2017-02-19 11:29:07 · 2986 阅读 · 0 评论 -
SpringSecurity自定义登录接口 & Angular2的安全路由
在配置SpringSecurity的项目中,通过配置.authorizeRequests().antMathers("/path/**",....) 来设置哪些路径需要用户权限,哪些可以不登录浏览。但是如果在该项目中部署了Angular2单页应用的话,由于对SpringSecurity来说仅在第一次进入Angular2应用时经过了Security拦截,之后所有的页面跳转均在Angular2的路由管理原创 2017-03-01 08:58:50 · 7371 阅读 · 3 评论 -
嗡汤圆的Angular2 单页应用一些优化总结
前言初学Angular2后很容易被它简洁清晰的思路,方便的开发环境和开发套件所吸引。但是真正考虑生产开发的时候,总是有些不那么美好的东西。所以,在这里总结一下一些最初级、最简单粗暴的优化步骤。启动时间优化开启生产压缩与预编译由于Angular2正处于发展,刚刚稳定下来的阶段,网上的一些教程,甚至包括官方的教程都有点跟不上脚步(比如官方的AOT预编译教程,貌似还有些错误)。好在开发套件angular-原创 2017-03-21 10:46:20 · 5862 阅读 · 0 评论 -
小程序的会话保持
小程序的HTTP请求全部使用wx.request({})方法,但是该方法每次都会产生一个新的会话,因此在特定使用场景(安全验证、session保存、CSRF保护)等方面会遇到一些麻烦。比如csrf保护的应用中,即使上次拿到csrf,再下一次请求中又会失效。解决方法step 1: 获取sessionId以及csrf并保存已获取csrf为例,简单粗暴,在应用启动时候()可以在onLaunch时候)获取第原创 2017-03-30 09:38:29 · 10346 阅读 · 0 评论 -
进一步优化SPA的首屏打开速度(模块化与懒加载) by 嗡
前言单页应用的好处在于一次载入所有页面资源,利用本地计算能力渲染页面,提高页面切换速度与用户体验。但缺点在于所有页面资源将被一次性下载完,此时封装出来的静态资源包体积较大,使得第一次打开SPA页面时候需要的载入时间较长。在上一篇文章Angular2 单页应用一些优化总结 中提到的利用压缩、混淆、开启gzip传输后,我们成功将3.5兆的资源包压缩到350k。但是如果SPA应用的页面数进一步增加,100原创 2017-04-01 10:05:30 · 8689 阅读 · 0 评论 -
angularjs初学笔记
前言需求在第一次尝试开发WEB应用的时候,由于缺乏经验,同时任务时间紧迫,边学习边开发,错过了angularjs这样一个优秀的MVC前端框架。原创 2015-08-09 13:59:15 · 684 阅读 · 0 评论 -
Angularjs中service与controller注入
下文以controller以及service注入为例说明。代码中的scope,scope, http本身也是注入形式引入的。它们是AngularJs自身封装的对象。controller相比于网上常常看到的教程,新版AngularJs(1.3.x)以后对于controller声明有一些限制。原创 2015-08-09 14:00:53 · 6163 阅读 · 0 评论 -
通用灵活的网站内容展示数据结构设计与代码编写(借助AngularJs)
前言假设公司需要快速构建一个CMS系统,同时支持灵活多变的内容展示形式。该CMS系统需要支持用户自定义内容的属性、值、以及展示方式。因此,不能仅仅使用固定的表字段来表示某个内容或者栏目的属性。同时,栏目与内容的展示,在某一程度上应该遵循固定的数据格式,便于最大限度的代码复用。原创 2015-11-08 15:08:46 · 711 阅读 · 0 评论 -
利用ajax实现服务端异步任务状态监听
项目中为了改善用户体验,一些耗时操作常常会使用异步方式执行,但是一旦将任务放入后台,用户就不能及时得到任务执行的结果。所以需要涉及一种方式能够持续跟踪任务的进行情况。每个监听任务会被分配一个任务ID,在任务监听结束后被释放。全局监听器的实现基于单例模式设置一个HashMap能被系统全局访问用于存放任意任务的监听数据。同时Value部分使用特殊特殊结构。结构设计即HashMap中的Value存储的部分原创 2015-10-15 15:07:10 · 2846 阅读 · 1 评论 -
jQuery自执行函数以及封装工具类的方法
自执行函数javaScript的自执行函数主要用于保护内部变量不被外部声明污染,自执行函数的结构大致如下:(function(){})();其中,第一个括号使编译器编译该函数体,第二个括号另函数执行。这种用法在jQuery的类库中十分常见。jQuery的自执行函数声明:(function($){})(jQuery)。因此其封装特性也可以用于作为自定义工具类库的声明。$是jQuery的别名。封装实例(原创 2015-08-19 09:56:36 · 4142 阅读 · 0 评论 -
H5+App的页面事件定义,以及页面传值
预载入页面的WebView间传参以及事件触发如在新闻类APP中,新闻列表是一个WebView,新闻详情页是另一个WebView。均预载完毕,用户点击列表某一条新闻,需要在详情页触发填充 新闻详情的事件,可以使用自定义事件的办法。原创 2015-08-09 14:15:40 · 5406 阅读 · 0 评论 -
H5+App的页面预载优化
一般移动App的页面形式为:导航栏加页面(Tab+View)形式,或者菜单加内容(Menu+Content)形式,主要特点就是,可以由很少的几个模板页面组成 辅助Ajax动态填充页面内容即可.因此,为页面载入、切换优化提供了可能。原创 2015-08-09 14:13:35 · 2047 阅读 · 0 评论 -
Dcloud开发套件初学
项目参考H5PlusApp组件介绍Dcloud HTML5+App开发套件分为三个部分: HBuilderIDE, 5+App, MUI框架三个部分。HBuilderHBuilder为基于Eclipse改造的专为HTML开发工作提供的IDE,其优点在于:更方便的与手机设备实时调试与HTML,MUI深度集成集成代码块自动补全功能原创 2015-08-09 14:11:29 · 2462 阅读 · 0 评论 -
Dcloud H5+ API调用实例
项目参考[H5PlusApp](https://github.com/WengShengyuan/H5PlusApp)原创 2015-08-09 14:06:06 · 6665 阅读 · 1 评论 -
ionic框架学习
ionic框架学习原创 2015-08-09 14:04:33 · 972 阅读 · 0 评论 -
controller与scope的关系
controller与scope的关系转载 2015-08-09 14:02:52 · 805 阅读 · 0 评论 -
AngularJs中如何模块化引入service
AngularJs中如何模块化引入service原创 2015-08-09 14:01:59 · 2234 阅读 · 0 评论 -
使用promise相较于ajax的优势(Angularjs $q 为例)
一般在WEB开发时总会涉及到从服务器调用接口的操作,为了不影响用户操作,一般会使用异步方式执行,从而不阻塞用户的界面操作。而一些常用的调用服务会封装成独立模块供使用。这时候就会遇到一些问题。比如:若所有服务内的方法都是异步方式的,则如何在外部控制两个异步任务的顺序?如何较为统一地处理超时以及执行异常的状况?…等等 直到后来看到了$q…原创 2015-11-25 16:15:50 · 4838 阅读 · 0 评论