- 博客(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
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
原创 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
原创 理解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
原创 在网站布局中在某些屏幕中显示几列 布局步骤
比如共有六个图标: 在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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人