前端
搭建前端平台,及前端知识
大霞上仙
这个作者很懒,什么都没留下…
展开
-
前端位置布局汇总
1、位置:绝对位置和相对位置。原创 2024-07-06 17:33:11 · 375 阅读 · 0 评论 -
表单提交及后端处理
点击表单submit的获取建议,会触发 form action的请求。原创 2024-06-30 21:26:11 · 115 阅读 · 0 评论 -
vue组件中的数据传递(1)--父组件传子组件
原创 2024-05-23 20:05:05 · 209 阅读 · 0 评论 -
vue data中的return
vue 的data return 是干啥的呢,vue中页面中绑定的变量都要放在data的return中,可以赋值,值可在script中改,修改引用就用this了。组件是一个可复用的vue实例,如果data是一个普通的对象,那么所有复用这个实例的组件都将引用同一份数据,会造成数据污染。如果将data封装成一个函数,实例化组件时只是调用了这个函数生成的副本,避免了数据污染。如果不使用return包裹的数据会在项目的全局中可见,会造成变量污染;原创 2024-05-22 19:02:02 · 602 阅读 · 0 评论 -
bootstrap入门
npm install bootstrap 下载下来然后在main.js加上红框三句后,我们全局的vue页面就都可以直接用bootstarp的样式了。里面各种可以直接用的组件。怎么在vue项目中使用呢。不全的话可以网上搜索。原创 2024-05-21 19:14:16 · 277 阅读 · 0 评论 -
vue用法示例(七)axios
【代码】vue用法示例(七)axios。原创 2024-04-29 17:27:35 · 91 阅读 · 2 评论 -
vue用法示例(六)组件
注册写在构造器外,就是全局可用。原创 2024-04-29 17:00:11 · 216 阅读 · 1 评论 -
vue用法示例(五)v-model
(4)v-model select的使用。(3) v-model 单选框的使用。(1)v-model 文本框的使用。(2)v-model 多选框的使用。原创 2024-04-29 15:49:38 · 355 阅读 · 2 评论 -
vue用法示例(四)
(3)按键及按键修饰符 v-on:keyup.enter,当文本框输入input时触发执行。(2)样式绑定 -class。(1)绑定样式-style。原创 2024-04-29 14:57:11 · 169 阅读 · 1 评论 -
vue用法示例(三)
反转字符串原创 2024-04-26 17:45:58 · 298 阅读 · 0 评论 -
vue用法示例(二)
v-show指令和v-if指令的作用一样,都是跟后面的表达式真假来决定元素标签是否展示的。v-if适合不频繁变化的场景 v-show适合频繁切换真假的场景。为什么明明已经有v-if了,还要创造个v-show出来呢?答案很简单:他俩的真正实现技术 和 性能效果是有差异的。4、v-for 循环 循环列表 循环字典。1、v-if决定标签是否显示。原创 2024-04-22 18:12:52 · 345 阅读 · 1 评论 -
vue用法示例(一)
div v-bind:class="{'class1': use}"> v-bind: 可以简写为:即 <div :class="{'class1': use}">1、v-html html 插入,可以插入文本,也可以插入元素,如。Input 的id和label的for标签实现了点击范围的扩大。3、v-model双向绑定 比如input是即输入又输出。2、v-bind 是属性绑定。原创 2024-04-22 18:09:16 · 350 阅读 · 0 评论 -
vue的超简单入门例子
直接在html文件的开头引入vue链接。原创 2024-04-15 19:23:45 · 194 阅读 · 0 评论 -
echart引入jquery例子
将下载的jquery-3.1.7.js 放到本HTML同目录下。原创 2024-04-02 17:19:18 · 399 阅读 · 0 评论 -
jQuery请求和Django接口例子
3、get请求 带 param 返回json。1、get请求,返回text。2、get 请求返回json。4、post请求返回text。原创 2024-04-02 17:11:29 · 509 阅读 · 0 评论 -
echart入门例子(一)
index.html文件在浏览器打开,展示如下。1、echart安装。原创 2024-03-28 14:52:45 · 347 阅读 · 0 评论 -
axios请求方式
axios请求方式原创 2024-03-26 15:34:49 · 181 阅读 · 0 评论 -
现有前端插件的学习使用--jquery之家
选择我们喜欢的插件,下载到本地。最好放到static文件下。我们把这个解压后的菜单资源粘贴进static里。里面有个index.html,这个html就是他给的demo例子。我们双击打开,然后点击浏览器按钮看看在我们本地这个菜单的展示。如果我们要放入到我们的项目中使用,需要修改里面的路径。href 或者 src 的路径 实际上在原来的index.html中都可以正常找到,我们复制到新html中后都找不到了是因为所在的位置不同。原创 2024-03-22 14:14:59 · 210 阅读 · 0 评论 -
一个vue前端的例子(五)
我们之前后端的返回都是写死的,我们实现后端请求采用aixos。执行完成打开 package.json 是不是出现了这个插件。mounted:是进入页面就执行的。methods:写的是触发执行的。下面举一个axios使用的例子。return中是声明变量。原创 2024-03-21 16:26:32 · 147 阅读 · 0 评论 -
一个vue前端的例子(四)
那么接下来,我们只需要在首页 ToolList.vue中引入调用这个Menu.vue组件 ,即可。这个问题就是把菜单提取公因式,成为component组件,来让其他各个页面只需要简单的调用一下。菜单不应该是常显的么?如果点击进了别的页面,那么这个菜单怎么才能再次显示出来呢?本节来细化下aside,将ToolList.vue 中的aside换成。保存,看看浏览器,是不是又可以重新看到菜单了。原创 2024-03-21 16:17:49 · 191 阅读 · 0 评论 -
一个vue前端的例子(三)
内部可以放很多小容器,比如左侧边栏<el-aside> 做菜单比较好。正常来说要去后端请求获取数据,目前我们是写死的返回数据,接口请求部分我们后面再写。接下来我们实现对页面的优化,即引入ElementUI npm i element-ui -S。然后在v_project/src/main.js 引入elementUI,这个做法相当于全局生效,所有的vue组件都可以直接用elementUI 的元素了。elementUI中,提供了很多默认的布局,比如:布局容器<el-container>原创 2024-03-21 16:00:08 · 251 阅读 · 0 评论 -
一个vue前端的例子(二)
这是因为在vue-cli前端中,所有的html模板都要以.vue结尾,因为这样的后缀就意味着里面是按照vue的语法来写。浏览器只能解析.html后缀的页面,.vue-cli会把.vue后缀的文件,自动翻译成index.html中的一部分代码,最终django就是来给浏览器返回这个index.html而已。index.html在哪呢,在v_project/public/index.html。v_project / src /App.vue带的,他是所有页面的母体,我们不想要可以注释掉。我们先写个小dome。原创 2024-03-21 14:42:35 · 330 阅读 · 0 评论 -
一个vue前端的例子(一)
vue初建项目原创 2024-03-20 18:22:18 · 181 阅读 · 0 评论