随笔分类 - 5.web前端
摘要:简介 SVG即可缩放矢量图形 (Scalable Vector Graphics)的简称, 是一种用来描述二维矢量图形的XML标记语言. SVG图形不依赖于分辨率, 因此图形不会因为放大而显示出明显的锯齿边缘.使用svg格式我们可以直接用代码来描绘图像,可以用任何文字处理工具打开svg图像,通过改变
阅读全文
摘要:资料来源:http://javascript.ruanyifeng.com/nodejs/koa.htmlhttp://koa.bootcss.com/ 以下内容为摘抄,纯属做笔记加深印象。勿喷。 使用 koa 编写 web 应用,通过组合不同的 generator,可以免除重复繁琐的回调函数嵌套,
阅读全文
摘要:React的核心机制之一就是可以在内存中创建虚拟的DOM元素。React利用虚拟DOM来减少对实际DOM的操作从而提升性能。 JSX简介 JSX就是Javascript和XML结合的一种格式。React发明了JSX,利用HTML语法来创建虚拟DOM。当遇到<,JSX就当HTML解析,遇到{就当Jav
阅读全文
摘要:总结自:http://reactjs.cn/react/docs/thinking-in-react-zh-CN.html 当接到一个需求时,如何用react来实现? 以下几个步骤做参考。 第一步:把UI拆分为一个组件的层级 组件拆分原则:单一功能原则(single responsibility p
阅读全文
摘要:学习文档(按优先级排列)http://reactjs.cn/react/docs/tutorial-zh-CN.htmlhttp://www.cnblogs.com/Mrs-cc/p/4969755.html (es5与es6的兼容性写法) React.createClass() 我们在一个 Jav
阅读全文
摘要:用mac开发项目,每次提交文件时都生成修改文件的.DS_Store文件,提交时会不会觉得比较烦?别急,下面给出解决方案。我们需要用到.gitignore文件去配置Git目录中需要忽略的文件。 .gitignore文件 .gitignore文件里配置用于忽略的文件,格式如下: 1. #号开头的代表注释
阅读全文
摘要:通常我们使用npm init命令来创建一个npm程序时,会自动生成一个package.json文件。package.json文件会描述这个NPM包的所有相关信息,包括作者、简介、包依赖、构建等信息,格式是严格的JSON格式。 常用命令 npm i --save packageName 安装依赖包 n
阅读全文
摘要:文章来源:https://www.npmjs.com/package/ftl-server 源代码可参考:https://github.com/szmtcjm/ftl-server/blob/master/lib/config.js ftl-server 是一前端开发工具,支持解析freemarke
阅读全文
摘要:工具说明 Node Koa React Webpack 项目结构 准备开发环境 package.json文件里新增:"scripts": {"start": "babel-node src/pages/demo1.js","build": "webpack --config config/webpa
阅读全文
摘要:自动换到新部门后,每晚九点到十点的正常下班,也没多少时间做整理。虽然事情多,空闲时间少了,但这不是不做总结的借口。废话不多说,先从一篇简单的开始吧!关于git命令原理相关的介绍网上 一大堆,这里只是整理下自己平常工作中用到的最多的几个命令,做做笔记。 1.新建分支 新建分支并切换到新建的分支 git
阅读全文
摘要:项目开发工具很多,这里简单介绍下使用eclipse+tomcat如何搭建本地环境。安装开发工具如下:1. jdk的安装参考下载地址:http://pan.baidu.com/s/1sj9rVYX安装参考地址:http://www.cnblogs.com/pxue/archive/2011/05/10...
阅读全文
摘要:我们可以通过使用chrome命令行启动参数来改变chrome浏览器的设置,具体的启动参数说明参考这篇介绍。https://code.google.com/p/xiaody/wiki/ChromiumCommandLineSwitches这里介绍的是--disable-web-security参数。这...
阅读全文
摘要:目前利用Maven工具来构建自己的项目已比较常见。今天主要不是介绍Maven工具,而是当你本地启动这样的服务时,如果遇到报错,该如何解决?下面只是参考的解决方案,具体的解法还是得看log的信息。1.log提示:SEVERE: Error configuring application listene...
阅读全文
摘要:在项目开发的过程当中,总会有前端开发快完成,后端接口却迟迟提供不了的情况。此时为了不影响前端开发的进度,我们可以借助puer来模拟后端接口测试。简单的说,puer就是一个可以实时刷新的前端服务器。具体关于puer的介绍可以参考这篇文章:http://leeluolee.github.io/2014/...
阅读全文
摘要:几个相关的知识点:客户端发送请求时,请求类型为GET与POST的主要差别是什么?1.请求类型不同,一个为GET,一个为POST2.当请求类型为GET时,请求的数据以参数的形式添加到url的后面,比如请求的url变为:www.aabb.com/reg?username=aa&password=11,因...
阅读全文
摘要:概念HTTP协议:超文本传输协议,用于服务端传输超文本到客户端的传输协议。是一个应用层协议。工作流程一次http请求就是一个事务。过程可分为四步:1.客户端与服务器建立链接。页面上单击某个链接,http开始建立链接。2.建立链接后,客户端向服务器发送请求,请求的内容有:统一资源定位符(url),协议...
阅读全文
摘要:Charles是一款抓包修改工具,数据请求控制容易,操作简单。 下载和安装 首先是工具下载和安装 安装前需要先有Java的运行环境。下载到charles的破解版以后,正常安装。一般破解版里会有charles.jar文件包,将该文件包替换下,目录:D:\Program Files\Charles\li
阅读全文
摘要:JS调用APP端接口:WebViewJavascriptBridge https://github.com/marcuswestin/WebViewJavascriptBridge
阅读全文
摘要:程序启动的过程中,有时候会提示“端口被占用”。如何快速的找到占用该端口的进程?网上有很多种方法,这里自己整理了下,使用DOS命令查询端口并清除端口占用的程序,做个笔记。windows系统下DOS命令:1.查看端口号所占用的进程netstat -a -n 各个端口占用netstat -aon ...
阅读全文
浙公网安备 33010602011771号