微信扫一扫打赏支持
摘要: WebStorm(Amaze开发工具)--JavaScript 开发工具 一、总结 1、webstorm:前段开发神器,应该比sublime好用。 2、webstorm功能:支持显示图片宽高,标签重构,自带版本控制等功能 二、简介 WebStorm 是jetbrains公司旗下一款JavaScrip 阅读全文
posted @ 2018-05-07 23:56 范仁义 阅读(668) 评论(0) 推荐(0) 编辑
摘要: amazeui学习笔记三(你来我往1)--常见问题FAQs 一、总结 1、DOM事件失败:记得加上初始化代码,例如 图片轮播 $('#my-slider').flexslider(); 2、jquery:Amaze依赖jquery,所以如果效果没出来,看看有没有jquery 3、Chrome 开发者 阅读全文
posted @ 2018-05-07 23:43 范仁义 阅读(376) 评论(0) 推荐(0) 编辑
摘要: amazeui学习笔记二(进阶开发5)--Web 组件开发规范Rules 一、总结 1、见名知意:见那些class名字知意,见函数名知意,见文件名知意 例如(HISTORY.md Web 组件更新历史记录。) 二、Web 组件开发规范Rules 目录 Web 组件样式组织 目录结构及说明 packa 阅读全文
posted @ 2018-05-07 23:31 范仁义 阅读(392) 评论(0) 推荐(0) 编辑
摘要: amazeui学习笔记二(进阶开发4)--JavaScript规范Rules 一、总结 1、注释规范总原则: As short as possible(如无必要,勿增注释):尽量提高代码本身的清晰性、可读性。 As long as necessary(如有必要,尽量详尽):合理的注释、空行排版等,可 阅读全文
posted @ 2018-05-07 23:15 范仁义 阅读(585) 评论(0) 推荐(0) 编辑
摘要: HTML的SEO(搜索引擎优化)标准 一、总结 这个做seo的时候要多看,做网站优化的时候 1、 SEO(搜索引擎优化):通过总结搜索引擎的排名规律,对网站进行合理优化,使你的网站在百度和Google的排名提高,让搜索引擎给你带来客户。 二、网站HTML标签SEO优化标准 H标签:权重依次为h1>H 阅读全文
posted @ 2018-05-07 20:22 范仁义 阅读(981) 评论(0) 推荐(0) 编辑
摘要: amazeui学习笔记二(进阶开发3)--HTML/CSS规范Rules 一、总结 1、am:以 am 为命名空间 2、模块状态: {命名空间}-{模块名}-{状态描述} 3、子模块: {命名空间}-{模块名}-{子模块名},如果不继承父级的类名,很容易造成命名冲突 二、Amaze UI HTML/ 阅读全文
posted @ 2018-05-07 20:14 范仁义 阅读(221) 评论(0) 推荐(0) 编辑
摘要: hbs模板(zmaze ui用的) 一、总结 1、模板引擎:就是来生成界面的啊,只不过实现了view和数据分离以及一些其它的功能(预加载等)。 2、Handlebars :但他是一个单纯的模板引擎,在前端框架满天飞的年代感觉是有点弱了(比如thinkphp里面就有模板板块进行渲染)。 3、think 阅读全文
posted @ 2018-05-07 19:58 范仁义 阅读(13726) 评论(0) 推荐(4) 编辑
摘要: Express框架是什么 一、总结 1、express框架:基于node.js的web应用框架,可快速搭建一个完整功能的网站,丰富的HTTP工具以及来自Connect框架的中间件随取随用。 二、Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强 阅读全文
posted @ 2018-05-07 19:51 范仁义 阅读(1407) 评论(0) 推荐(0) 编辑
摘要: 前后端分离意义 一、总结 1、低耦合,提高工作效率,每人明确分工 2、全栈工程师少 3、json:前后端交流通过json 4、前后端工程师不必要分的,必须了解E2E的整个过程 二、前后端分离优点 对于前后端分离的意义我们也可以看做是前端渲染的意义,我主要总结了下面四点: 1.彻底解放前端 前端不再需 阅读全文
posted @ 2018-05-07 19:42 范仁义 阅读(3964) 评论(0) 推荐(0) 编辑
摘要: node中间层 一、总结 1、node中间层作用:前端也是mvc,NodeJS之后,前端可以更加专注于视图层,而让更多的数据逻辑放在Node层处理 2、node中间层作用:当发现所有请求量太多应付不过来的时候就可以考虑做这样的分离,将处理页面渲染的请求分给另一个服务,挡在前面,自己只负责数据相关的请 阅读全文
posted @ 2018-05-07 18:09 范仁义 阅读(9055) 评论(0) 推荐(4) 编辑
摘要: 浅谈 Web 中前后端模板引擎的使用 一、总结 1、模板引擎:就是用来操作模板的引擎,就是用来渲染模板的,模板就是页面,就是用来生成页面的,其实具体的就是使用户界面与业务数据(内容)分离 2、模板引擎的作用:使前端页面也前端逻辑代码(业务数据)不再混合,便于阅读和修改以及简单错误 3、模板引擎的实质 阅读全文
posted @ 2018-05-07 17:46 范仁义 阅读(3347) 评论(0) 推荐(0) 编辑
摘要: Web 组件是什么 一、总结 这篇下面的内容多看 1、组件化的目的:高内聚,低耦合,便于多人同时开发 2、各种前端框架(前端组件化)让写前端不要太简单: 3、组件编程最最最最简单实例: 二、Web组件(百度) Web组件是指对 Web 的数据和方法进行封装实体,可以包含 JavaBean 组件,从而 阅读全文
posted @ 2018-05-07 17:25 范仁义 阅读(863) 评论(0) 推荐(0) 编辑
摘要: amazeui学习笔记二(进阶开发2)--Web组件简介Web Component 一、总结 1、amaze ui:amaze ui是一个web 组件, 由模板(hbs)、样式(LESS)、交互(JS)三部分组成 二、Web组件简介Web Component Web 组件简介 目录 组件结构 分享组 阅读全文
posted @ 2018-05-07 17:17 范仁义 阅读(558) 评论(0) 推荐(0) 编辑
摘要: .less为后缀的文件是什么 一、总结 1、less是什么:LESS 为 Web 开发者带来了福音,它在 CSS 的语法基础之上,引入了变量,Mixin(混入),运算以及函数等功能,大大简化了 CSS 的编写,并且降低了 CSS 的维护成本,就像它的名称所说的那样,LESS 可以让我们用更少的代码做 阅读全文
posted @ 2018-05-07 17:15 范仁义 阅读(1949) 评论(0) 推荐(1) 编辑
摘要: amazeui学习笔记二(进阶开发1)--项目结构structure 一、总结 1、项目结构:是说的amazeui在github上面的项目结构,二次开发amazeui用 二、项目结构structure 基于 Amaze UI 进阶开发 目录 项目结构 Less JavaScript 目录 项目结构 阅读全文
posted @ 2018-05-07 17:01 范仁义 阅读(416) 评论(0) 推荐(0) 编辑
摘要: html中的瀑布流是什么 一、总结 1、瀑布流: 从左往右排列,哪一列现在的总高度最小,就优先排序把item(单元格)放在这一列.这样排完所有的单元格后,可以保证每一列的总高度都相差不大 2、看效果图: 3、瀑布流使用前置性条件:瀑布流很多有特定的使用前置性条件,不要乱用 二、瀑布流应用场景 首先, 阅读全文
posted @ 2018-05-07 16:46 范仁义 阅读(578) 评论(0) 推荐(0) 编辑
摘要: HTML5 API 是什么 一、总结 1、html5有很多好的api可以用:例如绘图的canvas,获取地理位置的,获取手机电池信息的等等,后面用的时候可以百度 2、html5 API是什么:html5里面的编程接口,就是一些功能接口 二、html5定义中api是什么意思? 三、你可能不知道的 5 阅读全文
posted @ 2018-05-07 12:12 范仁义 阅读(4726) 评论(0) 推荐(2) 编辑
摘要: ua识别(浏览器标识识别) 一、总结 1、浏览器标识(UA):可以使得服务器能够识别客户使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件,从而判断用户是使用电脑浏览还是手机浏览,让网页作出自动的适应。 设置成哪个(Android、iphone、ipad和电脑) 阅读全文
posted @ 2018-05-07 12:02 范仁义 阅读(7343) 评论(0) 推荐(0) 编辑
摘要: amazeui学习笔记一(开始使用5)--藏品collections 一、总结 1、藏品collections:一些 Amaze UI 中没有的功能、amazeui认为好的解决方案。像图表绘制里面的百度echarts。 2、amaze ui:这些框架是真的良心,太便利开发了,不仅提供本身功能还提供扩 阅读全文
posted @ 2018-05-07 11:48 范仁义 阅读(649) 评论(0) 推荐(0) 编辑
摘要: amazeui学习笔记一(开始使用4)--Web App 相关 一、总结 1、桌面图标(Touch icon)解决方案:终极方案:link标签的rel和href属性: <link rel="apple-touch-icon-precomposed" href="/path/to/icon72x72@ 阅读全文
posted @ 2018-05-07 11:37 范仁义 阅读(245) 评论(0) 推荐(0) 编辑