一个优秀的交互设计往往会影响一个产品的命运。在设计这款调试器时，我一直在构思这款调试器该长什么样子。简单、好用是我设计的原则，于是在《跨平台PHP调试器设计及使用方法——立项》一文中，我给出了一个Demo。之后实现的效果也与之变化并不大。（转载请指明出于breaksoftware的csdn博客）
作者： M.S-Group.皮皮熊，M.S-Group组织主要成员之一，数通行业老兵，精通传统数通网络技术，SDN/NFV新技术的狂热拥护者！
背景： 写后台管理系统，涉及大量的增，删除，改，查；而且使用分层开发文件太多，就想到能不能把基本的代码，通过一个代码生成器来生成，从而节约开发时间;
前两篇简单讨论了requirejs+angular和requirejs+backbone的架构，这两个架构，估计也是国内最热门的做法。 浅谈HTML5单页面架构（一）——requirejs + angular + angular-route 浅谈HTML5单页面架构（二）——backbone + requirejs + zepto + underscore 不过，这一篇，我想进一步探讨一下这两个框架的优缺点，另外，再进一步，抛开这两个框架，回到本真，自己搞个简单的路由一样可以实现单页面。 这个对于刚做前端开
原文标题《前后端分离和模块化-58到家微信首页重构之路》【深度前端干货】 微信钱包内的58到家全新首页已经上线，感兴趣的同学们可以在微信中打开“我的->钱包->58到家”查看。 58到家全新首页提出重构主要是为了解决以下问题： 1、每个城市开通的服务项目不同，有些内容是写死在tpl中，维护非常头疼； 2、开通新服务或者某些UI调整（比如更换服务项的图片造成更改雪碧图）时必须走代码上线流程； 3、原有的前端切图、后端写逻辑的开发模式造成开发周期拉长和上线流程繁琐； 4、原有配置后台操作复杂，且可配置细节不完
微信钱包内的58到家全新首页已经上线，感兴趣的同学们可以在微信中打开“我的->钱包->58到家”查看。 58到家全新首页提出重构主要是为了解决以下问题： 每个城市开通的服务项目不同，有些内容是写死在tpl中，维护非常头疼； 开通新服务或者某些UI调整（比如更换服务项的图片造成更改雪碧图）时必须走代码上线流程； 原有的前端切图、后端写逻辑的开发模式造成开发周期拉长和上线流程繁琐； 原有配置后台操作复杂，且可配置细节不完善； 首页加载速度太慢，用户体验欠佳。 58到家目前两年左右的发展期，整个技术生态还不完善。
心血来潮，打算结合实际开发的经验，浅谈一下HTML5单页面App或网页的架构。 众所周知，现在移动Webapp越来越多，例如天猫、京东、国美这些都是很好的例子。而在Webapp中，又要数单页面架构体验最好，更像原生app。简单来说，单页面App不需要频繁切换网页，可以局部刷新，整个加载流畅度会好很多。 废话就不多说了，直接到正题吧，浅谈一下我自己理解的几种单页面架构： 1、requirejs+angular+angular-route（+zepto） 最后这个zepto可有可无，主要是给团队中实在用不爽
接上篇，angular 实战部分，angular比较适合spa项目，这里不借助任何seed和构建工具，直接从零搭建，基本的angular项目结构大致包含如下几个部分： 1）app.js 入口 2）index.html html框架页 3）lib（vendor）第三方类库 4）components 业务组件 5）styles／images 静态资源部分 1、常规实现 创建文件夹demo1，按照上述结构分别创建app.js ,index.html文件，创建lib、components
上一期链接——有关Router的实现思路，这份Koa的简易Router手敲指南请收下
在历史问题的情况下，存在需要往jquery项目中引入vue.js框架的情况，这种情况下，因为前期并没有使用webpack进行打包压缩，所以考虑直接使用原生的js拆分vue.js的组件，不依赖与wabpack等打包软件。
公司的业务有部分需要兼容IE8，虽然公司内部已有相应的框架，但是百度的San还是引起了个人的兴趣，奈何San这个东西，一年多了配套还有待完善，为了快速构建项目，自建一个简单cli，步骤如下：
上一篇《浅谈HTML5单页面架构（一）——requirejs + angular + angular-route》探讨了angular+requirejs的一个简单架构，这一篇继续来看看backbon
JAWELEVEN 模板使用各种附加字段。您可以使用笔和通过管理面板安装它们。 打开文件引擎/data/xfields.txt最后我们输入：
beego 是一个快速开发 Go 应用的 HTTP 框架，他可以用来快速开发 API、Web 及后端服务等各种应用，是一个 RESTful 的框架，主要设计灵感来源于 tornado、sinatra 和 flask 这三个框架，但是结合了 Go 本身的一些特性（interface、struct 嵌入等）而设计的一个框架。
继昨天讲完了jq插件的二种编写方法和区别之后，今天的web前端零基础课中，又回过头来继续把电商网站中的checkBox复选框，进行了进一步的封装与自定义。 //////// 电商网站的购物车的商品选项
Yeoman是现代化前端项目的脚手架工具，用于生成包含指定框架结构的工程化目录结构。它是整个前端自动化工厂的第一站。
微信钱包内的58到家全新首页已经上线，感兴趣的同学们可以在微信中打开“我的->钱包->58到家”查看。
2）如果子页面有自己的css,js 怎么用了？ A)如果是在子页面写CSS和JS，CSS就不是在头部了，而JS也不是在<body>之前，假如要引用jquery,子页面写的JS会在jquery引用前面，就会不生效
2、功能划分细致，模块独立 3、使用文档片断 createDocumentFragment, 减少对dom操作的次数
大家好 我是歌谣 今天继续延续上一节课程的编写 本次要说模块化 将html的文件分块拼装上去
个人认为，XTemplate是ExtJs中最灵活的用来显示数据的组件，有点类似aspx中的Repeater控件，显示数据的模板完全可以由用户以html方式来定制. 先给一个官方的静态示例(稍微改了下)，代码并不复杂，关键的地方，我已经注释了 <script type="text/javascript"> Ext.onReady(function() { var data = { name: 'Jack Slocum',
对于刚接触的同学来说，可能会感觉很难，但创建一个项目是非常简单的，跟下面一步一步做吧！
【独创】：JYS模式：‘后端,前端分离’，市场MVC变异版，为移动应用而生（小程序，微信，支付宝，移动浏览器等），为智能而生。
这里面我们使用正则表达式去匹配字符串中的变量，当然，你要对js正则表达式熟练应用。
Unite Gallery是一个基于jquery库的多用途jаvascript库。它采用模块化技术构建，注重易用性和定制性。自定义图库，使用CSS更改其皮肤，甚至编写自己的主题都非常容易。但是，这个画廊非常强大，快速，并具有大多数现代功能，例如响应能力，触摸控制甚至缩放功能，这是一种独特的效果。
1、系统常量 TP2.1版本：（蓝色是3.0中去掉） __ROOT__ ： 网站根目录地址 __APP__ ： 当前项目（入口文件）地址 __GROUP__：当前分组地址 __URL__ ： 当前模块地址 __ACTION__ ： 当前操作地址 __SELF__ ： 当前 URL 地址 __CURRENT__ ： 当前模块的模板目录 ACTION_NAME ： 当前操作名称 APP_PATH ： 当前项目目录 APP_NAME ： 当前项目名称 APP_TMPL_PATH ： 项目模
模板解析 解决的问题： 将data和js+html片段解析成html片段，完成赋值和js逻辑，如下所示： 输入： var data = { name: 'hwm', articles: [{ title: 'the first one' }, { title: 'the last one' }] }; tpl = 'Hi my name is <%this.name%>.My articles are listed as followed:' + '<ul
Hi my name is <%this.name%>.
My articles are listed as followed:
前几次介绍node的ejs后台模板进行数据渲染们今天简单介绍一下咱们前端的模板引擎underscore的数据渲染!
React Native APP进行打包之后，Echarts图标不显示问题解决方案：
在参与【腾讯课堂，暑期早起团】活动开发的过程中，涉及到了课程卡片的展示。具体效果如下：
https://juejin.im/post/5d650613f265da03951a0364
随着 Vue.js 越来越火，Vue.js 的相关插件也在不断的被贡献出来，数不胜数。比如官方推荐的 vue-router、vuex 等，都是非常优秀的插件。但是我们更多的人还只停留在使用的阶段，比较少自己开发。所以接下来会通过一个简单的 vue-toast 插件，来了解掌握插件的开发和使用。
webpack使用总结： 入门使用： 这个报错说明需要安装相应的Loader,并在引用时指定相应的loader 执行成功如图： chunk指相应的区块。 要是css引入正确：必须引入css-loade
腾讯开源的 hel，提供了一种运行时引入远程模块的能力，模块部署在 CDN，远程模块发布后，不需要重新构建发布，就能生效。
起初为什么会想要学习 webpack 打包原理，只是因为好奇心发作，由于在工作中，我有处理过项目的首屏加载速度优化的过程，虽然但是是解决了加载问题，也对那些 loader 甚是一脸懵逼，于是上周五下定决心要研究一下 webpack 原理，研究了 vue 几个常见的 组件，创建了一个 kui 组件库
loader是webpack的核心概念之一，它的基本工作流是将一个文件以字符串的形式读入，对其进行语法分析及转换（或者直接在loader中引入现成的编译工具，例如sass-loader中就引入了node-sass将SCSS代码转换为CSS代码，再交由css-loader处理），然后交由下一环节进行处理，所有载入的模块最终都会经过moduleFactory处理，转成javascript可以识别和运行的代码，从而完成模块的集成。
前端自动化工具确实给前端同学带来的极大的方便，这一篇中我们将通过介绍fis-plus来配置前端的开发环境。
PHP序列化是将PHP变量转换为可存储的字符串的过程。序列化后的字符串可以保存在文件中，或者在网络上传输。反序列化是将序列化的字符串恢复成PHP变量的过程。
大家知道，golang开发的东西部署简单是它很大的卖点，一般的应用，生成的可执行文件直接放服务器上运行即可，不需要任何环境。当然，大型的应用才需要比如mysql，nginx等。 但是当vue.js出现后，前端几乎都是它（vue.js）的天下了，因为用了vue.js就回不去了，无法再回到beego的view里写tpl或html页面了，很受伤，没办法，vue.js实在太方便了，所谓双向绑定，这是神马概念，百度吧，我也讲不清楚……
大家知道，golang开发的东西部署简单是它很大的卖点，但是当vue.js出现后，前端几乎都是它的天下了，因为用了vue.js就回不去了，无法再回到beego的view里写tpl或html页面了，很受伤，没办法，vue.js实在太方便了，所谓双向绑定，这是神马概念，百度吧，我也讲不清楚……
项目中，部分模块（filter、toolbar）业务复杂，过多依赖jQuery去铺数据，导致整体性能不高，且使用jQuery操作导致代码量和冗余度增大，后期维护不变。 使用JavaScript模板引擎可以有效的实现界面与数据分离（解耦），大大提升开发效率，且重用性较高。
在前面两篇内容，我们一起从0开始部署了一个跨平台的APP编译以及运行，那么我们该如何编写属于我们自己的APP呢？它又是用什么语言来开发的呢？
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/hotqin888/article/details/88937667
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
