一、v-bind 缩写<!-- 完整语法 --> <a v-bind:href="url"></a><!-- 缩写 --> <a :href="url"></a><!-- 完整语法 --> <button v-bind:disabled="someDynamicCondition">Button</button><!-- 缩写 --> <button :disabled="someDynamicCondition">Button</button>二、v-on 缩写<!-- 完整语法 --> <a v-on:click="doSomething"></a><!-- 缩写 --> <a @click="doSomething"></a>三、过滤器{{ message | capitalize }} 四、条件渲染v-if ...
Electron 可以使用纯 JS 来创建桌面应用，使用 Web 页面作为 GUI，相当于一个被 JS 控制的，精简版的 Chromium 浏览器。Electron 基于 Chromium 和 Node.js ，所以使用之前需要搭建 Node.js 开发环境。安装方法安装 Node.js，访问 https://nodejs.org/en/download/ 下载最新版本的 Node.js 安装包。在安装过程中的配置界面，勾选 Node.js runtime 、npm package manager 和 Add to PATH 这三个选项。安装完成之后，在 cmd 中执行下...
【全栈之巅】Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台学习笔记（2.17-2.20） 本项目是 学习Bilibili 全栈之巅 视频教程相关源码和体会 https://gitee.com/blaunicorn/node-vue-wangzherongyao 持续更新中… 2.17 后台登录页面 // admin\src\views\Login.vue <template><div class="login-container"><videoautoplaymutedloopposter="../assets/bg.jpg"class="bgvid"id="bgvid"><!-- <source src="../assets/bg.mp4"...
前端面试+学习笔记（HTML+CSS+JavaScript+ES6+Vue+NodeJs） 一. HTML 1. 盒子模型是什么：每个元素被表示为一个矩形的盒子，有四个部分组成：内容（content）、内边距（padding）、边框（border）、外边距（margin）。它在页面中所占的实际大小（宽高）是content+padding+border+margin之和。 盒模型有两种：标准盒模型（W3C盒模型）、IE盒模型。 两种盒模型的区别：标准盒模型内容大小就是content大小、而IE盒模型内容大小则是...
回顾vue的使用 index.html文件<div id="app">{{name}}</div><!-- 对数据进行渲染 --><script src="./dist/vue.js"></script> <!-- 引入vue（自己准备手写的） --><script>//viewModel 数据模型//典型的MVVM View vm modellet vm = new Vue({//vue的使用首先要挂载//定义数据的两种写法/* data: {name: 'zs'} */data() {return {name: 'yft',age: {n: 1,m: 2}}}})vm._data.age = {v: 5}console.log(vm);</script>一下是手写vue的...
使用rollup进行对vue源码的打包 1、初始化 npm init -y2、安装rollup、转译es5等 npm install rollup @babel/core @babel/preset-env rollup-plugin-babel -D3、写rollup.config.js（配置文件） import babel from 'rollup-plugin-babel' export default {input: './src/index.js',//输入（记得要手动建src文件夹和index.js目录）output: {//输出format: 'umd',//支持amd和common.js规范window.Vuename: 'Vue',file: 'dist/vue.js'...
一 vue 交互1》jquery =>$ajax2》js原生 :es6=>axios3>》vue的resourceget this.$http.get()this.$http.get("http://localhost:8080/MyBlogSys/test/run", {params: {act: 1,userName: "zhangsan"}}).then(function(res) {console.log(res)}, function(err) {console.log(err)}) ;post this.$http.post()this.$http.post("http://localhost:8080/MyBlogSys/test/run", {act: 1,userName: "zhangsan"}, {emulateJSON: true}).the...
众所周知，Vue的数据响应式的实现结合了 Object.defineProperty 和发布订阅模式。本文旨在结合源码梳理响应式的过程。 Observer,Dep,Watcher以上是我简单梳理的原理图，图中涉及到三个对象： Observer、Dep 和 Watcher。简单介绍一下它们： Observer：是发布订阅模式中的发布者，具体指的是Vue 中的数据对象（数组、对象），如 data、props。在Vue实例化的过程中这些数据对象会被递归地绑定一个 __ob__ 属性，这个属性就是 Observe...
先解压安装 PHPStudy;解压安装 Navicat 这个数据库可视化工具，并激活；打开 Navicat 工具，新建空白数据库，名为 dtcmsdb4;双击新建的数据库，连接上这个空白数据库，在新建的数据库上右键 -> 运行SQL文件，选择并执行 dtcmsdb4.sql 这个数据库脚本文件；如果执行不报错，则数据库导入完成；进入文件夹 vuecms3_nodejsapi 内部，执行 npm i 安装所有的依赖项；先确保本机安装了 nodemon, 没有安装，则运行 npm i nodemon -g 进行全...
在使用 PowerShell 执行脚本的时候会出现：无法加载文件 xxxxxxx.ps1，因为在此系统中禁止执行脚本。有关详细信息，请参阅 “xxxxxxxxxxxxxx” 所在位置 行:1 字符: 1原因就是我们当前作用域不具备执行PowerShell 的命令。解决方法：查看当前作用域是否具备执行 PowerShell 命令的权限。Get-ExecutionPolicy修改作用域权限Set-ExecutionPolicy RemoteSigned -Scope CurrentUser完成，重新运行之前的的命令即可正常执行。
目录 webpack 配置 入口(entry) 输出(output) loader 加载 css 编译 less 图片文件处理 使用 babel-loader转换 ES6webpack 配置 从 v4.0.0 开始，webpack 开箱即用，可以无需使用任何配置文件。然而，webpack 会假定项目的入口起点为 src/index.js，然后会在 dist/main.js 输出结果，并且在生产环境开启压缩和优化。 通常你的项目还需要继续扩展此能力，为此你可以在项目根目录下创建一个 webpack.config.js 文件，然后 webpack 会...
目录 1.模块的选择 2.jsonp封装 2.1认识jsonp 2.2JSONP封装 3.axios详解 3.1认识axios 3.2发送基本请求 3.3axios实例 3.4拦截器1.模块的选择Vue中发送网络请求有非常多的方式, 那么, 在开发中, 如何选择呢? 选择一: 传统的Ajax是基于XMLHttpRequest(XHR) 为什么不用它呢? 非常好解释, 配置和调用方式等非常混乱.编码起来看起来就非常蛋疼.所以真实开发中很少直接使用, 而是使用jQuery-Ajax 选择二: 在前面的学习中, 我们经常会使...
Vue(读音/vju/， 类似于view) 是一套用于构建用户界面的渐进式框架， 发布于2014年2月。与其它大型框架不同的是， Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层， 不仅易于上手， 还便于与第三方库(如：vue-router，vue-resource，vue x) 或既有项目整合。 （1）MVVM模式的实现者Model：模型层， 在这里表示JavaScript对象 View：视图层， 在这里表示DOM(HTML操作的元素) ViewModel：连接视图和数据的中间件， Vue.j...
Demo技术组合选择 主应用 UmiJS ， 子应用同时支持 Umi , Vue2.x , Vue3.x(不稳定) demo示例 https://github.com/ldinger/umi-qiankun-vue-demo.git说明 ：本例是参考 umi-plugin-qiankun 添加了vue 子应用 。 applications 为所有应用目录 ， 安装完环境 后在各各应用目录 分别 执行 tyarn 或者 yarn 安装 依赖 包后在根目录执行 tyarn start master 主应用 --基于 umijs app1 子应用 --基于umijs vueapp2 子应用 --基于 vue 环境...
1.面包屑导航目录新建一个Users.vue作为响应/users请求的component，在router下的index中配置好响应地址。实现路由导航的面包屑目录效果，首先我们去Element-Ui找到对应的地址https://element.eleme.cn/#/zh-CN/component/breadcrumb，然后导入面包屑表头。 <!-- 面包屑导航区 --> <el-breadcrumb separator-class="el-icon-arrow-right"><el-breadcrumb-item :to="{ path: /home }">首页</el-breadcrumb-item><el-breadcrumb-ite...