setLeft和style.left的区别

off加粗样式setLeft和style.left的区别offsetLeft 获取的是相对于父对象的左边距left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相对于父div的值,这同offsetLeft是相同的,区别在于:style.left 返回的是字符串,如28px,offsetLeft返回的是数值28
分类: 其他 发布时间: 10-28 19:46 阅读次数: 0

js手动轮播

css代码区js代码区
分类: 其他 发布时间: 10-28 19:46 阅读次数: 0

利用js实现右侧悬浮框

例子:屏幕右侧悬浮框原理:oDiv.style.top = document.documentElement.clientHeight - oDiv.offsetHeight + scrollTop + “px”;浏览器窗体的高度document.documentElement.clientHeight浏览器滚动的高度var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;html内容区<
分类: 其他 发布时间: 10-28 19:46 阅读次数: 0

js菜单栏移入移出

html和css内容区<!DOCTYPE html><html><head> <title>分享到</title> <style type="text/css"> *{ padding:0px; margin:0px; } #box{ width:150px; height:200px; background-color:pink;
分类: 其他 发布时间: 10-28 19:46 阅读次数: 0

js自动轮播

html代码区<div class="chart"> <ul class="chartlist" id="list"> <li class="chartitem"><a href=""><img src="images/chart_01.jpg" alt=""></a></li> <li class="chartitem"><a href=""><img src="images/ch
分类: 其他 发布时间: 10-28 19:46 阅读次数: 0

利用js代码写日历

css代码区<style> *{ padding:0px; margin:0px; } .box{ margin:100px auto; width:400px; height:600px; background-color:#ccc; } ul{ width:350px; height:400px; margin:0px auto; list-style:none; d
分类: 其他 发布时间: 10-28 19:46 阅读次数: 0

js做选项卡效果

代码区<!DOCTYPE html><html><head><meta charset="UTF-8"><title>选项卡</title><style> *{ padding:0px; margin:0px; } .box{ width:600px; height:500px; background-color:green; margin:100p
分类: 其他 发布时间: 10-28 19:46 阅读次数: 0

js无缝滚动效果

代码区<html><head><meta charset="UTF-8"><title>无缝滚动</title><style> *{ padding:0px; margin:0px; } #box{ width:800px; height:200px; background-color:green; position:relative; margin:100px au
分类: 其他 发布时间: 10-28 19:46 阅读次数: 0

利用js做活动时间到期的时候,让倒计时停止跳动

//闪购活动var clocks = document.getElementById("clock");// alert(clocks);function leftTimer(){ var now = new Date(); //创建一个新日期 var endDate=new Date('2020/6/20 22:58'); //创建一个指定日期 var leftTime = (endDate.getTime()-now.getTime())/1000; // alert(
分类: 其他 发布时间: 10-28 19:46 阅读次数: 0

拖拽操作

代码区<!DOCTYPE html><html><meta charset="UTF-8"><title>拖拽操作</title><style> .div1 { width:300px; height:300px; background-color:green; border:1px solid red; float:left; } div > p {
分类: 其他 发布时间: 10-28 19:46 阅读次数: 0

animation做时钟

html代码<DOCTYPE html><html><meta charset="UTF-8"><title>时钟</title><link rel="stylesheet" style="text/css" href="css/clock.css"><body> <div class="clock"> <div class="clock1"></div>
分类: 其他 发布时间: 10-28 19:46 阅读次数: 0

正则表达式入门简单理解

1.入门介绍简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具。我们可以在几乎所有的基于UNIX系统的工具中找到正则表达式的身影,例如,vi编辑器,Perl或PHP脚本语言,以及awk或sed shell程序等。此外,象JavaScript这种客户端的脚本语言也提供了对正则表达式的支持。由此可见,正则表达式已经超出了某种语言或某个系统的局限,成为人们广为接受的概念和功能。正则表达式可以让用户通过使用一系列的特殊字符构建匹配模式,然后把匹配模式与数据文件、程序输入以及WEB页面的表单输入等目标
分类: 其他 发布时间: 10-28 19:46 阅读次数: 0

vue和elementUI的综合使用

1.安装vue-cli首先要保证自己电脑有安装过node js ,打开cmd ,输入node -v ,出现以下图片说明已经安装过了安装完成后,打开任意磁盘,新建文件夹vue-test,在cmd找到vue-test目录国内访问npm比较慢,可以使用淘宝镜像npm,输入命令 :npm install -g cnpm --registry=https://registry.npm.taobao.org安装完成后使用命令 cnpm install vue 和 cnpm install vue-cli
分类: 其他 发布时间: 10-28 19:46 阅读次数: 0

使用element-ui图片的显示

table中代码如下:` 此处template slot-scope为固定写法(scope相当于一条数据对象)在img中使用scope(三个属性value、row、index),通过row(本条数据的数据对象)获取src字段的值Vue data代码如下:data() { return { msg : 'vue测试监听查询购物车数量以及金额变化', // input:'123' tableData: [{ src: './static/images/苹果.jpg',
分类: 其他 发布时间: 10-28 19:46 阅读次数: 0

Vue.js - 关闭 ESlint 语法检查

1,在项目初始化时就关闭当我们采用 vue-cli 脚手架工具来初始化项目时,其中有一步会提示“Use ESLint to lint your code?”,我们可以选择 no 不安装 ESLint2,在项目创建完毕后再关闭(1)可能我们一开始初始化项目的时候选择安装 ESLint,但开发过程中又想将其临时关闭。那么首先打开项目中的 build/webpack.base.conf.js 文件。(2)然后将如下代码给注释掉即可:...
分类: 其他 发布时间: 10-28 19:46 阅读次数: 0

Vue过滤器Filter的使用

过滤器的作用:他是可以从中取得你想要的,给哪个数据添加装饰,比如在一个价格前面给他一个¥的符号,把’Hello’变成’Hello World’,可以使用filter在后面添加World,或者把时间节点改成时间戳等.过滤器可以在new vue实例注册全局的,也可以在组件中注册局部的用法一:全局过滤器:Vuefilter(''globalFilter,function(value){ return value + '$';})局部注册:filters:{ componentFilte
分类: 其他 发布时间: 10-28 19:46 阅读次数: 0

js检验表单不通过不提交

校验表单的时候有两种方式:**1.**通过onsubmit()方式来检查用户密码是否输入<script> function ch() { var username = document.getElementById("name");//获取用户名的输入元素标签 if(username.value=="")//如果用户名为空,提示并返回false { alert("用户名不能为空"); return false; } pwd = document.getEl
分类: 其他 发布时间: 10-28 19:46 阅读次数: 0

表单登录正则验证test()

代码如下: var regPhone = document.getElementById(“regPhone”);//手机号码var regPassword = document.getElementById(“regPassword”);//密码var textPhone = document.getElementById(“textPhone”);//手机号码文本提示框var textPassword = document.g
分类: 其他 发布时间: 10-28 19:46 阅读次数: 0

HDFS文件系统(含hdfs常用命令,java对hdfs API的简单操作)

HDFS文件系统HDFS概念什么是HDFSHDFS的组成HDFS文件块大小HFDS命令行操作基本语法常用命令Java操作hdfs配置编译环境获取文件系统上传文件文件下载目录创建删除文件文件重命名前置条件:hadoop环境搭建完毕。hadoop环境搭建HDFS概念什么是HDFSHDFS,它是一个文件系统,用于存储文件,通过目录树来定位文件;其次,它是分布式的,由很多服务器联合起来实现其功能,集群中的服务器有各自的角色。HDFS的设计适合一次写入,多次读出的场景,且不支持文件的修改。适合用来做数据
分类: 其他 发布时间: 10-28 19:46 阅读次数: 0

javaIO流超全总结(未完待续)

javaIO流File类File类简介File类的使用预备知识File类的实例化获取文件信息获取绝对路径获取路径获取文件名称获取上层目录路径获取文件大小获取最后一次文件修改时间获取指定目录下所有文件或文件目录的名称(String 数组)获取指定目录下所有文件或文件目录的名称(File 数组)判断文件信息是否是文件目录是否是文件文件是否存在文件是否可读文件是否可写文件是否隐藏创建修改文件创建文件创建文件目录删除文件移动文件综合案例IO流预备知识字符流FileReaderFileWriter综合案例-文本文件的
分类: 其他 发布时间: 10-28 19:46 阅读次数: 0
今日推荐