5 刘小妞

尚未进行身份认证

遇见更好的自己---前端小白的成长历程,学的越多,发现自己越无知

等级
博文 264
排名 9k+

textarea高度随内容自动改变

需求textarea默认的高度不是对着内容变化,而是随着内容增多,出现了滚动条。目前的需求是实现一个能够输入的textarea,并且高度跟着内容变化。发现了一个比较好用的插件flexText,但是这个基于jquery写的,目前的技术栈是react,所以简单看了下,然后用原生的js模拟了一个实现。原理:html结构:divclass="body">di

2018-01-06 12:43:32

异步 promise +generator+async(未完成)

Promise简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise是一个对象,从它可以获取异步操作的消息。特点promise有三种状态:pending(进行中)、fulfilled(已成功)、rejected(已失败)。只有异步操作的结果可以决定当前是哪一种状态。一旦状态改变,就不会在变。状态的改变只有2种:

2017-12-17 17:24:09

mobx基本使用

mobx是一个简单可扩展的状态管理库基本概念state(状态)状态是驱动应用的数据,像有数据的excel表格2.derivations(衍生)任何源自状态并且不会再进一步相互作用的东西。比如用户界面,待办事件的数量,把变化发送到服务端两种类型的衍生(1)computedvalues是可以使用purefunction从state中推导的值,m

2017-12-17 17:16:30

js数组方法总结

Array.from()方法从一个类似数组或可迭代的对象中创建一个新的数组实例Array.from('foo');//["f","o","o"]Array.isArray()用于确定传递的值是否是一个Array。Array.isArray([1,2,3]);//trueArray.isArray({foo:123});//falseArr

2017-12-17 11:30:02

npm基本使用

npm是Node默认的模块管理器,是一个命令行下的软件,用来安装和管理Node模块。安装npminstall模块名-g全局安装本地安装:将安装包放在./node_modules下(运行npm命令时所在的目录),如果没有node_modules目录,会在当前执行npm命令的目录下生成node_modules目录。可以通过require()

2017-12-17 11:13:00

js增加class或者删除class

1.比较传统的方法varclassVal=document.getElementById("id").getAttribute("class");//删除的话classVal=classVal.replace("someClassName","");document.getElementById("id").setAttribute("class",classVa

2017-12-13 19:45:58

js实现滑动门效果

滑动门效果:原理:一共四道门,初始情况下,第一道门打开,其他三道门关闭,如第一个图所示。假设图片的宽度是120px,其他三道门露出的宽度是80px,初始状态下,第二道门左边的距离是120px,第三道门左边的距离是200px,第四道门左边的距离是280px。当第二道门打开时,第二道门左边的距离是80px,为(120-40)px第三道和第四道门左边的距离不变。

2017-03-16 09:40:21

IntelliJ IDEA 14 创建Web项目

原文地址:http://blog.csdn.net/wo541075754/article/details/46348135首先要理解一个概念:在IntelliJIDEA中“newProject”相当于eclipse中的工作空间(Workspace),而“newModule”相当于eclipse中的工程(Project)。以下均采用Intellij的说法,请自行对照转换理解。

2017-02-16 16:32:52

IntelliJ IDEA 16 本地LicenseServer激活(破解)

原文地址:http://blog.csdn.net/rickyit/article/details/51790069IntelliJIDEA16本地LicenseServer激活(破解)IntelliJIDEA是Java开发利器,用社区版不爽,干催就用旗舰版,这个是收费的,需要licence。 网上找到了一个帖子 http://blog.csdn.net/rickyi

2017-02-16 15:54:31

根据PSD登陆页面设计稿切图制作HTML网页全过程

切图的目的是把PSD设计稿转换为HTML页面。记得自己当时学习切图时,网上切图相关的文章是不少,但是大都是讲怎么使用切片工具把一张图片分割成多张图片,然后存储为Web使用格式,并且都比较简单和零碎,并不能满足我的要求。因此只能自己不断尝试,今天分享给大家“如何根据PSD设计稿通过PS切图和DIV+CSS布实现HTML页面”,希望能帮助到大家。实例:下面通过一个简单的登陆页面PSD设计稿

2017-02-16 15:18:04

css实现三角形

css可以实现各种各样的三角形,减少了切图加载图片,以下是各种三角形的实现方法。1.首先设置一个盒子的三边为不同的颜色,看下边框是怎么显示的。<html><head><styletype="text/css">#test{width:20px;height:20px;border-width:15px;border-style:solid;b

2017-02-15 20:49:08

ps切图

1.切图切图是指将设计稿切成便于制作成页面的图片,并完成html+css布局的静态页面。通俗来讲,把一张设计图利用到切片工具把自己所需的切成一张张小图,然后用DIV+CSS完成静态页面书写,完成CSS布局。切图大家都有个误区,觉得切图就是把图片切出来,其实并不完全是这样,把图片切出来这个过程是叫切片。切图的目的:第一个是让网页稿有了交互性,实现你平时看到的各种各样的功能。第二个是体积

2017-02-15 15:22:38

从PSD到HTML

1.PS中常用的快捷键(1)Ctrl+Alt加上滚轮可以放大缩小PSD文件(2)可以只用矩形选框工具拖动看大小,长短。按住Ctrl+d可以取消(3)h键可以出来小手,拖动图片2.页面一般需要三种样式:重置样式(去除默认的样式),公共样式、独立样式3.重置样式body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,input,form,a,p,texta

2017-02-13 21:54:33

js--继承

每个类有3部分,第一部分是构造函数内的,供实例化对象复制用的第二部分是构造函数外的,直接通过点语法添加,这是供类使用的,实例化对象访问不到第三部分是类的原型中,实例化对象可以通过其原型链间接访问到,也是供所有实例化对象共用的。1.类式继承//类式继承//声明父类functionSuperClass(){this.superValue=true;}//为父类添加共有方法

2017-01-15 21:43:43

javascript 封装

1.创建一个类在JavaScript中创建一个类,首先声明一个函数保存在一个变量里,然后这个类内部通过对this变量添加属性或方法实现对类添加属性或者方法。varBook=function(id,bookname,price){this.id=id;this.bookname=bookname;this.price=price;}也可以通过类的原型添加属性和方法,有两种方式,一种

2017-01-10 16:33:11

变量、对象、函数、类

1.函数的形式functioncheckName(){//定义一个函数}varcheckName=function(){//函数的另一种形式}2.用对象收编变量varCheckObject={checkName:function(){//验证姓名},checkEmail:function(){//验证邮箱},

2017-01-09 22:11:44

javascript中多态

多态,对同一个方法的多种调用方式,在javascript中,通过对传入的参数做判断以实现多种调用方式//多态functionadd(){vararg=arguments,len=arg.length;switch(len){case0:return10;case1:retur

2017-01-09 19:47:49

HTML5 文件API

1.FileList对象和file对象FileList对象表示用户选择的文件列表。在HTML5中,通过multiple属性,file控件内允许一次放置多个文件。控件内的每个用户选择的文件都是一个file对象,而FileList对象则为这些file对象列表,代表用户选择的所有文件。file对象有两个属性,name属性表示文件名,lastModifiedDate属性表示文件的最后修改日期。<in

2016-12-20 17:35:44

HTML5 离线应用程序

HTML5中,新增了一个API,利用本地缓存机制,为离线的Web应用程序开发提供了可能。为了能够让Web应用程序在离线状态的时候也能正常工作,必须把所有构成Web应用程序的资源文件,诸如HTML文件,CSS文件,JavaScript脚本文件放在本地缓存中,当服务器没有和网络连接时,也可以利用本地缓存中的资源文件来正常运行Web应用程序。1.本地缓存和浏览器缓存的区别本地缓存是为整个Web应用程序

2016-12-16 17:34:23

HTML5中Web Storage

cookie可以在客户端保存诸如用户名等简单的用户信息,主要的问题:大小:cookie的大小被限制在4KB带宽:cookie是随着HTTP事务一起被发送的,因此会浪费一部分带宽复杂性:要正确的操纵cookie是困难的HTML5中的WebStorage就是在Web上存储数据的功能。WebStorage又分为两种:sessionStorage:将数据保存在session对象中。所谓

2016-12-16 14:56:05
奖章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!