1.模块化,变量都是私有作用域,JQuery只能用全局变量.闭包,影响性能 2.组件化 3.因为1,所以方便维护 vuex 要注意刷新清空的问题 vue-router是局部刷新,window.location是全部刷新…
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <meta http-equiv="X-UA-Compatible&qu…
vue引入jQuery.bootstrap 1.使用vue-cli构建的vue项目 2.npm安装jquery.bootstrap npm install jquery 3.修改build/webpack.base.conf.js // 在开头引入webpack,后面的plugins那里需要 var webpack = require('webpack') // resolve module.exports = { // 其他代码... resolve: { extensions: ['', '…
有时候只要想到要用的 vue.js 的时候就会惯性的想起用vue-cli手脚架搭建一个项目,但是有时候的业务场景并不适合用vue-cli手脚架,这个时候使用vue+jquery混合使用,把他们的优点结合起来使用会大大提升开发效率. 那么vue+jquery应该如何使用呢? 一.首先引入vue文件(cdn或者下载到本地都行),参考vue官方连接 https://cn.vuejs.org/v2/guide/installation.html 二.创建一个vue实例,因为每个vue应用都是通过创建一个…
起因是最近在学习前端,看的网上的demo也是在react.vue.jquery之间穿插,为了方便一键生成html模板(懒)写demo,有了以下折腾. 本人使用的前端编辑工具是vscode(方便.懒),可配置成中文界面,很友好,丰富的第三方插件,真香.以下是基于vscode设置的html代码片段: 1. 文件->首选项->用户代码片段 2. 输入html,打开第一个html.json文件 3.编辑json文件,内容如下.unpkg被墙,这里使用的是cdn镜像(https://cdnjs.com/…
前端越来越混乱了,当然也可以美其名曰:繁荣.当新启动一个前端项目,第一件事就是纠结:使用什么框架,重造什么轮子? PS:大牛留言讨论那么,希望看完此篇,能够给你一个清晰的认识,或者让你更加地纠结和无所适从 = =!本篇拿一注册功能作为样本,使用各种框架去实现功能,从而对比各种方式的优劣. JQuery <div> <div><input type="text" id="nameIpt"/></div> <div&…
2017年2月26日 14:59:34 星期日 场景: jquery的$.post, $.get是$.ajax的封装, 是异步的 因此, 有肯能在初始化vue实例的时候, 异步请求的结果还没返回, 这就导致vue不能渲染dom 解决方法是: 1. 先初始化vue对象, 关键点是, 要把随后要用到的变量留空; 2. 再调用jquery远程请求接口, 重新赋值给vue 代码: var vm = new Vue({ el: '#addArticle', data: { cat_list: '', to…
angularjs简单介绍和特点 首先angular是一个mvc框架, 使用mvc解耦, 采用model, controller以及view的方式去组织代码, 会将一个html页面分成若干个模块, 每个模块都有自己的scope, service, directive, 各个模块之间也可以进行通信, 但是整体结构上是比较清晰的, 就是说其代码组织是模块化的, angular的view可能仅仅是一个框架, , 对view的dom操作或者时间监听都是在directive中实现的, 而且一般情况下很少直…
1.在项目中安装jquery npm install jquery --save-dev 或者 打开package.json文件,在里面加入这行代码,jquery后面的是版本,根据你自己需求更改. dependencies:{ "jquery":"^2.2.3" } 然后在命令行输入 npm install 或者 cnpm install 2.在项目根目录下的build/webpack.base.conf.js文件中: 先写以下代码 var webpack = re…
VUE https://cdn.staticfile.org/vue/2.2.2/vue.min.js Jquery https://cdn.bootcss.com/jquery/3.4.0/jquery.min.js axios https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.min.js…