原理: jQuery的ajax请求:complete函数一般无论服务器有无数据返回都会显示(成功或者失败都显示数据): return result…

思路:无刷新机制就是不用的刷新动作 ,用前端html语法删除和后端的数据库删,同时删除达到效果 除操作,来实现无刷洗的方法…

GET 用于请求服务器数据 POST 用于上传数据到服务器,或者修改服务器数据 ajax 异步通信,实现页面的局部刷新,按需获取数据,节约带宽,带来更好的用户体验 客户端与服务器在不必刷新浏览器的情况下,与服务器进行异步通讯的技术 与后台进行 HTTP 通信,无需刷新整体页面, 而只是根据自己的需求做局部页面的更新 xml http request window.fetch -------- 后期出现的方法,老版本浏览器IE8以下 不支持__可以考虑 fetch 库兼容 原生语法的,promis…

axios用法: npm install axios --save-dev 2.导入: import axios from 'axios'; 3.使用($(form)需要先按装jQuery) axios.post('http://localhost:3000/users/zhuce',$(form).serialize()) .then(function(res){ console.log(res); alert(res.data); }) .catch(function(err){ conso…

模块===包   传统开发:整个网页我们写了一个js文件,所有的特效都写在里面了. 缺点:耦合度太高,代码关联性太强,不便于后期维护,会造成全局污染. 发生的请求次数过多,依赖模糊,难于维护. 以上都是传统的开发形式,都被抛弃了. 使用模块化开发 为什么使用模块化? 减少代码之间的关联度,部署方便,更好的分离 按需加载,避免命名冲突,容易维护. 什么是模块化? Node自带的规范 commonjs规范 Commonjs是node的规范,运行在服务端,不是浏览器端,如果使用在浏览器端,需要使用对该…

1.CourseDetail 课程详细信息 1.如何传入参数id (1)router中导入 (2) router-link 关联子组件 (3)detail.vue接受id (4)通过id查询详细   2.图片显示 (1)图片路径与效果   (2)v-for循环图片路径 3.ajax请求:点击跳转 (1)后端json数据 (2)ajax请求 (3)效果图 2.推荐课程切换 1. url 跳转了,id没有跳转 detail组件不会重写加载,init不会执行 2.主动重定向:改变url和页面id 3.…

1.后端代码 1.项目结构 2.项目代码 主url from django.contrib import admin from django.urls import path, include urlpatterns = [ path('admin/', admin.site.urls), path('api/v1/', include('api.urls')) ] url from django.urls import path, include from api.view import co…

javascript 元编程之 method_missing 引言 要说元编程 ruby 中技巧太多了,今天来写的这个技术也来自于 ruby 中的灵感. method_missing 这个在 ruby 中对象调用方法如果没有调到就会去调用这个方法. 这个功能在 javascript 中怎么实现,现在 proxy 出现了,这个就有思路了. 实现 class Base { constructor () { return new Proxy(this, { get (target, property)…

模块(包) 传统引入 js 的缺点 整个网页,我们写了一个 js 文件,所有的特效都在里面 耦合度太高,代码之间关联性太强,不便于后期维护 变量容易 全局污染 如果将 复杂的 js 文件,拆成多个功能的 js 文件 缺点: 发生的请求过多,依赖模糊,难于维护 这是传统的开发模式,都被抛弃掉了 所以我们使用 模块化的开发模式 为什么使用模块化 减少代码之间的关联度 部署方便 更好的进行分离,按需加载,避免了命名冲突,容易维护 什么是模块化  node 自带的规范(模块) commonjs 规范 n…

Angular+Vue+React    Vue性能最好,Vue最轻=======================================================Angular    入门难,学习成本高Vue    简单=======================================================Vue    官网:http://vuejs.org/    中文:http://cn.vuejs.org/ Vue.js的发展        1.x  …