随笔分类 -  前端基础

axios请求接口如何将data转换formdata？
摘要：methods: { data_to_string(data) { let tmp = new FormData(); for (var key in data) { tmp.append(key, data[key]) } return tmp }, } axios({data: this.dat 阅读全文
posted @ 2020-08-10 08:06 布谷鸟的春天 阅读(845) 评论(0) 推荐(0)
elementui 学习笔记（1）数据转换
摘要：在使用elementui时经常需要将数据转换格式，用来回填数据和请求数据 如例子中，可动态增减的form表单，格式为[{name:'a',value:'1'},{name:'b',value:'2'}],发送接口请求时 需要转换为{a:1,b:2}，想反在编辑数据时需要将数据回填 又需要反过来转换数 阅读全文
posted @ 2020-07-28 11:13 布谷鸟的春天 阅读(1466) 评论(0) 推荐(0)
Vue组件细节1
摘要：标签中is属性，可以规避html5规则的一些错误。 1 <div id="app"> 2 <table> 3 <!-- 表格中如果使用tr或类似这种多层包裹的，使用组件代替里面的内容，有可能出现生成的tr在tbody外--> 4 <tbody> 5 <row></row> 6 <!-- 通过is属性 阅读全文
posted @ 2020-07-19 16:01 布谷鸟的春天 阅读(140) 评论(0) 推荐(0)
Vue基础4-组件及refs用法
摘要：组件 组件是可复用的 Vue 实例，且带有一个名字，我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用。组件将css、js、html封装到一起。直接引用使用。 全局组件 1 <div id="app"> 2 <demo></demo> 3 <demo></d 阅读全文
posted @ 2020-07-19 15:19 布谷鸟的春天 阅读(998) 评论(0) 推荐(0)
VUE基础3-过滤器与生命周期
摘要：filter（过滤器） Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化 局部过滤器 过滤通过管道符 | 接收变量，将管道符前的参数传递给管道符后的方法，当有多个参数时，在方法名后加括号，填入参数即可 用途：一般用来对接口返回字段进行处理，如返回status状态码，需要前端转换为 ‘成 阅读全文
posted @ 2020-06-29 14:02 布谷鸟的春天 阅读(489) 评论(0) 推荐(0)
VUE基础2-双向数据绑定
摘要：双向数据绑定 当在绑定的标签下有多个标签，多个标签引用变量名，使用v-model修饰就可以实现改变变量值后，其他引用该变量的地方值也发生相应变化 文本/多行文本 1 <!-- 单行文本--> 2 <span>input--{{movie}}</span> 3 <input type="text" v 阅读全文
posted @ 2020-06-28 16:55 布谷鸟的春天 阅读(165) 评论(0) 推荐(0)
VUE基础1方法与指令
摘要：前端三个框架 Angular.js、React.js、Vue.js Vue开发使用热度不断上升 VUE源码下载地址：https://cn.vuejs.org/v2/guide/installation.html VUE核心思想：将页面的方法封装好，我们只需要修改数据就会完成相应的页面展示 基础语法 阅读全文
posted @ 2020-06-28 16:03 布谷鸟的春天 阅读(197) 评论(0) 推荐(0)
HTML基础之JS
摘要：HTML中的三把利器的JS 又称为JavaScript，看着好像和Java有点联系，实际上他和java半毛钱关系都没有，JavaScript和我们学习的Python、Go、Java、C++等，都是一种独立的语言，Python的解释器有Python2.7、Python3.x，浏览器具有解释JavaSc 阅读全文
posted @ 2020-06-28 10:29 布谷鸟的春天 阅读(403) 评论(0) 推荐(0)
HTML基础之DOM操作
摘要：DOM（Document Object Model 文档对象模型） 一个web页面的展示，是由html标签组合成的一个页面，dom对象实际就是将html标签转换成了一个文档对象。可以通过dom对象中js提供的方法，找到html的各个标签。通过找到标签就可以操作标签使页面动起来，让页面动起来。 页面操 阅读全文
posted @ 2020-06-27 17:19 布谷鸟的春天 阅读(322) 评论(0) 推荐(0)
HTML基础之CSS
摘要：使用CSS的三种方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 写CSS第二种方式：在head中定义style标签，在style标签内部通过选择器来为目标标签配置c 阅读全文
posted @ 2020-06-24 22:04 布谷鸟的春天 阅读(203) 评论(0) 推荐(0)
HTML基础之HTML标签
摘要：前端的三把利器 HTML：赤裸的一个人 CSS：华丽的衣服 JS/JavaScript：赋予这个人的行为，也就是动起来 HTML（超文本标记语言） HTML：HTML是前端页面标签语言，用来写前端的静态页面 使用pycharm专业版可以创建一个HTML文件，在写标签时，可写出完整的标签在使用tab键 阅读全文
posted @ 2020-06-18 08:55 布谷鸟的春天 阅读(216) 评论(0) 推荐(0)