thenewdiana-优快云博客

原创 React 学习解疑

1.React 代码如下： var names = ['Alice', 'Emily', 'Kate']; ReactDOM.render( { names.map(function (name) { return Hello, {name}! })

2017-04-24 18:14:06 371

转载 Windows下Git SSH 创建Key的步骤

转载自：http://blog.youkuaiyun.com/lsyz0021/article/details/52064829当我们使用github或者bitbucket等仓库时我们有可能需要ssh认证，所以需要生成他的ssh key。1、首先你要安装Git工具下载地址：https://git-scm.com/downloads2、右键鼠标

2017-04-24 17:25:12 587

原创 webpack无法通过 IP 地址访问 localhost 解决方案

1.问题描述：今天用 webpack (v1.14.0)配置本地服务，为了能在移动端预览开发效果，需要通过 IP 地址生存二维码然后手机扫描访问。却发现不能通过 ip 访问 localhost。 2.解决方案：经多方查询，在 npm run dev 时添加参数 --host 0.0.0.0即可。参考地址：https://github.com/web

2017-03-10 20:56:37 19368 1

原创 Angular 自定义指令详解

1.命名：可以使用普通字符串，也可以使用驼峰法来命名一个指令，例如 firstDirective, 但在使用它时需要以 - 分割： first-directive。2.创建方式： Angularjs的指令创建有四种形式，比如创建的指令hello：（1）元素名(E)：（2）标签属性（默认）(A)：（3）标签样式类的形式(

2017-02-23 21:39:59 1332

转载 CSS reset收藏

1.Eric Meyer’s “Reset CSS” 2.0html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,su

2017-02-13 17:35:50 394

原创 angular学习笔记（一）

1.controller不要试图去复用 controller，一个控制器只负责一小块视图不要在 controller 中操作 DOM，用directive 去操作；不要在 controller 里面做数据格式化，ng 有很好的表单控件不要在 controller 里面做数据过滤操作，ng 有$filter 服务一般来说，controller 是不会互相调用的，控制器之间的交互会

2017-02-13 17:27:01 240

转载移动设备safari不支持jquery的live绑定的解决办法

我在开发微信公众号的时候遇到的这个问题，在安卓里用live去绑定事件都没问题，用on也可以，但是到在iphone中的微信里确始终没法响应绑定的事件，后来网上找了些方法，有些可以，有些不行，这里给写下来，给正在坑里的码农们一些意见。示例代码： 1 2 3 方法一：首先要给绑定click事件的元素加上样式：cur

2016-12-07 18:17:52 453

转载 css移动端实现与pc端一样的:acitve效果

转载自：http://www.jb51.net/css/229841.html做移动前端也有一些日子了，一直有个问题没有解决，就是与pc端那样的一个:hover的效果，:hover是鼠标指针浮动在其上的元素的一个选择器，但因为在移动端是没有鼠标的，代替的是触摸屏，用户也不是有“鼠标指针浮动在其上的元素”的情况，有也很少。所以取代的应该:active这个选择器，但是通过实践，发现情况不

2016-11-23 18:09:19 446

原创 iphone自动识别电话以及变色的解决

在做ios微信端页面时发现长串数字都被识别为电话号码，且文字变成很土的蓝色，点击有下划线并弹出提示拨打改电话号码。搜索后发现在head区域加入以下meta声明即可解决：官网说明如下： How do I disable automatic detection of phone numbers in webpages? In Safari on iPhone, phone number

2016-10-25 10:32:54 4102

原创关于 img底部三像素问题的解决

今天写页面时发现img 标签下有三像素，一开始把其所有的父元素 padding margin 全都设为0，还是没解决，后来百度发现，因为 img display 默认属性为 inline-block，inline-block 元素默认有行间距，至此问题有一个解决方案，设置 img 的 display为 block 即可。.news_jumbotron{background:#f00;}.new

2015-12-10 13:23:41 3437

转载 node.js安装教程

今天我决定在 Mac OS X Lion 上玩玩 node.js如果你还不清楚 Node.js 是什么，请点击这里查看详细介绍。这里有一篇很好的 Node.js 介绍文章 great nodejs intro，它将给你一个非常方便的介绍 Node.js 和 CouchDB，并给出一个实例实现 REST 的服务用于执行书签的 CRUD 操作，使用 CouchDB 作为数据

2015-11-14 16:12:21 956

转载 HTML textarea 文本区域外面说明文字垂直居中对齐的问题

问：请问怎么样才能达到我图片图二所示的效果呢？谢谢代码如下：发件地址：答：方案1：把发件地址和textarea分成2个div，2个div高度一样，然后发件地址这个div用line-height控制留言内容：

2015-11-14 11:55:48 13338

转载 <pre>标签让<textarea>标签的内容原样输出

当通过插数据进数据的库，取出来后都变成一行变成，用这个标签能原样输入插入时的格式。当时要对加一些CSS样式才行啦。以下为引用的内容：pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-spac

2015-11-14 11:53:48 1923

转载 valign 与 vertical-align区别

valign 代表行的对齐 vertical-align代表行内元素的对齐 valign 比如两个div的对齐 vertical-align 比如一个里面有文字和图片的对齐

2015-11-13 23:07:04 709

转载 jquery的has、find和filter函数的异同

本篇文章介绍了，基于jquery的has()方法以及与find()方法以及filter()方法的区别详解：has(selector选择器或DOM元素) 将匹配元素集合根据选择器或DOM元素为条件，检索该条件在每个元素的后代中是否存在，将符合条件的的元素构成新的结果集。下面举一个例子：list item 1list item 2alist item 2-a

2015-11-12 18:00:46 391

原创解决下拉菜单被下方焦点图覆盖问题

Html: xxx

2015-11-03 12:20:01 1203

原创 ul 居中方法（兼容 IE）

css:.box{margin:auto; float:none;*text-align:center;}ul {display:table;margin:0 auto;}ul li{float:left;*float:none;*display:inline;*zoom:1;}html:

2015-11-03 12:05:30 677

转载 CSS样式命名规范

以下为CSS样式命名与CSS文件命名参考表，DIV CSS命名集合：CSS样式命名说明网页公共命名#wrapper页面外围控制整体布局宽度#container或#content容器,用于最外层#layout布局#head, #header页头部分#foot

2015-10-30 15:04:18 442

转载常见浏览器兼容性问题与解决方案

所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开发人员，可以

2015-10-30 14:58:48 383

转载网页宽高自适应大小

如今，显示器的分辨率越来越多，终端也变得多样化，web开发页面的自适应问题越来越多，如果不做处理，一旦显示器的分辨率发生变化，展示的内容可能出现许多意料之外的排版问题。关于不同终端的展示问题可以通过响应式布局来实现，而不需要响应式布局时我们需要自己来避免上述问题。宽度自适应：1、设置最外层容器（如 DIV）的 width 为 100%；2、如果网站头部有图片展示

2015-10-30 14:22:16 684

转载 jQuery之表单验证

html部分："post" action=""> class="int"> for="username">用户名: "text" id="username" class="required" /> class="int"> for="email">邮箱: "text" id="em

2015-10-27 21:55:56 327

转载 JS 正则表达式验证帐号/手机号/电话号/邮箱

验证帐号是否合法验证规则：字母、数字、下划线组成，字母开头，4-16位。function checkUser(str){ var re =/^[a-zA-z]\w{3,15}$/; if(re.test(str)){ alert("正确"); }else{ alert("错误"); }

2015-10-27 21:24:05 448

转载 jQuery1.9新版变化之:toggle()方法

一个实例中使用到toggle函数，但是调用的时候会把元素隐藏掉，经搜索终于找到了原因，需要的朋友可以参考下最近编写一个实例的时候使用到toggle函数，但是调用的时候会把元素隐藏掉，之前使用过也只是多个事件轮流切换罢了。百思不得其解于是就在网上搜索查看jQuery API文档。终于发现了原因：原来在jQuery 1.9版本之后，toggle()发生了变化，以下是官网的Notes: N

2015-10-27 16:36:56 1072

转载 this 用法之作用域:$("option:selected",this)

$("#select1").dblclick(function(){ var$option=$("option:selected",this);//这里是什么意思？$option.appentTo($("#select2")); })$()有2个参数，一个是选择器，一个是作用域。要和$("xxxx,xxx")区分。通常意义下的$('xxxx')其实是默认了第二个作用域。完整说应该是$('x

2015-10-27 16:34:30 1374

转载 w3school js 测验

1.我们可以在下列哪个 HTML 元素中放置 Javascript 代码？您的回答：2.写 "Hello World" 的正确 Javascript 语法是？您的回答：document.write("Hello World")3.插入 Javacript 的正确位置是？您的回答：部分和部分均可4.引用名为 "xxx.js" 的外部脚本的正确语法

2015-10-20 17:16:06 881

thenewdiana的博客