HTML5表格(table)篇

初学HTML接触table少不了,但是实际应用的地方也有。<table>标签定义HTML表格。简单的HTML表格由table元素以及一个或多个tr、th或td元素组成。border 定义表格<tr> 元素定义表格行,<th>元素定义表头,<td>元素定义表格单元。<caption>定义表格标题colspan 单元格占多少列(跨列)rowspan 单元格占多少行(跨行)详细说明W3school:http://www.w3school.com.cn/tags/tag_table.asp我这里简单做来一下表格操作,先上图。代码一:<!DOCTYPEhtml><html><head><title>表格</title></head><body><br/><tableborder="3"width="50%"height="90"align="center"bordercolor="black"&g...
代码星球 代码星球·2021-02-24

vue.js 2.0 --- 安装node环境,webpack和脚手架(入门篇)

1.1、安装node.js1.2安装过程很简单,一路“下一步”就可以了。安装完成之后,打开命令行工具(win+r,然后输入cmd),输入node-v,如下图,如果出现相应的版本号,则说明安装成功。 1.3修改npm为淘宝镜像因为npm的仓库有许多在国外,访问的速度较慢,建议修改成cnpm,换成taobao的镜像。打开命令行工具,复制如下配置:npminstall-gcnpm--registry=https://registry.npm.taobao.org然后等待,安装完成如下图。不知道为什么我修改镜像时会报这个错误,看到身边的同学修改又没有出现这个问题,所以我查了一下百度,清除了一下缓存,然后再粘贴上去就可以了,或者你们安装的时候不会报这种错误1.4、安装webpack安装webpack,打开命令行工具输入:npminstallwebpack-g安装如下:结果:安装完成之后输入webpack-v如下图,如果出现相应的版本号,则说明安装成功。打开命令行工具输入:然后等待安装完成。因为改了镜像,这里不能再写npm是写cnpmcnpminstallvue-cli-g安装完成之后输...

03.LoT.UI 前后台通用框架分解系列之——多样的表格

LOT.UI分解系列汇总:http://www.cnblogs.com/dunitian/p/4822808.html#lotuiLoT.UI开源地址如下:https://github.com/dunitian/LoTCodeBase/tree/master/LoTUI先看在LoT.UI里面的应用效果图:关键代码解析:  引用部分:      HTML代码:  /<divid="lotToolbar"class="btn-group"><buttontype="button"class="btnbtn-default"id="lotadd"><iclass="glyphiconglyphicon-plus"></i></button><buttontype="button"class="btnbtn-default"id="lotrerecover"><iclass="glyphiconglyphicon-share-alt"></i></button><buttontyp...

监测局域网内主机的IP、MAC地址的异动变化并记录在Excel表格内

#-*-coding:utf-8-*-fromscapy.allimport*importtimefromopenpyxlimportload_workbookimportthreading,osR=threading.Lock()#线程锁threa_num=50#线程数defget_mac(ip):try:ans,unans=srp(Ether(dst="ff:ff:ff:ff:ff:ff")/ARP(pdst=ip),timeout=2,verbose=False)#发送ARP请求包,verbose=False的话,就不显示发包信息forsend,recinans:ip_mac=rec.sprintf("{ARP:%ARP.psrc%-%Ether.src%}")#将包按照固定的格式打印returnip_mac.split("-")[1]exceptExceptionase:print("异常对象的类型是:%s"%type(e))print("异常对象的内容是:%s"%e)returnNonedefrun(ip,row,old_mac):globalchange_listgloba...

多线程监测局域网内主机的每晚关机情况并记录在Excel表格内

#coding:utf-8importsubprocess,threading,time,osR=threading.Lock()#线程锁threa_num=100#线程数fromopenpyxlimportload_workbookfromopenpyxl.stylesimportFont,colors,Alignmentfont_color_red=Font(color=colors.RED)font_color_green=Font(color=colors.GREEN)#print(os.path.join(os.getcwd(),os.listdir()[1]))file="ip.xlsx"#file=os.path.join(os.getcwd(),"ip.xlsx")defcheck_alive(ip):result=subprocess.call('ping-w1000-n1%s'%ip,stdout=subprocess.PIPE,shell=True)#ubuntu:ping-c1-i0.3-W1%swindows:ping-w1000-n1%sifresult==...

vue中使用html2canvas截取div内容转为图片

1.首先引用jquery和html2canvas  方法略不会的请百度2.添加截图按钮<buttontype="button"id="savePic"class="btnbtn-primarybtn-smmixStream"v-on:click="savePic">截图</button>3.创建方法savePic:function(){vargetPixelRatio=function(context){//获取设备的PixelRatiovarbackingStore=context.backingStorePixelRatio||context.webkitBackingStorePixelRatio||context.mozBackingStorePixelRatio||context.msBackingStorePixelRatio||context.oBackingStorePixelRatio||context.backingStorePixelRatio||1;return(window.devicePixelRatio||1)/backingSto...

vue页面canvas保存为图片并保存到本地

//保存saveFile(data,filename){constsave_link=document.createElementNS('http://www.w3.org/1999/xhtml','a');save_link.href=data;save_link.download=filename;constevent=document.createEvent('MouseEvents');event.initMouseEvent('click',true,false,window,0,0,0,0,0,false,false,false,false,0,null);save_link.dispatchEvent(event);},//生成图片clickGeneratePicture(){html2canvas(document.querySelector("#capture")).then(canvas=>{//转成图片,生成图片地址this.imgUrl=canvas.toDataURL("image/png");this.saveFile(this.imgUrl,newD...

vue内点击url下载文件最佳解决方案

开发中经常遇到这样的功能,用户将文件或附件上传到服务器,后端将文件放到ftp或是其他位置,在前端页面内有下载的入口,有时候,后端返回的是blob,这种情况当然是最好的,但是为了方便,后端也可能返回文件所在位置的url,这时,对前端来说,可能遇到一些问题,比如,下载文件时候浏览器可能会出现闪动,下载图片,json文件等浏览器支持的文件时候,不会下载,而是直接在浏览器内打开这类文件,下面的方法可以完美解决此类问题解决方案:封装自定义指令将url转成bold,在创建a标签下载blob代码实现在src下面的directive文件夹下新建目录 down-load-urldown-load-url/index.js文件/**后端返回文件的url,前端创建a标签来下载**1.解决了若文件为图片或浏览器支持的格式类型,点击下载会直接打开文件的问题,*2.下载文件时,浏览器会有闪动的问题**页面内使用*1.引入指令importdownLoadfrom'@/directive/down-load-url'*2.注册指令directives:{downLoad}*3.使用,在要下载按钮上以指令的形...

vue与js传值

在mounted中进行绑定:window.valueToVue=this.flag在js中直接调用window.valueToVue,可以绑定值、对象、方法...
代码星球 代码星球·2021-02-23

vue项目放到spring boot 下运行

设置路径打开vue项目中的config/index.js文件设置如下有博客说assetspublicpath中设置为"/",自己测试不行,需要设置成"./"才不会报错把vue项目打包成dist包npmrunbuild生成dist包导入到springBoot项目在springboot项目中resource文件下创建static文件把dist解压的文件复制到static下在application.properties中配置路径spring.resources.static-locations=classpath:/META-INF/resources/,classpath:/resources/,classpath:/static/,classpath:/public/,file:${web.upload-path}index.html属于第一个static下的文件即/static/index.html访问http://127.0.0.1:8080/dist/index.html ...

vue视频框文本框随意拖拽

//悬浮按钮组件<template><divcolor:rgba(128,0,0,1)">"position:relative;"><divclass="button-box"v-dragdraggable="false"><divclass="btn-bg-img"@dblclick="openBox"></div><divclass="font-box">{{text}}</div></div></div></template><script>exportdefault{components:{caseInfo},props:['caseID'],data(){return{text:'双击显示案件详情',isOpen:false,isMove:false}},methods:{openBox(){console.log('双击')},mousedowm(e){//鼠标按下时的鼠标所在的X,Y坐标this.mouseDownX=e.pageXthis....

小程序第三方框架对比 ( wepy / mpvue / taro )(转)

文章转自  https://www.cnblogs.com/Smiled/p/9806781.html      众所周知如今市面上端的形态多种多样,手机Web、ReactNative、微信小程序,支付宝小程序,快应用等,每一端都是巨大的流量入口,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。但面对目前市面上成熟的小程序第三方框架如何针对自己的需求进行选择也是一个麻烦事,本文针对当前市面上的三大转译框架进行一个综合对比,希望能对大家的技术选择有所帮助,如有哪里不妥的地方希望指正;频繁调用setData及setData过程中页面跳闪组件化支持能力太弱(几乎没有)不能使用less、scss等预编译器request并发次数限制只要熟悉vue或react即可快速上手,学习成本低 一套代码可在多端编译运行(微信,支付宝,h5,RN)  支付宝小程序暂不完善组件化开发,完美解决组件隔离,组...

让sublime text3支持Vue语法高亮显示

文章转自 http://www.cnblogs.com/kongxianghai/p/6732429.html1.准备语法高亮插件vue-syntax-highlight。下载地址:https://github.com/vuejs/vue-syntax-highlight 下载页面并下载: 解开压缩包vue-syntax-highlight-master,其内所有文件备用。 2.将vue-syntax-highlight植入sbulime。进入sublime,选择菜单项“Preferences->BrowsePackages...”。 在打开的文件夹中创建“Vue”文件夹。 在Vue文件夹中,将vue-syntax-highlight-master压缩包解压后的所有文件考入。 3.sublime载入vue-syntax-highlight插件按下快捷键“ctrl+shift+p”,在打开的packages输入框中输入vue,选择“SetSyntax:VueComponent”进行加载。 加载后重启su...

mysql 创建表格 AUTO_INCREMENT

CREATETABLE`t_user`(`USER_ID`int(11)NOTNULLAUTO_INCREMENT,`USER_NAME`char(30)NOTNULL,`USER_PASSWORD`char(10)NOTNULL,`USER_EMAIL`char(30)NOTNULL,PRIMARYKEY(`USER_ID`),KEY`IDX_NAME`(`USER_NAME`))ENGINE=InnoDBAUTO_INCREMENT=11DEFAULTCHARSET=utf8表示自增的首位从11开始...

Vue 中使用 less 报错 Module build failed: TypeError: loaderContext.getResolve is not a function

https://blog.csdn.net/wxx_csdn/article/details/105807127https://www.cnblogs.com/lin-dong/p/6711224.html...
首页上一页...34567...下一页尾页