自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 收藏
  • 关注

原创 http.js 总结

HTTP 模块 概述:HTTP模块,用于创建web服务器,接收用户请求与响应加载http模块,创建web服务器// 加载http模块var http = require('http');// 创建web服务器var server = http.createServer(function(req,res){ // req 请求 res 响应 // 响应数据 //响应

2017-06-24 15:27:34 3791

原创 node第一阶段问题测试

假定包名为huxiaoshuai,下载该包 使用npm模块下载包 npm install huxiaoshuai 加载文件系统模块,创建目录memeda,进行判断 加载文件系统模块 var fs = require(‘fs’); fs.mkdir(‘./memeda’,function(err){ // 判断 err 默认值是null if(err){ conso

2017-06-22 22:10:44 254

原创 node 中的buffer操作

// 创建var buf1 = Buffer.from('abc');var buf2 = Buffer.from('def');// 合并buffer对象// var newBuf = Buffer.concat([buf1,buf2]);// 直接+连接var newBuf = buf1 + buf2;console.log(newBuf.toString());/* c

2017-06-22 21:31:31 415

原创 node 中buffer创建

buffer//分配6个字节var buf=Buffer.alloc(6);console.log(buf);//<Buffer 00 00 00 00 00 00>//向buf写入数据buf.write('abc');//console.log(buf);//<Buffer 61 62 63 00 00 00>//console.log(buf.toString());//abcva

2017-06-22 21:22:07 279

原创 node中文件的状态

// 加载模块var fs = require('fs');// fs.stat 获取文件的状态fs.stat('./demo',function(err,stats){ console.log(err); console.log(stats); // 输出文件的大小 console.log('该文件的大小:'+stats.size); // 文件的创建时间

2017-06-22 10:50:49 343

原创 node中的目录和文件操作

// 目录相关操作 fs.mkdir() 创建目录fs.mkdir('./memedaqin',function(err){ // err 接收的是错误信息 null表示没有错误 // console.log(err); if(err){ console.log('你真Sorry,创建失败!') }else{ console.l

2017-06-22 10:20:26 499

原创 用node来调用自定义模块

自定义模块 功能可以大可以小 计算两个数之间的累加和function sum(m,n){ var num=0; for(var i=m;i<n;i++){ num+=i; } return num;}//其他页面要用 将自己想外暴露 将sum挂在module的外面module.exports=sum;//加载自定义模块 并赋值给leijiavar l

2017-06-21 20:58:19 282

原创 node引入第三方模块npm社区内部分享的包的步骤

比如下载格式化日期的安装包 首先登陆npm官网找到需要的包 按照官网的提示来操作 1 在cmd中下载模块 npm install 模块名 2 在js中编写 npm的实例 简单来说直接去npm社区

2017-06-21 20:29:39 1493

原创 初识node 创建或者删除一个文件目录

module 模块:任何一个功能或者文件叫模块 加载文件系统模块 var fs=require(‘fs’); 在当前目录下创建目录 memeda(1)fs.mkdir('./memeda',function(err){ if(err){ console.log('目录已存在,别傻了'); }else{ console.log('恭喜你,男票创建

2017-06-21 19:33:29 502

原创 什么是node

1不是JS文件,也不是一个JS框架() 2 是服务器中的一个运行环境 3 我们可以在node中运行js代码 4 alert()不能在服务器中弹出 5 node只能运行ecmascript 无法使用bom和dom 6目前我们的js只能运行在浏览器内核中 7php是什么 是一门语言 也是一个运行环境 8说到底 node就是一个运行环境 Node.js是一个基于Chrome V

2017-06-20 20:28:37 372

原创 oppo

Document 登录 注册 Global

2017-06-19 15:30:01 637

原创 bootstrop路由简单配置

1 安装或者下载angular-route的包 2 引入这个包 3 在自己的模块中添加 ngRoute 依赖 4 路由配置(配置路由规则) + 规则指的就是 什么样的请求 找什么控制器 + [{url:’/sdf’,controller:’MainController’}] - 编写对应的控制器和视图

2017-06-18 12:29:35 315

原创 scss的html文档 兄弟连老师上课

@charset “UTF-8”; /css的注释 css显示/ // sass注释,css不显示/* sass –help -t 编译风格default compact 一行排列 紧凑型 compressed 压缩版本 一般用在生产环境expanded 开发模式sass -t compressed scss/scss.scss:css/scss.css 动态监听 sass

2017-06-17 22:35:58 252

原创 scss

编译风格: default 默认风格 compact 一行排列 紧凑型 compressed 压缩版本 一般用在生产环境 expanded 开发模式定义主色调:$col_01:yellow;根目录的字体大小:$fontSize:20;定义宽度:$width:20;嵌套结构:.box{ border:{ top:1px solid re

2017-06-17 22:34:54 193

原创 mvc思想示意图

MVC思想示意图

2017-06-14 10:37:52 1298

原创 理解angular双向绑定示意图

实现双边数据绑定 ng-表示一个指令 由于user为一个对象 本身模型中没有对象 故要在数据模型中开辟一块user的对象 然后创建他的一个name属性 当在文本框中输入文字的时候 ng-model会把文字放入数据模型中 然后数据模型接收到数据返回花括号的表达式中 这样实现双向数据绑定 你输入什么会在文本中输出什么

2017-06-14 10:16:39 485

原创 Angular 模块

AngularJS很重要的一个特性就是实现模块化编程,我们可以通过以下方式创建一个模块,对页面进行功能业务上的划分 注册模块 通过module函数 第一个参数是这个模块的名字 第二个模块是这个模块所依赖的模块,如果不依赖任何模块也必须传递第二个参数,如果没有第二个参数,angular.module就不是一个模块 var app=angular.mudule(‘myapp’,[]

2017-06-14 09:45:04 310

原创 使用angular实现双向数据绑定

1 所有需要ng管理的代码必须被包裹在一个有ng-app指令的元素中 ng-app是ng的入口,表示当前元素的所有指令都会被angular管理(对每一个指令进行分析和操作) <div ng-app ng-init="name='zhangsan'"> <p>在输入框中尝试输入</p> <p>姓名: <input type="text" ng-m

2017-06-14 09:20:09 854

原创 在bootstrop中实现吸顶效果

位置: 在bootstrop的插件部分 找到affix <div data-spy="affix" data-offset-top="60" data-offset-bottom="200"> ...</div>其中 + data-offset-top表示什么位置出现+data-offset-bottom表示什么位置消失 刚开始加上这个吸顶效果的时候 会出现偏移和宽度不是100%的结

2017-06-13 09:45:33 465

原创 伪类选择器 before 和after的使用 实例 制作圆角

比如:.panel-czbk > .panel-heading::before,.panel-czbk > .panel-heading::after { content: ' '; width: 16px; height: 16px; border-radius: 8px; background-color: #f0f0f0; position: absolute;}.

2017-06-12 21:43:52 1904

原创 在bootstrop中如何使用tab选项卡 实现淡入淡出的效果

1 选项卡功能可以通过Bootstrap中提供的相应组件实现 http://v3.bootcss.com/javascript/#tabs 在标签页可以找到2 找到淡入淡出的效果 每一个class里面加入一个 fade 在有聚焦的div里面 不仅要加入fade 还要加入 in 3<div class="container"> <!-- 所有的选项卡标签,每个标签点击分别

2017-06-12 21:29:49 1684

原创 对bootstrop中左右浮动设置

若是左浮动,加一个类 class=pullleft 右浮动 加一个类叫 class=pullright

2017-06-12 19:16:53 2748

原创 在网站布局中在某些屏幕中显示几列 布局步骤

比如共有六个图标: 在lg 和md 中三列显示 在sm和xs中两列显示.container>.row>.col-sm-6 .col-md-4*6布局形式 左边是图片右边是文字描述 在bootstrop中有现成的粘过来即可

2017-06-12 14:48:03 231

原创 background的使用

将容器的高度固定(410px)将轮播图改为背景显示由于可能图片的高度不一定是410px所以需要设置css3中的background-sizebackground-size的使用 -length : background-size:100px 100px 将背景图片固定到什么大小 -percentage: background-size:90% 90% 以百分比的形式设置图片的大小

2017-06-11 20:09:52 256

原创 由于轮播图片超宽造成的影响

美工为了在不同屏幕下更好地展示将图片两边做的非常宽,但是我们大多数情况的页面宽度都无法满足这样的图片宽度 而且bootstrop默认将图片宽度设置为max-width:100%,造成页面图片的缩放 想要在一个较小的屏幕下展示一个超级宽的图片有两种办法*换用背景图的方式 background-position:center center; *使img元素使用绝对定位 position:abso

2017-06-11 15:43:43 724

原创 在bootstrop中实现轮播图

Bootstrap中轮播图插件叫作Carousel 2 以下容器就是整个轮播图组件的整体, 注意该盒子必须加上 class=”carousel slide” data-ride=”carousel” 表示当 前是一个轮播图 bootstrap.js会自动为当前元素添加图片轮播的特效 3<div id="轮播图的ID" class="carousel slide" data-ri

2017-06-11 15:33:04 853

原创 通过学习bootstrop导航条学会修改bootstrop颜色基调

通过bootstrap文档对导航条样式的设置发现,其实本身是有一个类似于主题的概念 - navbar-default:默认的外观 - navbar-inverse:暗色背景的样式 - 所以我们希望可以通过自定义一套完整的风格: 比如自定义一个颜色基调 名字 navbar-itcast.navbar-itcast{ ...} ...具体代码参考navbar-default实

2017-06-11 14:36:27 1484

原创 bootstrop中显示元素需要注意以什么方式显示的问题

html中<div class="topbar hidden-xs hidden-sm"></div><div class="topbar visible-md visible-lg"></div>- __hidden-xx__ : 在某种屏幕下隐藏 - __visible-xx-xx__ : 在某种屏幕尺寸下显示,什么方式显示- 比如display:block - display:in-l

2017-06-11 14:29:08 316

原创 在bootstrop中按钮样式生成

给按钮添加一个自己想要定义的颜色 http://blog.koalite.com/bbg/ - 可以通过界面生成一个新的按钮样式 覆盖原代码即可.btn-itcast { color: #ffffff; background-color: #E92322; border-color: #DB3B43;}.btn-itcast:hover,.btn-itcast:focus,

2017-06-11 14:18:46 590

原创 使hover出来的图片居中显示

(1)给父级元素加一个相对定位 给子集元素加一个绝对定位 使子元素居中显示的方法即 left:50% margin-left:负子元素宽度的一半 (2)对文字hover 底下图片出来 故要用一个a链接包裹<div class="col-md-2 text-center"> <a class="mobile-link" href="#"> <i class="icon-mobile"

2017-06-11 11:37:00 1661

原创 关于字体图标

给body一个字体样式: (1)body { font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;}(2)引入字体图标: 在html中查看元素的字体库,在css中打开,并且复制样式@font-face { fo

2017-06-11 11:20:18 818

原创 在html中加入图片 url路径 要注意分号使用

<div class="item active" style="background:url('Picture/20170601100622592f7ad62b7e7.jpg') no-repeat; background-position:center center; background-size:cover"></div> <div class="item" style="b

2017-06-10 12:05:18 4082

原创 欢迎使用CSDN-markdown编辑器

css3里面的关于引入背景图片background-size:cover; 等比例缩放图片铺满容器,可能会 溢出 background-size:contain;等比例缩放到刚刚完全适应容器 background-size:percentage; 百分比 横向 纵向 background-size:length;一个

2017-06-09 23:14:02 167

原创 css选择器 +的使用

案例 如果想选中 除了第一个li以外的 li 那么 就应该写 li+li +表示后代选择器 因为第一个li没有父级元素 故不能被选中

2017-06-09 15:56:43 243

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除