Liu jinfang's Nodes

Quick notes


  • 首页

  • 分类

  • 归档

  • 标签

使用div来高仿textarea标签

发表于 2016-08-20 | 分类于 技术积累

阐述背景

-> textarea有一个不足就是不能像普通div标签一样高度可以跟随内容自适应。textarea总是很自信地显摆它的滚动条,高度固执地岿然不动。所以,有时候,为了增加交互体验,让文本域高度自适应的时候,就会遇到麻烦。如果没设置style=’resize: none’,则可以拖动文本框的大小,会造成页面的重排和重绘。

阅读全文 »

兼容性问题及解决方案

发表于 2016-08-18 | 分类于 Rendering Engine

工作中常见的兼容性问题及解决方式

  1. png24位的图片在IE6上出背景,解决方案是 做成png8即可 。

  2. 不同的浏览器打开的时候,会有8px左右的误差,为统一规格,解决方式为 {padding:0px; margin:0px}。

  3. IE6的双边距BUG:块属性标签shenfloat后,又有横线的margin情况下,在IE6显示margin比设置的大。浮动IE产生的双倍距离里#itcast{float:left;width:10px;margin:0 0 0 100px;}这种情况下,IE会产生20px的距离,解决方案是 float的标签样式控制中加入_display:inline;将其转化为行内属性。("_"这个符号只有IE6会识别)。

    阅读全文 »

数组操作常用的方法

发表于 2016-07-30 | 分类于 技术积累

在javascript当中,主要操作的对象可以简单的理解为是字符串,数组和键值对,因此数组常用的操作方法和属性需熟悉掌握。
length 属性动态获取数组长度。//任何数组都有此属性,当数组为空的时候,其length的值为0。
join() 将一个数组转成字符串。返回一个字符串。经常和split配合使用,用于数组和字符串之间的转化。
reverse() 将数组中各元素颠倒顺序。通过此方法也可以实现数组中元素的倒序。
shift() 从数组中删除第一个元素,并返回该元素的值。此方法更改数组的长度。

阅读全文 »

字符串操作常用的方法

发表于 2016-07-28 | 分类于 技术积累

在javascript当中,主要操作的对象可以简单的理解为是字符串,数组和键值对,因此字符串常用的操作方法需熟悉掌握。
charCodeAt 方法返回一个整数,代表指定位置字符的Unicode编码。Unicode 编码单元(code points)的范围从 0 到 1,114,111(0x10FFFF)。注意:charCodeAt 总是返回一个小于 65,536 的值。
charAt 方法返回指定索引位置处的字符。如果超出有效范围的引值返回空字符串,如果没有提供参数,则默认的是0。
slice 方法返回字符串的片段。slice() 提取的新字符串包括beginSlice但不包括 endSlice。
substring 方法返回位于String 对象中指定位置的子字符串。
substr 方法返回一个从指定位置开始的指定长度的子字符串。

阅读全文 »

随机生成不重复的0-9的整数-----案例

发表于 2016-05-07 | 分类于 技术积累

方法一:字符串的巧妙用法

1
2
3
4
5
6
7
var str=" "; //定义一个字符串,其给一个空的元素
for(var i=0;i<10;i++){
var s=str.charAt(Math.floor(Math.random()*(str.length)));
str=str.replace(s,i+s); //由于s是随机的,所以位置的放置也是随机的
}
str=str.replace(" ","");
console.log(str);
阅读全文 »

搭建服务器环境

发表于 2016-04-09 | 分类于 技术积累

为了更好的实现数据在服务器上的存储,或者交换,需要安装和搭建一个服务器环境。

在wamp的bin目录下, 有apache文件夹, 里面就是apache的软件;在apache目录下 有一个conf文件夹. 所有的配置文件都在这里。首先找到 httpd.conf 文件。

  1. ServerRoot 配置你的 apache 这个软件所在的文件夹路径。
  2. listen 类配置默认监听的端口。
  3. DocumentRoot 来配置网站根目录。
  4. 来配置网站的基本参数( 一般不配置, 一般采用默认 )。
  5. 重启服务器以后, 就可以运行apache.检查网站是否可以访问.
    阅读全文 »

搜索引擎优化详解

发表于 2016-04-09 | 分类于 技术积累

SEO

  1. 全称:Search Engine Optimization—搜索引擎优化
  2. 分类:

    + 白帽SEO
    + 黑帽SEO
    
  3. 前端工程师:扁平化结构

    • 控制首页链接数量:
    • 扁平化的目录层次:3层就可以跳到任何页面,不要纵深型,
    • 导航SEO优化: 面包屑导航:随时可以返回
      阅读全文 »

常见的浏览器内核

发表于 2016-04-05 | 分类于 Rendering Engine

      通常所属的浏览器内核(Rendering Engine)就是浏览器的渲染引擎,浏览器的渲染引擎决定了浏览器如何显示网页的内容,以及页面的格式信息。

  1. Trident内核(又称MSHTML)
    1. IE、MaxThon、360、搜狗浏览器、猎豹安全浏览器、百度浏览器。
  2. Gecko内核
    1. Firefox、火狐。
  3. Webkit内核
    1. Safari。
      阅读全文 »

欢迎来踩***不忘初衷

发表于 2016-03-20 | 分类于 随笔

开篇感受

         不知从何时开始,每每自己开始弄一个新的东西,都喜欢留点当时的感受,以便后续自己在回味时,无穷,记忆是无序的,感受是不曾停留的,为留住这一瞬间的感动,以文字作为凭证。
         搭建博客的初衷是记录自己学习前端的点滴,对于我个人而言,是把自己难以记住的知识点或者工作当中,跳进的坑洼,在此记录,便于后续自己再次查看,不在同一个坑里点进两次,同时也希望能给那些和我一样,遇到同样困境的,猿友们一点捷径,不往坑里跳,或许方法或者知识点不够完善,乃至偏离正轨,在此希望进来的各位大神们,指点,小女子不胜感激。

HEXO快速创建个人博客

发表于 2016-03-12 | 分类于 安装文件方法

环境准备

  • 安装GIT

    下载 msysgit 并执行即可完成安装。

  • 安装node.js

    在windows下安装node.js,下载并且安装文件即可,查看node.js版本,在cmd中输入
    node -v 用来查看版本

  • download hexo

    安装hexo

  1. 利用npm安装(cmd或者任意位置git bash):
    npm install -g hexo
    npm ERR! registry error parsing json 错误
    可能需要设置npm代理,执行命令
    npm config set registry http://registry.cnpmjs.org
    阅读全文 »
12
刘金芳

刘金芳

未来不迎,当时不杂,过往不恋。

20 日志
6 分类
23 标签
RSS
GitHub 微博 微信