【后端小白的Bootstrap笔记 一】的更多相关文章

后端小白的Bootstrap笔记 一

栅格系统 下面这张图是Bootstrap对栅格系统有关系数的规定 什么是栅格体统? 栅格系统是Bootstrap提供的移动优先的网格系统, 各个分界点如上: 576px 720px 992px 1200px 一行最多盛放12列, 从上图中也能看出一共是5种响应尺寸(分别对应不同的尺寸的屏幕) 其实大白话讲 : 就是当我们用鼠标拖动浏览器左右移动时, 浏览器的可视区域就会随之放大和缩小, 这时浏览器可视区域就会在Bootstrap规定的分界点中移动, 这时Bootstrap会捕获当前浏览器可视区域…

Bootstrap笔记--快速入门

首先是Bootstrap的简介: 业余了解:下面这个网址可以查询IP地址的地理位置 下面学习:(具体可以参考Bootstrap中文网) 栅格系统 Bootstrap 提供了一套响应式.移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列.它包含了易于使用的预定义类,还有强大的mixin 用于生成更具语义的布局. ----------------------------------------------------------------------…

Java后端高频知识点学习笔记1---Java基础

Java后端高频知识点学习笔记1---Java基础 参考地址:牛_客_网 https://www.nowcoder.com/discuss/819297 1.重载和重写的区别 重载:同一类中多个同名方法根据不同的传参来执行不同的处理逻辑:方法名必须相同,参数类型不同.个数不同.顺序不同:返回值类型可以相同也可以不同(因为返回值类型不是方法签名的一部分) 重写:子类对父类的方法的实现过程进行重新编写.方法名,参数列表和返回值类型都不能改变.抛出的异常范围小于等于父类,访问修饰符范围大于等于父类.…

后端小白的VUE入门笔记, 前端高能慎入

因为项目需要前后端分离,后端竟然不用控制view层了,页面的跳转后端不再干涉,(前端的vue经过打包后成了一张index.html) 后端只需要响应给前端json串就ok,其实这不是爽歪歪?但是觉得还是奇奇怪怪,感觉前端是个黑盒了, 于是忍不住去学习了vue 感觉前端的框架带来的这种前后端分离变化还是特别明显的,后端确实不用再操心view层了,页面的转换有vue通过后端的切换不同的组件,后端基本上没有什么变化,但是相应数据基本上是清一色的json格式的数据了, 此外, 目前碰到的后端的安全框架…

后端小白的VUE入门笔记, 进阶篇

使用 vue-cli( 脚手架) 搭建项目 基于vue-cli 创建一个模板项目 通过 npm root -g 可以查看vue全局安装目录,进而知道自己有没有安装vue-cli 如果没有安装的话,使用如下命令全局安装 cnpm install -g vue-cli 创建一个基于webpack的新项目,在这过程中, 会安装依赖 vue init webpack 项目名 启动 cd vue-router-demo npm start 常用的目录结构 如果我们的项目是通过脚手架搭建的,这已经是一个比较…

【巩固】Bootstrap笔记三

这段笔记介绍了bootstrp中以下几点应用点: 警告框的使用 面板功能 运用chart.js制作图表 进度条的制作 媒体对象的制作 有一个元素如果有属性alert-dismissible",给它下面的 给某个button或者span添加一个属性data-dismiss="alert",这样可以在点击后让整个元素消失,其实是删除了这个DOM. 另外,为了让警告框在关闭时表现出动画效果,请确保为其添加了 .fade和 .in 类. <div class="ale…

【巩固】Bootstrap笔记一

这两天开始重新巩固一下bootstrap的学习,群里有朋友介绍说麦子学院的教程不错,特地看了一下,有2个项目练习,所以跟着做了一下,下面开始笔记. <button class="navbar-toggle"> 可以在移动端显示的按钮 <div class="navbar-collapse collapse">后面那个collapse表示在移动端的时候不显示 导航里的<li>里要写<a>标签,把文字写在<a>…

一个后端开发的 Vue 笔记【入门级】

一 前言 最近找了些教程,顺带着趴在官网上,看了看 Vue 的一些内容,入门的一些概念,以及基础语法,还有一些常用的操作,瞄了一眼,通篇文字+贴了部分代码 9000 多字,入门语法什么的还是很好理解的,以前也有一定做小程序的基础,感觉还是很相似的,不过对于一些稍复杂的点,感觉还是总结的不够细致,例如插槽,和计算属性等,平时前端的东西看的也不是很多,学习过程中整理的笔记,和大家一起分享交流!欢迎各位大大交流意见~ 二 初始 Vue (一) Vue 概念理解 (1) Vue.js 是什么 Vue (…

面向小白的JS笔记 - #Codecademy#学习笔记

前言 最初浏览过<JavaScript秘密花园>,前一段时间读过一点点<JavaScript语言精粹>和一点点<JavaScript高级程序设计>(一点点是指都只是读了个开头,有个大概其的印象).最近在Codecademy上,学习JavaScript相关的课程.不得不说,和当初的安利一样,该网站的易读性.可操作性和交互性非常地强——很适合作为一个新人入门的学习.(张嘴吃下我这安利~)准备在一个月内刷完Codecademy上FE相关的课程(JS目前进度80+%),共勉.(…

【巩固】bootstrap笔记二

这段主要记录如何给排版完的页面加一些动画效果,用到了的插件有: wow.min.js jquery.singlePageNav.min.js animate.css 将导航条上对应的菜单和页面上对应的区域用jquery.singlePageNav.min.js联系起来,让导航跳转有平滑过渡的效果. 选择器为带有各类名称的ul组合 <div class="navbar-collapse collapse"> <ul class="nav navbar-nav…

深入理解Bootstrap笔记

框架介绍 1.框架简介 2.CSS基本语法 3.JavaScript基本语法 4.Bootstrap整体架构 5.12栅格系统 6.CSS组件架构设计思想 7.JavaScript插件架构 CSS布局 1.布局概述 2.基础排版 3.表格 4.表单基础 5.表单控件 6.表单控件状态 7.表单控件大小 CSS组件…

bootstrap笔记-布局

1.通过文本对齐类,可以简单方便的将文字重新对齐. <p class="text-left">Left aligned text.</p> <p class="text-center">Center aligned text.</p> <p class="text-right">Right aligned text.</p> <p class="text-ju…

bootstrap 笔记01

bootstrap源码样式: 移除body的margin声明设置body的背景色为白色为排版设置了基本的字体.字号和行高设置全局链接颜色,且当链接处于悬浮“:hover”状态时才会显示下划线样式 1,<small> bootstrap.css文件中第407行~第443行2, 段落(正文文本) bootstrap.css文件中第274行~280行*/3,强调内容lead bootstrap.css文件第470行~480行*/除此之外,Bootstrap还通过元素标签:<small>.…

Bootstrap笔记合集

一. 为了简化操作,方便使用,Bootstrap通过定义四个类名来控制文本的对齐风格: ☑   .text-left:左对齐 ☑   .text-center:居中对齐 ☑   .text-right:右对齐 ☑   .text-justify:两端对齐 用法: <p class="text-left">我居左</p><p class="text-center">我居中</p><p class="tex…

Bootstrap笔记-加强版

1.bootstrap引入: <!DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width…

【后端】Python学习笔记

主要学习材料:<笨办法学习Python> ,(虫师的博客) 后面根据虫师的Python教程再对Pyhon进行了一次重新学习 ========================================================================= <笨办法学习Python> 注释什么的对菜鸟来说真的很重要 python的各种函数 学会记录自己的错误 各种转义字符 Pydoc,待理解 Python输入的另一种方法 读取文件(1) 读取文件(2) 方法和变量 方…

小白的linux笔记11：放弃gitbook，转战Sphinx

gitbook生成的html目录不折叠且链接失效 装好了gitbook和nodejs,本以为可以安心的做电子书了. 谁想到gitbook慢的一P,而且导出来的html目录不折叠,最关键的是链接有问题,用不了,无语. 目录折叠可以用一个插件toggle-chapters.或者用这个作者的方法. 而链接用不了,很少有记录有人处理过这个问题.这里有一个可以用,但是要每次都处理,而且他的目录居然是每次点击都要刷新加载,太慢了,不符合潮流啊 .https://blog.csdn.net/yageeart/…

SQL注入常用函数（注入小白的学习笔记）

在盲注的情况下,往往需要一个一个字符的去猜解,即过程中需要截取字符串 在这里整理了一下一些常用函数 由于现阶段学习不够深入,整理分类不清楚具体,不过博主会慢慢进行完善 user() 查询当前数据库用户 version() 查询当前数据库版本 database() 查询当前页面所连接的数据库名称 @@Version_compile_os 查询服务器的系统版本 mid()函数 此函数为截取字符串一部分.mid(column_name,start,[length]) 参数 描述 column_name…

if-then-else、loop控制语句在SIMD指令下的后端指令生成实现--笔记

作者:Yaong 出处:https://www.cnblogs.com/yaongtime/p/14111134.html 版权:本文版权归作者和博客园共有 转载:欢迎转载,但未经作者同意,必须保留此段声明:必须在文章中给出原文连接:否则必究法律责任   if-then-else.loop控制语句的后端实现   本文是通过代码而来,主要记录了在SIMD指令集上,编译器后端对控制语句(if-then-else.loop)的指令生成方法.   引言: "A unique feature of mos…

bootstrap 笔记

导航条: div.navbar.navbar-default > ul.nav.navbar 无非两层: 父div: navbar {相对位置.最低高度50px.下部margin:20px.透明边框} navbar-default{设置背景.设置边框} 子ul: .navbar-nav { //这个主要作用是:设置下部a标签字体高度. margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bott…

bootstrap笔记

一.栅格系统:<div class="container">内容</div>固定宽度,1200px-margin==1170px<div class="container-fluid">内容</div>流体宽度100%二.一行最多十二列三.超小屏,手机(<768px) .col-xs- .container宽度:自动(独占一行)小屏,平板(>=768px) .col-sm- .container宽度:750…

day05 java JDBC案例—Android小白的学习笔记

1.要从键盘录入用户名与密码我们需要使用Scanner类完成操作 2.接收到用户名与密码后,我们需要调用jdbc程序根据用户名与密码查询数据库 User.java package com.supergroup.domian; public class User{ private String id; private String usernasme; private String password; private String email; public User() { super(); }…

day04关于MySqL—Android小白的学习笔记

Mysql入门 1. 数据库基本知识(了解) 1.1.数据库介绍 1.1.1.什么是数据库?数据库的作用是什么? 数据库就是存储数据的仓库,其本质是一个文件系统,数据按照特定的格式将数据存储起来,用户可以对数据库中的数据进行增加,修改,删除及查询操作 想要存储并读取数据: 没有数据库: 1.新建一个文件夹用来存储文件: 2.把对应的数据以字符流的形式放入对应的文件中: 3.把文件以某种规律放入文件夹中: 4. 要查询对应数据时,需要将数据仓库所有文件以字符流形式获取并遍历,以取得对应数据的某些标…

bootstrap笔记-栅格布局

1.   .clearfix 这个类可以在栅格布局中起到一个不占空间的clear的作用,如下:可以尝试带.clearfix和不带它的区别 <div class="container-fluid" > <div class="row"> <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3Resize your viewport or check it out on…

结构-行为-样式-Bootstrap笔记

1.自上而下的内容布局,中间内容可变,应该用: <div class=" container-fluid"> <div class=" row"> ...... </div> </div> 这样如果设置了背景的话,父级Div就会随着内容的增加而增加.…

小白的 MySQL 笔记（一）

来自 stackoverflow 的内容居多. 1- MySQL VARCHAR size? 2- 数据库设计范式 3- What is InnoDB and MyISAM in MySQL ? 4- 为什么手写DDL? 5- Data access object (DAO) in Java MySQL VARCHAR size? Q: I'm wondering, if I have a VARCHAR of 200 characters and that I put a string of…

小白Monkey学习笔记

Monkey是google提供的一款对Android app进行压力测试工具,基于随机坐标位置,进行点击.滑动.输入等操作. Monkey的环境配置 pc电脑需要配置adb环境 Monkey程序由Android系统自带,使用Java语言写,在Android文件系统中的存放路径是:/system/framework/monkey.jar Monkey.jar程序是由一个名为"monkey"的Shell脚本来启动执行,shell脚本在Android文件系统中的存放路径:/system/bi…

小白学习MongoDB笔记（一）·下载及安装MongoDB

下载地址:http://dl.mongodb.org/downloads.我选的64位的 windows64-bit 2008 R2.当时版本为3.0.7 文件格式为.msi 借用“一线码农”的话: 业界规则,偶数为“稳定版”(如:1.6.X,1.8.X),奇数为“开发版”(如:1.7.X,1.9.X) 32位的mongodb最大只能存放2G的数据,64位就没有限制. 下载完成后双击,选择Complate.一路next.... 安装过程中是没有路径选择环节的.程序默认被安装到了C:\Progra…

小白的linux笔记1：CentOS 8 安装与设置

为了在服务器上跑爬虫,以及学SegNet,研究了一圈看来linux是必学品了.在自己电脑上安装了一个 1.官网下载iso,一个linux dvd是稳定版,选之,另一个stream版是更新更快的测试版,里面软件更新. https://www.centos.org/download/ 2.刻u盘,用Win32 Disk Imager,https://sourceforge.net/projects/win32diskimager/,直接写入iso即可(默认只有img,选所有文件类型).不用读取,读取…

小白的linux笔记8：linux自动运行爬虫并发送提醒邮件

有了成功运行的爬虫后,希望能每天定时运行,且遇到错误时能及时发出提醒. 发出提醒 可以用mailx发出邮件做提醒.没有的话先安装Yum install mailx. 以qq邮箱为例,需要设置/etc/mail.rc,增加以下行: 1 set smtp=smtp.qq.com 2 set smtp-auth=login 3 set smtp-auth-user=user@qq.com 4 set smtp-auth-password=code //不是登录密码,是stmp的授权密码 5 set s…