![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
小菜鸡_
这个作者很懒,什么都没留下…
展开
-
使用ajax和FormData传文件
开发环境:jquery Ajaxstruts实现功能是上传文件HTML<form enctype="multipart/form-data;charset=utf-8"> <input id="attachment" name="attachment" type="file" value="" accept=".zip"> <button>上传</button></form>JSvar formData原创 2020-09-30 11:39:28 · 274 阅读 · 0 评论 -
jspdf+html2canvas生成pdf
jspdf+html2canvas的配合使用。感觉它适合于后台传数据到前台页面,前台页面展示图表之类的情况兼容性:IE10+优点:纯前台操作缺点:缺少资料,容易失真我的应用场景是,我有好几副Echarts图,我想要导出一个PDF文件 html2canvas( document.getElementById("pdfExport"), ...原创 2020-04-10 13:23:42 · 931 阅读 · 0 评论 -
一种简单美观的java web文件上传页面设计思路
众所周知,前端上传文件,需要用form表单和input的type=‘file’,等等属性设置。这导致了前端页面不美观,并且会随着浏览器的不同产生不同的效果。本文假定读者已会web上传针对以上描述问题,提出下面的解决方案:css样式自行设置,不提供思路如下:写一个普通的input元素和二个button元素(选择和导入)写一套form上传,设置为隐藏,并为input上传框设置i...原创 2020-04-09 11:55:58 · 3362 阅读 · 0 评论 -
Vue深入了解组件(四)-插槽
直白的描述插槽就是:--------mycomment是我定义的一个组件<my-comment> //现在我想在myComment中嵌入一些HTML代码,比如文字啊、标签啊、甚至可以是其它的组件 //如果我们直接在这写的话,mycomment组件会扔掉开始标签和结束标签中间的所有内容</my-comment>插槽就是来解决上述问题的。举个例子:------...原创 2020-03-30 08:33:02 · 154 阅读 · 0 评论 -
Vue的.sync 修饰符
.sync修饰符的作用是父组件和子组件属性之间形成双向绑定,像v-model一样。但是v-model每个标签只能有一个,如果组件中有多个属性需要和父组件之间的属性建立双向绑定关系这就用到了.sync。本质上差不多。v-model:<!--v-model写法--><my-component type="text" v-model="value"><!--编译...原创 2020-03-26 16:41:44 · 2744 阅读 · 0 评论 -
原生事件绑定组件详解
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="K...原创 2020-03-26 15:43:14 · 158 阅读 · 0 评论 -
Vue深入了解组件(三)-自定义事件
监听事件和prop属性名称方面不太一样,prop属性名若是驼峰命名,在组件调用赋值的时候需要改为key-base的样式,但是监听事件的不会,写啥是啥。------------------组件中的触发代码this.$emit('myEvent')------------------调用时的监听代码<!-- 没有效果 --><my-component v-on:my-eve...原创 2020-03-24 09:39:16 · 235 阅读 · 0 评论 -
Vue深入了解组件(二)-Props
Prop 的大小写组件里可以写驼峰命名法的名字,但是因为HTML是大小写不敏感的所以我们需要通过连接符来解决这个问题即,postTitle属性在标签上要写为post-titleVue.component('blog-post', { // 在 JavaScript 中是 camelCase 的 props: ['postTitle'], template: '<h3>{...原创 2020-03-23 16:15:46 · 234 阅读 · 0 评论 -
深入学习组件(一)
vue强烈推荐的命名方式是全小写且使用连线符,例如:<my-component-name>组件的俩种命名方式:使用 kebab-case,纯小写+连线符,使用不在多做介绍MyComponentName首字母大写的方式,使用可以转为纯小写+连线符或直接使用名称组件的俩种注册方式:全局注册`Vue.component('my-component-name', { /...原创 2020-03-17 21:02:59 · 117 阅读 · 0 评论 -
Vue组件使用注意事项(针对有特殊子标签的标签)
有些 HTML 元素,诸如 <ul>、<ol>、<table> 和 <select>,对于哪些元素可以出现在其内部是有严格限制的。而有些元素,诸如 <li>、<tr> 和 <option>,只能出现在其它某些特定的元素内部。//这个自定义组件 <blog-post-row> 会被作为无效的内容提升到外...原创 2020-03-17 20:41:41 · 486 阅读 · 0 评论 -
Vue组件上正常使用v-model
组件上使用v-modelv-model的作用换算:<input v-model="searchText">等价于下面代码:<input v-bind:value="searchText" v-on:input="searchText = $event.target.value">如果你在组件上直接使用v-model,其实它的作用是这样的:<cust...原创 2020-03-17 20:38:24 · 197 阅读 · 0 评论 -
Vue组件及上下级传值
Vue的data属性必须是个函数,否则当你复用组件时,组件之间是互相影响的,下面使用的是全局注册的方式// 定义一个名为 button-counter 的新组件Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button...原创 2020-03-17 20:17:58 · 563 阅读 · 0 评论 -
Vue使用中的问题总结
v-if没法使用函数组件中使用v-for不能放在根节点上template不能当组件的根节点is和:is是不同的,组件使用于table、ul、select等只允许特定子标签的标签中时,需要用is,不用的话,会被父标签踢出去且容易报错...原创 2020-03-16 13:07:09 · 119 阅读 · 0 评论 -
关于Vue表单绑值的修饰符
.lazyvue表单绑值时使用的是input事件而不是change事件,在相应标签使用.lazy可以修改事件为change<!-- 在“change”时而非“input”时更新 --><input v-model.lazy="msg" >.number//这通常很有用,因为即使在 type="number" 时,HTML 输入元素的值也总会返回字符串。如果这个值...原创 2020-03-14 17:00:58 · 91 阅读 · 0 评论 -
关于Vue值绑定的问题(静态和动态)
静态绑值对于单选按钮,复选框及选择框的选项,v-model 绑定的值通常是静态字符串 (对于复选框也可以是布尔值):<!-- 当选中时,`picked` 为字符串 "a" --><input type="radio" v-model="picked" value="a"><!-- `toggle` 为 true 或 false --><inpu...原创 2020-03-14 16:55:54 · 789 阅读 · 0 评论 -
Vue鼠标修饰符
.left.right.middle<!--点击鼠标左键触发事件:--><!--<div @click.left="divEvent">点击鼠标左键触发事件</div>--><!--点击鼠标右键触发事件:并阻止默认右键菜单--><!--<div @click.right="divEvent" oncontex...原创 2020-03-14 15:51:29 · 382 阅读 · 0 评论 -
Vue 事件处理
Vue对Dom事件的处理简单示例:<div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <p>The button above has been clicked {{ counter }} times.</p></div>--...原创 2020-03-14 14:28:43 · 171 阅读 · 0 评论 -
Vue和jquery.dataTable结合的实例
公司表格渲染用的jqueryTable,然而我想用vue做数据绑定,通过jqueryTable做css样式。所以有了下边的故事…首先说一下思路,发送ajax请求后台数据(数据格式是List的json串),我的目的就是写一个模板,这个模板可以根据json自动的绘制table并进行渲染。当然了大佬们都不建议jquery和vue一起用,所以…这篇文章很low首先附上完成代码,具体请看注释<...原创 2020-03-14 11:42:21 · 1536 阅读 · 1 评论 -
input和change事件的区别
1.input,input事件在input或文本框输入值发生变化的时候触发。2.change事件是在input或文本框失焦时触发input不会触发下拉框改变原创 2020-03-13 11:49:28 · 891 阅读 · 0 评论 -
https://www.cnblogs.com/wm218/category/1428550.html Bootstrap参考网址
https://www.cnblogs.com/wm218/category/1428550.htmlBootstrap参考网址原创 2019-12-31 14:11:06 · 3014 阅读 · 0 评论 -
html头部和主体
&amp;amp;lt;!-- list-style-type:列表样式 常用值:none 无标记符号 disc 实心圆,默认类型 circle:空心圆 square:实心正方形 decimal:数字 ...原创 2019-01-27 10:01:08 · 764 阅读 · 0 评论 -
Html基本标签
H(标题)标签一级标题只能在一个网页中出现一次,如何想用两个,必须用hgroup标签包含起来,如果连着用了多个标题标签必须使用hgroup标签包含起来,这样对浏览器搜索引擎更加友好h标签分为:h1,h2,h3,h4,h5,h6段落标签<p></p>特点:独占一行其他标签<br/>:换行标签<pre></pre&g...原创 2019-03-05 17:32:40 · 197 阅读 · 0 评论 -
Css选择器分类
选择器名 用法和解释 标签选择器 又称为元素选择器,最为基本 格式:标签名{} ID选择器 根据id选择标签 ,格式:#id{} Class选择器 根据class名,设置的选择器 格式:.class名{} ,点一定注意 并集选择器 创建由逗号分隔的多个选择器可以将样式应用到单个选择器匹配的所有...原创 2019-03-05 19:49:24 · 258 阅读 · 0 评论 -
JQuery选择器
四种基本选择器选择器名 选择器用法及含义 $("*") 匹配所有元素 (集合元素) $("#test") 选取id为test的元素 返回单个元素 $("p") 选取所有的<p>元素 返回一个集合 $(".test") 选取所有class为test的元素返回一个集合 层次选择器选择器格式 选择器含义 $("...原创 2019-03-06 09:36:36 · 185 阅读 · 0 评论 -
AJAX(异步的javaScript和xml)
ajax创建交互式网页开发技术用js通过http协议想服务器发送xml数据,目前更流行使用jsonAJAX最大的优点就是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网络内容优点AJAX使用Javascript技术向服务器发送异步请求 AJAX无须刷新整个页面 因为服务器响应内容不再是整个页面,而是页面中的局部,所以AJAX性能高缺点AJAX并不适合所有...原创 2019-03-04 16:08:22 · 1085 阅读 · 0 评论 -
C/S和B/S
C/S和B/SC/S:客户端和服务器桌面应用程序,比如qq,office特点:提前安装软件更新时,服务器和客户端都需要更新不能跨平台,就类似于手机版不能在电脑上安装C/S架构软件通信采用的是自有协议(密码本一样的存在),相对来说比较安全B/S:浏览器和服务器不需要安装软件更新时,客户端不需要更新能跨平台,只要系统中有浏览器即可采用httpi下而已,相对来说不安全,可采...原创 2019-01-25 14:33:33 · 325 阅读 · 0 评论