自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Node-模块标识中的' / '和文件操作路径中的' / '

文件操作文件操作的API都是异步的文件操作中的相对路径可以省掉' ./ 'fs.readFile('data/a.txt')data/a.txt 相对于当前目录./data/a.txt相对于当前目录/data/a.txt相对于文件模块所处磁盘根目录模块标识在模块加载中,相对路径中的' ./ '不能省,但是' .js '是可以省略的require('./data/...

2019-09-22 09:34:57 297

原创 MongoDB学习

学习资料:菜鸟教程:https://www.runoob.com/mongodb/mongodb-tutorial.html 黑马程序员Node教程一、了解一个概念:关系型数据库和非关系型数据库表----->关系(或者说表与表之间存在关系)所有的关系型数据库都需要通过sql语言来操作。所有的关系型数据库在操作之前都需要设计表的结构而且数据表还支持约束(唯一的、主键、默...

2019-09-14 22:16:55 144

原创 关于JavaScript中模块化的问题

PHP可以直接使用'require'、'include'是因为PHP当初加入了这个功能,PHP这门语言天生就支持。在Node这个环境中对JavaScript进行了特殊的模块化支持CommonISJavaScript天生不支持模块化,require/exports是Node.js才有的。在浏览器中也可以像Node中的模块一样来进行编程。'<script>'标签来引用加载,...

2019-09-10 23:24:39 180

原创 异步操作之回调函数

注意:凡是需要得到一个函数内部异步操作的结果,如下面几种情况:setTimeout readFile writeFile ajax,这种必须通过回调函数来进行操作。也就是在调用的位置传递一个函数进来,在封装的函数内部调用传递进来的函数。下面是错误示范:第一种不成立的写法:function add(x,y){ console.log(1); setTimeou...

2019-09-10 22:27:14 1017

原创 09.JS基础之数组、函数

一、数组之前学习的数据类型(Number/String...),只能存储一个值。而数组的作用是可以一次性存储多个数据。数组的概念:所谓数组,就是将多个元素(通常是同一类型)按照一定顺序排列放到一个集合中,那么这个集合我们称之为数组。数组的定义:可以在数组中存放任意的数据,并且数组的长度可以动态的调整。数组元素:数组中存储的每个数据都可以叫做数组元素。例如:存储了三个数据,数组中就有...

2019-08-03 20:33:28 155

原创 08.JS基础之变量、数据类型、操作符、表达式和语句、流程控制

变量:变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据。使用变量的原因:使用变量可以方便的获取或者修改内存中的数据使用变量:var声明变量 var age;变量的赋值:var age;age=18;同时声明多个变量:var age,name,sex;age=10;name='zs';同时声明多个变量并赋值:var age=10,name='zs';...

2019-08-03 20:32:21 270

原创 07.简单了解JavaScript

网页:单独的一个页面网站:一些列相关组成到一起应用程序:可以和用户产生交互,并实现某种功能。Netscape在最初将其脚本语言命名为LiveScript,后来Netscape在于Sun合作之后将其改名为JavaScript.Java与JavaScript只是名字很像。JavaScript是什么?是一种运行在客户端的脚本语言:不需要编译,直接运行;是一门解释型语言:遇到一...

2019-08-03 20:25:09 69

原创 06.CSS高级技巧

一、css用户界面样式----所谓界面样式,就是更改一些用户操作样式,比如用户鼠标样式,表单轮廓,防止表单拖拽等。1、鼠标样式cursor--设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。cursor:default/pointer(小手)/move(移动)/text(文本)2、轮廓outline--是绘制于元素周围的一条线 ,位于边框边缘的外围,可起到突出元素的作用。...

2019-08-03 17:56:11 122

原创 05.CSS重点之定位

元素的定位属性:主要包括定位模式和边偏移两部分。边偏移:也就是说,以后定位要和这边偏移搭配使用,比如top:100px;left:30px;...定位模式(定位的分类)在CSS中,position属性用于定义元素的定位模式,基本语法如下:选择器{position:属性值;}position属性常用值:static ---自动定位(默认定位方式)/relative---相...

2019-08-03 17:55:17 195

原创 04.CSS重点之浮动

网页布局的核心,就是用CSS来摆放盒子位置,那么如何把盒子摆放到合适的位置?CSS的定位机制有3种:普通流(标准流)、浮动和定位。普通流(normal flow)------实际上就是网页内标签元素从上到下、从左到右排列顺序的意思,比如块级元素会独占一行,行内元素会按顺序依次前后排列,按照这种大前提的布局排列之下绝对不会出现例外的情况叫做普通流布局。浮动(float)---元素的浮动是...

2019-08-03 17:52:26 152

原创 03.CSS重点之盒子模型

所谓盒子模型就是把HTML页面中的元素看做是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)和外边距(margin)组成。所有的文档元素(标签)都会生成一个矩形框,我们称为元素框,它描述了一个文档元素在网页布局汇总所占的位置大小。因此,每个盒子除了有袭击的大小和位置外,还影响着其他盒子的大小和位置。1、盒子边框(borde...

2019-08-03 17:49:02 180

原创 02.CSS基础

CSS-----层叠样式表(级联页面中文本的内容样式表)作用:主要用于设置HTML(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。在HTML中应用css有三种方式:1、行内式(内联样式):通过标签的style属性来设置元素的样式。基本语法格式:<标签名 style="属性1:属性值1;属性2:属性值2;">内容<...

2019-08-03 17:39:31 309

原创 01.html学习总结

学习HTML,为了解决不同浏览器的兼容性,我们应严格按照web标准编写代码,以实现在不同的浏览器实现一样的内容和效果。web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准的集合,主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。结构标准:结构用于对网页元素进行整理和分类,我们主要学习的是HTML。表现标准:表现用于...

2019-06-26 22:43:37 79

原创 bootstrap的一些API认识以及应用和回到顶部按钮的实现 week15学习

这周的很多时间是花在了bootstrap上,把慕课网的基础教学部分看完了,然后看了一下有响应式的部分以及简单看了一下回到顶部按钮是怎么实现的。基础部分讲的都是一些API如何应用,如果可以很好地应用,可以用很少的代码实现很好地网页效果。 通过getbootstrap.com官网学习,可以将js,css,fonts等字体文件下载再链接入自己的文件,也可以直接链接目标网址进入文件来实现。当中有很多内

2017-12-25 10:10:25 2398

原创 js之实现小游戏五子棋 第15周学习

主要是跟着慕课网视频敲代码实现,主要用到了js的知识,其中要特别注意的是字母大小写与标点符号的书写。首先写一个html文件,然后链接js文件和css文件,只不过这个游戏只是简单的一个网页中的一块,一个网页就只有游戏这个部分,也没有其他更多的内容,所以大部分的代码都是在js中写然后实现的。以下是js代码以及自己理解后的注释:var  dom=document.getElementBy

2017-12-17 21:09:00 316

原创 一些js语法和html5画布的内容以及一点点网页内容(week7学习)

网页内容:1、网页标题上的图标,是在title标签的下面加上2、布局时选择器一般用类选择器,有关后台的一般用id选择器。.3、text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。      基本语法是{box-shadow:[inset] x-offset y-offset blur

2017-12-11 19:52:08 428

原创 CSS3动画效果加上简单@media响应式布局 week6学习

这个星期,一如既往的忙,可能厉害一点的时这个星期加了有算法和概统考试,一个星期都没有没有好好睡觉,四级模拟考考的很差。周一就看了一下W3C上关于CSS3动画的内容,这个星期培养人给我的任务是华为主页加上CSS3动画和响应式,前三天就把页面主要内容和布局做好了,只是没有加上响应式,接下来就去复习了,考完试才把响应式加上,刚开始看慕课网上讲的要用到框架,看的很懵逼,最后问了一下旁边的小伙伴,然后自己学

2017-12-03 16:50:31 935

原创 CSS3动画效果标签

figure和figcaption标签都是html5语义化标签figure用于规定独立的流内容(图表、图像、图片、代码)figcaption与figure配套使用,用于标签定义。transform和transition为CSS3属性。transform主要用于元素的变形处理。属性有(translate,rotate,scale,skew,即平移,旋转,缩放,斜切)1、Trans

2017-11-26 21:03:49 1389

原创 月考核复习重点

一、HTML1、html中类的命名规则: 定义一节或一部分区域:wrapper         容器:container       页头:header            页面主体:main         页尾:footer          导航:nav              主导航:mainnav      子导航:subnav    顶导航:topnav

2017-11-18 18:25:33 152

转载 前端新手常见问题(转自简书--我要认真学前端)

块级元素和行内元素分别有哪些?block-leveldiv h1 h2 h3 h4 h5 h6 p hrform ul dl ol pre table li dd dt tr td thinline-levelem strong span a br img button iput label select textareacode script ​块级元素下特点: ①总是在新行上开始,

2017-11-13 10:56:40 243

原创 有关于用css来进行网页布局的一些问题week4

是可以嵌套的,网页布局的实现就是通过层层嵌套进而最终形成各个部分。问题:问题1:如何实现缩放时页面始终展示在浏览器的中间?答:可以在css中自定义宽和高和定义{margin:0 auto;}问题二:如何使文字一直固定在div块中,缩放时也不会跑到div下面?答:使用{line-height:**;}设置固定的行距,从而无论页面缩小或者放大,行距一直固定在哪个块,从而不会跑出di

2017-11-13 10:07:14 178

原创 css页面布局 week3学习

网页布局分为四类一列布局、两列布局、三列布局以及混合布局一列布局:通常用于网站首页,例如百度主页、BING主页等等。适合放置图片,单行文字,不适合用于多行文字。一般看到的网页一列布局,都是固定宽度的。设好固定宽度后,默认情况下它是在窗口的左侧,将它水平固定在浏览器窗口中心的方法,一般是为它添加样式(margin 0 auto;)0代表上下方向的,auto代表左右方向的。自适应宽

2017-11-05 14:36:50 328

原创 css的一些用法及html标签的结合使用 week2学习

1、 在head标签中加入代码使网页在别的浏览器以及别的服务器上也可以正常显示;2、在图片的style中加入代码transform:rotateY(180deg)能够使得图片水平翻转;3、代码border-radius:10px;能够为边框设置圆角;4、在设计网页时先将网页分为几大块,再用div层层嵌套。5、ID选择器和类选择器的区别:ID选择器只能在文档中使用一次。与类选择器

2017-10-29 21:49:35 173

原创 css命名规则及Html中类的命名 week2学习

css命名规则:头:header内容:content尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:left  right center登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:news下载:download子导航:su

2017-10-29 18:10:13 292

原创 浏览器中以及sublime编辑器快捷键 week1学习(1)

浏览器中:Ctrl n 打开新窗口Ctrl t 打开新标签页Ctrl Shift t 重新打开最后关闭的标签页Ctrl Tab 跳转到下一个打开的标签页(1~8 跳转到特定标签页)Ctrl w 关闭当前标签页Ctrl Shift w 关闭所有打开的标签页和浏览器Alt Home 在当前标签页中打开主页Alt 左箭头 返回上一页面Alt 右箭头  返回下一页面

2017-10-22 18:02:47 241

空空如也

空空如也

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

TA关注的人

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