摘要:
vue.js官方给自己的定为是数据模板引擎,并给出了一套渲染数据的指令。本文详细介绍了vue.js的常用指令。 Vue.js 使用了基于 html 的模板语法,最简单的使用vue的方式是渲染数据,渲染数据最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值。 <!DOCTYPE h 阅读全文
posted @ 2020-12-08 15:28
酷儿q
阅读(176)
评论(0)
推荐(0)
摘要:
前言 上传文件在开发中是很常见的操作,今天我选择使用koa-multer中间件来实现这一功能,除了上传文件外,我还会对文件上传进行限制,以及发生上传错误时的处理。由于原来的 koa-multer 已经停止维护,我们要使用最新的 @koa/multer 。这个模块是 koa-multer 的一个分支, 阅读全文
posted @ 2020-12-08 15:27
酷儿q
阅读(714)
评论(0)
推荐(0)
摘要:
今天分享的是一个简单的轮播图,这个轮播图的特效很简单,能够进行图片的轮播以及点击相应图片,图片能够跳转到相应位置,首先书写的div部分: <div id="scrollPics"> <ul class="slider"> <li><img src="../images/1.jpg" alt="">< 阅读全文
posted @ 2020-12-08 15:25
酷儿q
阅读(234)
评论(0)
推荐(0)
摘要:
示例一 文件结构 假设你已经创建好了一个Django项目和一个App,部分结构如下: mysite myapp |___views.py |___models.py |___forms.py |___urls.py templates |___ajax_test.html 示例代码 ajaxTest 阅读全文
posted @ 2020-12-08 15:24
酷儿q
阅读(178)
评论(0)
推荐(0)
摘要:
在使用 GraphQL (以下简称 gql)的前端项目中,往往需要等待后台同学定义好 Schema 并架设好 Playground 以后才能进行联调。如果后台同学阻塞了,前端只能被动等待。如果对于 gql 项目来说也能够和 REST 一样有一套 mock 方案就好了。经过一系列实践,我选择了 moc 阅读全文
posted @ 2020-12-08 15:23
酷儿q
阅读(387)
评论(0)
推荐(0)
摘要:
两种方法获取的数据在servlet层传递的方法相同,下面为Servlet中代码,以查询表中所有信息为例。 //重写doGet方法 protected void doGet(HttpServletRequest request, HttpServletResponse response) throws 阅读全文
posted @ 2020-12-08 15:21
酷儿q
阅读(178)
评论(0)
推荐(0)
摘要:
一、全局组件的注册 通过Vue.component()创建一个全局组件之后,我们可以在一个通过 new Vue 创建的 Vue 根实例中,把这个组件作为自定义元素来使用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> < 阅读全文
posted @ 2020-12-08 15:20
酷儿q
阅读(120)
评论(0)
推荐(0)
摘要:
在vue项目开发过程中,为了方便在各个组件中调用axios,我们通常会在入口文件将axios挂载到vue原型身上,如下:main.ts import Vue from 'vue' import axios from './utils/http' Vue.prototype.$axios = axio 阅读全文
posted @ 2020-12-08 15:17
酷儿q
阅读(630)
评论(0)
推荐(0)
摘要:
增加Node运行内存 在Node中通过JavaScript使用内存时只能使用部分内存(64位系统下约为1.4 GB,32位系统下约为0.7 GB)。所以不管电脑实际的运行内存是多少,Node在运行代码编译的时候,使用内存大小不会发生变化。这样就可能导致因为原有的内存不够,导致内存溢出。所以可以增加N 阅读全文
posted @ 2020-12-08 15:15
酷儿q
阅读(536)
评论(0)
推荐(0)
摘要:
子组件代码 //子组件请求接口,用自己封装的axios getupdate(){ this.$post({ url:this.$apis.unitupdate, postType:'json' }) .then( () => { this.$emit("getlist")//成功之后触发更新列表 } 阅读全文
posted @ 2020-12-08 15:14
酷儿q
阅读(3542)
评论(0)
推荐(0)
摘要:
此文使用的 vue 版本是 2.0+,在线例子看这里,下面顺便也把关键代码贴出来。 <template> <div class="hello"> <button @click="inputvalue.aaaa = 'aaaa is here'">show aaaa</button> <button 阅读全文
posted @ 2020-12-08 15:12
酷儿q
阅读(853)
评论(0)
推荐(0)
摘要:
1. 效果图展示 2. 工程目录结构 注意: webapp下的resources目录放置easyui和js(jQuery文件是另外的) 3. 代码 index.jsp <%@ page contentType="text/html;charset=UTF-8" language="java" %> 阅读全文
posted @ 2020-12-08 15:11
酷儿q
阅读(314)
评论(0)
推荐(0)
摘要:
我们知道在react中,常用props实现子组件数据到父组件的传递,但是父组件调用子组件的功能却不常用。文档上说ref其实不是最佳的选择,但是想着偷懒不学redux,在网上找了很多教程,要不就是hook的讲的太少,要不就是父子组件傻傻分不清,于是只好再啃了一下文档,就学了一下其它hook的api。在 阅读全文
posted @ 2020-12-08 15:09
酷儿q
阅读(1153)
评论(0)
推荐(0)
摘要:
extend是jQuery中一个比较核心的代码,如果有查看jQuery的源码的话,就会发现jQuery在多处调用了extend方法。 作用 对任意对象进行扩展 扩展某个实例对象 对jquery本身的实例方法进行扩展 实现 基础版本, 对简单对象进行扩展 jQuery.prototype.extend 阅读全文
posted @ 2020-12-08 15:08
酷儿q
阅读(141)
评论(0)
推荐(0)
摘要:
1. 不依赖新旧值的watch 很多时候,我们监听一个属性,不会使用到改变前后的值,只是为了执行一些方法,这时可以使用字符串代替 data:{ name:'Joe' }, watch:{ name:'sayName' }, methods:{ sayName(){ console.log(this. 阅读全文
posted @ 2020-12-08 15:06
酷儿q
阅读(295)
评论(0)
推荐(0)
摘要:
前期准备 初始化project 这里我们使用vue-cli来初始化一个vue项目。 npm install -g @vue/cli or yarn global add @vue/cli vue create personal-component-set 首先我们来开发一个可复用的顶栏控件,这里是用 阅读全文
posted @ 2020-12-08 15:05
酷儿q
阅读(193)
评论(0)
推荐(0)
摘要:
attr() 设置属性值或者 返回被选元素的属性值 //获取值:attr()设置一个属性值的时候 只是获取值 var id = $('div').attr('id') console.log(id) var cla = $('div').attr('class') console.log(cla) 阅读全文
posted @ 2020-12-08 15:03
酷儿q
阅读(117)
评论(0)
推荐(0)
摘要:
前言 这篇文章将还是通过实例的方式记录一下 react 中组件之间的通信方式,在 react 中,需要组件通信的情况一般有以下几种: 父组件向子组件通信 子组件向父组件通信 跨级组件通信 非嵌套组件通信 父组件向子组件通信 React 中采用数据单向流动的方式,父组件向子组件传递数据也是很常见的情况 阅读全文
posted @ 2020-12-08 15:02
酷儿q
阅读(106)
评论(0)
推荐(0)
摘要:
Bootstrap Table 插件含有样式的数据如何排序,如下面的字段stargazers_count var data = [{ "name": "bootstrap-table", "stargazers_count": "<span>526</span>", "stargazers_coun 阅读全文
posted @ 2020-12-08 15:00
酷儿q
阅读(855)
评论(0)
推荐(0)
摘要:
state也就是vuex里的值,也即是整个vuex的状态,而strict和state的设置有关,如果设置strict为true,那么不能直接修改state里的值,只能通过mutation来设置 例1: <!DOCTYPE html> <html lang="en"> <head> <meta cha 阅读全文
posted @ 2020-12-08 14:58
酷儿q
阅读(157)
评论(0)
推荐(0)