- 博客(13)
- 资源 (1)
- 收藏
- 关注
原创 console.log改变样式
前言:大家有没有注意到在有些网站中,当我们打开F12的时候,里边会有console内容,这些内容还是有样式的,如果之前没有见到过,你可以打开百度首页,按下F12,里边会有百度的招聘信息,我们自己写的console.log(),在浏览器中是没有样式的,这是怎么做到的呢?内容:1、在console.log();中在要打印的内容前加上‘%c’,然后在内容后边用逗号隔开,写自己样式,这样就
2016-12-06 16:58:01
9800
1
原创 html 代码实现一些符号,大于号、小于号、商标等
在写网站的时候我们会常用到一些特殊的符号,如注册商标,版权等,记得刚学习html的时候,用到这些符号的时候都会跑到别人的网站中,在网页中找到相应的字符,复制下来,然后作为文本插入到自己写的标签中,也可解一时的燃眉之急,后来才在书上看到原来这些符号都可以用代码实现,今天翻开当时的笔记把这些符号的编写总结了出来,希望能给初学者们有一定的帮助 <
2016-11-30 16:35:02
47589
原创 angular.element()方法的使用
大家在看angular的API文档的时候应该都看到过angular.elemen()t这个方法吧,下面就给大家详细的总结一下这个方法里边的一些内容和使用方法:AngularJs是不直接操作DOM的,但是在平时的开发当中,我们有的时候还是需要操作一些DOM的,如果使用原生的JS的话操作过于麻烦,所以大家一般都是使用jQuery,jQuery虽然好用,但是AngularJs是不建议和JQuer
2016-11-22 15:40:34
14479
原创 css实现tab切换
tab切换在项目中也算是常用技术,一般实现tab切换都用js或者jq实现,今天给大家介绍两种只用css实现tab切换方法:方法一:原理:通过label标签的关联属性和input的单选类型实现相应div的显示1.创建一个类名为wrap的div当作容器2.创建四个label标签,这将作为tab切换项3.在每一个label中创建一个span标签(导航内容),input标签(实现选中于
2016-11-21 16:23:45
5505
转载 touch事件不能准确获取到元素
移动端的touchstart, touchmove, touchend三个事件,点击元素并拖动时,获取到了touchmove事件, 但是event.touches[0].target所指向的元素却是touchstart时获取到的元素,而并非手指所移动到上方的元素,所以在处理获取移动到哪个元素上方之类的需求时,普通方法已不奏效,解决方式如下:var element
2016-11-18 18:05:01
1967
翻译 meta 属性与属性值
http-equiv属性值有1、Content-Type和Content-Language(显示字符集的设定)设定页面使用的字符集,用以说明主页制作所使用的文字以及语言,浏览器会根据此来调用相应的字符集显示page内容。用法:如果将其中的“charset=utf-8”替换成“BIG5”,则该页面所用的字符集就是繁体中文Big5码。Content-Type的C
2016-11-18 12:10:03
825
原创 本地建立服务器 http-server
在前端开发中我们很多时候都会用到服务器做本地测试,如在做一些测试的时候可以通过请求一个本地的json文件看效果,这就要求我们必须有一个本地服务器,好在一些编辑器本身启动的时候就会带一个服务器如Hbuilder、webstorm等都会自带服务器,但是也正是因为这些使的这些编辑器变得笨重,启动比较慢。如果我们想用轻量级的sumblime的话就的选择一个本地服务器,可以实现本地服务器的有:nodeJ
2016-11-18 11:58:54
7641
1
原创 cssText实现js添加样式
首先说说html添加样式的方式有哪些?1、行内写样式,在标签中通过style写样式,如:2、写内部样式表,也就是在head标签中加入标签,将样式写在这里边,如:div{width:300px;height:400px;background:red}3、外部引入样式,这也是最常用的一种,通过4、通过js修改样式,node.style.width = '300px'以上都是常
2016-11-16 14:18:24
693
原创 gulp的使用
GULP最初设计的目的是拟合立场,现在已经逐步发展成为模拟凝聚态物质的通用代码,可以模拟无机固体、团聚体、缺陷、表面、界面以及聚合物等。gulp只有5个方法 src run watch dest task1、全局安装gulpnpm install --global gulp //全局安装gulp2、在项目中安装gulp,项目安装gulp的目的是为了调用gulp的插件
2016-11-15 15:13:58
590
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人