摘要: 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)