前端
文章平均质量分 57
dengjili
一个人在党性、真诚、智慧三样东西中,只可能拥有两样
update by 2022/2/9
同时拥有党性、真诚、智慧,已经不是普通人
展开
-
不基于form表单的请求方式(前端一)
目录传统form方式基于button方式改进基于 h5新特性form元素改进基于异步请求XMLHttpRequest方式改进基于jquery库ajax方式改进相关文档下载传统form方式<!DOCTYPE html><html><head><meta charset="UTF-8"><title>form 标签</tit..原创 2018-11-03 17:46:46 · 1412 阅读 · 0 评论 -
vue.js 组件基础(vue 八)
基本示例这里有一个 Vue 组件的示例:// 定义一个名为 button-counter 的新组件Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-on:click="count++">You c...原创 2019-01-29 21:22:09 · 371 阅读 · 0 评论 -
vue.js 表单输入绑定(vue 七)
基础用法你可以用 v-model 指令在表单 &lt;input&gt;、&lt;textarea&gt; 及 &lt;select&gt; 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。文本&lt;input v-model="原创 2019-01-29 15:30:39 · 307 阅读 · 0 评论 -
vue.js 事件处理(vue 六)
监听事件可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。示例:<div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <p>The button above has been clicked {{ counter...原创 2019-01-29 11:28:12 · 261 阅读 · 0 评论 -
vue.js 列表渲染(vue 五)
用 v-for 把一个数组对应为一组元素我们用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特殊语法,items 是源数据数组并且 item 是数组元素迭代的别名。<ul id="example-1"> <li v-for="item in items"> {{ item.message }}...原创 2019-01-29 11:00:42 · 439 阅读 · 0 评论 -
vue.js 条件渲染(vue 四)
v-if在 Vue 中,我们使用 v-if 指令实现同样的功能:<h1 v-if="ok">Yes</h1>也可以用 v-else 添加一个“else 块”:<h1 v-if="ok">Yes</h1><h1 v-else>No</h1>在 元素上使用 v-if 条件渲染分组因为 v原创 2019-01-28 21:52:26 · 311 阅读 · 0 评论 -
vue.js Class 与 Style 绑定(vue 三)
目录绑定 HTML Class对象语法数组语法完成代码绑定内联样式class对象语法数组语法完整例子操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表达式结果的类型...原创 2019-01-28 21:14:17 · 297 阅读 · 0 评论 -
vue.js 计算属性(vue 二)
模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如:<div id="example"> {{ message.split('').reverse().join('') }}</div>所以,对于任何复杂逻辑,你都应当使用计算属性。基础例子<div id="example"> <...原创 2019-01-28 18:46:31 · 429 阅读 · 0 评论 -
vue.js 模板语法(vue 一)
vue是一个类似于占位符的数据引擎,简单理解即为数据替换,先这里理解着开发中js地址&amp;lt;!-- 开发环境版本,包含了有帮助的命令行警告 --&amp;gt;&amp;lt;script src=&quot;https://cdn.jsdelivr.net/npm/vue/dist/vue.js&quot;&amp;gt;&amp;lt;/script&amp;gt原创 2019-01-28 16:03:28 · 633 阅读 · 0 评论 -
localStorage、sessionStorage
目录localStorage操作sessionStorage操作与cookies 比较之间浏览器本地存储。类似于cookies存储方式,基本上平级,用途不一localStorage操作保存数据:localStorage.setItem(key,value);读取数据:localStorage.getItem(key);删除单个数据:localStorage.removeIt...原创 2018-11-04 02:05:47 · 188 阅读 · 0 评论 -
cookies前后端操作(前端二)
服务器端操作Cookies客户端每次请求都会附带cookies信息服务端向前台写入Cookies服务端代码@WebServlet("/CookieServlet")public class CookieServlet extends HttpServlet { private static final long serialVersionUID = 1L; // Cookie 处理...原创 2018-11-04 01:30:04 · 6066 阅读 · 0 评论 -
搭建vue开发环境 + 整合element ui
环境依赖准备这里依赖于 node js,与 vue-cli 安装,需要自行安装。自行百度,可根据报错提示信息安装基础vue环境搭建新建一个工程,取名:vue-elementvue create vue-element选则default方式创建成功先测试一下,执行提示命令(这里还没有使用到element ui) $ cd vue-element $ npm run s...原创 2019-01-30 20:48:53 · 1463 阅读 · 0 评论