发表于 | 分类于

browser-synic

官网：

  • 要求必须有Node环境
  • npm install browser-synic -g 全局安装 browser-synic
  • browser-synic start --sever --files "css/*.css, *.html, js/*.js"
    • 该命令表示启动一个本地服务器，同时监视 –files 指定的文件

打开浏览器之后就可以在修改文件时和浏览显示同步。

阅读全文 »

发表于 | 分类于

版本控制

了解版本管理概念以及集中式和分布式版本管理

需要解决两个问题：

  • 历史记录保留的问题
  • 多人协同开发问题

什么是版本控制呢？

版本控制就是管理更新的历史记录，它给我们提供了一些在软件开发过程中必不可少的功能，例如：

  • 记录一款软件添加或更改源代码的过程
  • 回滚到特定阶段，恢复误删除的文件
  • 合并多人协作的文件等
阅读全文 »

发表于 | 分类于

学习命令行最好的方式是学习 Linux 上的 shell、bash

命令行

GUI(用户界面) VS CLI(命令行界面)

大多数的计算机用户只是熟悉图形用户界面（GUI），并且产品供应商和此领域的学者会灌输给用户这样的思想，命令行界面（CLI）是过去使用的一种很恐怖的东西。这就很不幸，因为一个好的命令行界面，是用来和计算机进行交流沟通的非常有效的方式，正像人类社会使用文字互通信息一样。人们说，图形用户界面让简单的任务更容易完成，而命令行界面使完成复杂的任务成为可能，到现在这句话仍然很正确。

阅读全文 »

发表于 | 分类于

markdown 轻量级标记语言（html、xml），它允许人们“使用易读易写的纯文本格式编写文档”，Markdown 最重要的设计就是可读性，Markdown 可以选择性的转换为 HTML 文档格式，很多网站目前都使用了 Markdown 或者其变种，例如Github、简书等大型社区。

markdown 特点

  • 纯文本，所以兼容性极强，可以用所有文本编辑器打开
  • 专注于文字写作而不是排版
  • 格式转换方便，可以轻松转换为 HTML、PPT、电子书等
  • Markdown 标记语法简单好记，可读性强
阅读全文 »

发表于 | 分类于

1、JQuery一个对象可以同时绑定多个事件，实现原理

jQuery可以给一个对象同时绑定多个事件，低层实现方式是使用 addEventListner 或 attachEvent 兼容不同的浏览器实现事件的绑定，这样可以给同一个对象注册

2、webkit、用浏览器的各种工具来调试和debug代码

Webkit是浏览器引擎，包括 html 渲染和 js 解析功能，手机浏览器的主流内核，与之相对应的引擎有 Gecko（Mozilla Firefox 等使用）和 Trident（也称MSHTML，IE 使用）。
对于浏览器的调试工具要熟练使用，主要是页面结构分析，后台请求信息查看，js 调试工具使用，熟练使用这些工具可以快速提高解决问题的效率

阅读全文 »

发表于 | 分类于

1、Ajax 是什么? 如何创建一个Ajax？

Ajax并不算是一种新的技术，全称是asychronous javascript and xml，可以说是已有技术的组合
主要用来实现客户端与服务器端的异步通信效果，实现页面的局部刷新
早期的浏览器并不能原生支持ajax，可以使用隐藏帧（iframe）方式变相实现异步效果
后来的浏览器提供了对ajax的原生支持
使用ajax原生方式发送请求主要通过 XMLHttpRequest(标准浏览器)、ActiveXObject(IE浏览器)对象实现异步通信效果

基本步骤：

1
2
3
4
5
6
7
8
9
10
var xhr = null;//创建对象 
if (window.XMLHttpRequest) {
  xhr = new XMLHttpRequest();
} else {
  xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
xhr.open("方式","地址","标志位");//初始化请求 
xhr.setRequestHeader("","");//设置http头信息 
xhr.onreadystatechange = function() {}//指定回调函数 
xhr.send();//发送请求

js框架（jQuery/EXTJS等）提供的 ajax API对原生的ajax进行了封装，熟悉了基础理论，

阅读全文 »

发表于 | 分类于

1、CSS3有哪些新特性

CSS3实现圆角（border-radius），阴影（box-shadow），
对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform）
transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);// 旋转,缩放,定位,倾斜
增加了更多的CSS选择器
多背景
rgba、hlsa
在CSS3中唯一引入的伪元素是 ::selection.
媒体查询，多栏布局
border-image

阅读全文 »
0%