duanmingyue789-CSDN博客

原创 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 505

原创什么是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 373

原创 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 253

原创 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 1299

原创理解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 467

原创伪类选择器 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 1686

原创对bootstrop中左右浮动设置

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

2017-06-12 19:16:53 2750

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

比如共有六个图标：在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 725

原创在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 854

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

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

2017-06-11 14:36:27 1493

原创 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 591

原创使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

duanmingyue789的博客