qq_36727889-优快云博客

转载 css中的px.rem.em

本文转自https://blog.youkuaiyun.com/qq_36727756/article/details/91608614 在对页面进行自适应时，查阅相关资料了解到，通常有两种方式将px转换为em或者rem，下面就上述三者之间的联系进行讲解： em与px转换一般浏览器默认1em=16px，通过设置font-size大小来代表如：16px*0.625=10px，其则代表1em=10px，直接上代...

2019-06-30 22:32:21 272

原创 bootstrap-table使用

Bootstrap-table的基本使用这是一款很好的前端分页和表格显示的插件官方地址：https://bootstrap-table.com/ 效果图开始使用使用该插件需要几个必须的库因为该插件是基于bootstrap的，所以jQuery和bootstrap是必不可少的 //css库 <link rel="stylesheet" href="css/bootstrap....

2019-06-17 10:57:47 371

原创在前端页面中调用本机的摄像头

如何在页面中调用本机的摄像头前段时间，机缘巧合，了解了一手如何在前端页面中调用本机摄像头的方法。使用了navigator.mediaDevices.getUserMedia()的方法，具体可以参考MDN 首先要准备一个video标签，用来存放摄像头捕捉到的画面还要准备一个canvas，用来存放拍下的照片 function getUserMedia(constraints,success,...

2019-06-11 10:16:38 9790 4

原创前端插件iscroll.js的使用

iscroll.js的使用 GitHub下载地址 https://github.com/cubiq/iscroll

2019-06-03 16:20:58 525

原创前端创建一个本地服务器

前端快速搭建一个本地服务器需要用到的工具是 node.js、sublime Text编辑器、git 首先查看自己电脑是否安装node.js，在命令行中输入node -v 打开编辑器，创建一个后缀为js的文件，输入代码 //加载http的核心模块 var http=require('http') //使用require方法加载fs核心模块 var fs = require('fs') //创...

2019-05-27 09:49:18 1839

原创 fullpage插件

fullpage插件 fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站，主要功能有：支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等引入文件使用前需要引入相关的css文件和js文件 //css...

2019-05-20 10:24:23 158

原创页面滚动监听事件

滚动监听事件一般网页中的返回顶部按钮都是通过滚动监听事件来实现的这个例子是当滚动条下拉到一定程度之后，某个元素中的所有内容都变成fixed css样式 .fixed { position: fixed; top: 60px; right: 175px; width: 390px; ...

2019-05-13 15:51:12 4790

原创 Bootstrap学习

Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎。在webstorm下创建一个bootstrap项目点击左上...

2019-05-05 19:11:04 1001

原创传JSON数据

使用AJAX传JSON数据 json是一种轻量级的数据交换格式，它使得人们很容易进行阅读和编写，同时也方便机器进行解析和生成。这是一个完整的通过Ajax传json数据的代码，当然在此之前要先引入jQuery的文件 $.ajax({ url:"/resReservlet", type:"post", contentType:"application...

2019-04-28 11:33:31 346

原创创建一个Vue项目

创建一个Vue项目创建vue所需的一些准备安装npm（下载了node.js就有）安装淘宝npm镜像（安装好npm之后控制台输入npm install -g cnpm --registry=https://registry.npm.taobao.org）安装vue-cli（vue脚手架） npm install -g vue-cli 安装webpack npm inst...

2019-04-22 10:55:24 250

转载 DOM节点属性

原文：https://blog.youkuaiyun.com/yiren_99/article/details/47843879 建议阅读原文节点属性在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性： nodeName : 节点的名称 nodeValue ：节点的值 nodeType ：节点的类型一、nodeName 属性: 节点的名称，是只读的。...

2019-04-15 09:51:57 760

原创在一个页面中实时获取系统时间

实时获取系统的时间用Date来获取时间，可以直接输出，但是是没有经过转换过的格式。要变成你所想要的，还得调用一些方法。下面是一个简单的例子 <script> function fn() { now=new Date(); year=now.getFullYear(); //获取年份 month=now.getMonth()...

2019-04-08 09:19:55 867

原创使用JS实现简单的轮播效果

用JS实现简单的轮播效果用setInterval()方法，定时几秒之后更换轮播的图片。 JS的代码 <script> //初始化，在页面加载完成之后每2s调用一次changeimg()的方法 function init(){ setInterval("changeimg()","2000"); } var i=0; //每进入一次函数，改变img的src，...

2019-04-01 08:59:43 379 1

原创 HTML中的层级

HTML中的层级总结：标准流盒子，低于浮动的盒子，浮动的盒子又低于定位的盒子。定位高于浮动，浮动高于标准流。（高低和占不占位置无关）用法：必须有定位。（除去static之外）。给定z-index的值为层级的值。（不给默认为0）（层级为0的盒子，也比标准流和浮动高。）（层级为负数的盒子，比标准流和浮动低。）（层级不取小数）（层级一样，后面的盒子比前面的层级高。）（浮动或者标准流的...

2019-03-23 14:58:52 6409

原创 Eclipse连接数据库

数据库版本是8.0的 public class MySQL { static { try { Class.forName("com.mysql.cj.jdbc.Driver"); } catch (ClassNotFoundException e) { // TODO 自动生成的 catch 块 e.printStackTrace(); } } public s...

2019-03-18 10:42:30 160

原创用jQuery实现div的上下左右移动

html代码 <input type="button" value="向左" id="left"> <input type="button" value="向右" id="right"> <input type="button" value="向上" id=&qu

2019-03-09 13:14:10 5507 3

qq_36727889的博客