随笔分类 - JavaScript
摘要:var importJs = document.createElement('script') //在页面新建一个script标签 importJs.setAttribute("type","text/javascript") //给script标签增加type属性 importJs.setAttr
阅读全文
摘要:1.小程序介绍 微信⼩程序,简称⼩程序,英⽂名 Mini Program ,是⼀种不需要下载安装即可使⽤的应⽤,它实现 了应⽤“触⼿可及”的梦想,⽤⼾扫⼀扫或搜⼀下即可打开应⽤ 1.1. 为什么是微信⼩程序 ? 微信有海量⽤⼾,⽽且粘性很⾼,在微信⾥开发产品更容易触达⽤⼾; 推⼴app 或公众号
阅读全文
摘要:Vuex 概述 1.1 组件之间共享数据的方式 父向子传值:v-bind 属性绑定 子向父传值:v-on 事件绑定 兄弟组件之间共享数据: EventBus emit 发送数据的那个组件 1.2 Vuex 是什么 Vuex 是实现组件全局状态(数据)管理的一种机制,可以
阅读全文
摘要:优化 项目优化策略 生成打包报告 第三方库启用 CDN Element-UI 组件按需加载 路由懒加载 首页内容定制 1. 生成打包报告 打包时,为了直观地发现项目中存在的问题,可以在打包时生成报告。生成报告的方式有两种: ① 通过命令行参数的形式生成报告 // 通过 vue-cli 的命令选项可以
阅读全文
摘要:一、ECharts 1、简介 ECharts是百度的一个项目,后来百度把Echart捐给apache,用于图表展示,提供了常规的 "折线图" 、 "柱状图" 、 "散点图" 、 "饼图" 、 "K线图" ,用于统计的 "盒形图" ,用于地理数据可视化的 "地图" 、 "热力图" 、 "线图" ,用于
阅读全文
摘要:vue-element-admin 1、简介 vue-element-admin是基于element-ui 的一套后台管理系统集成方案。 **功能:**https://panjiachen.github.io/vue-element-admin-site/zh/guide/#功能 **GitHub地
阅读全文
摘要:[toc] 1. 准备代码,提交到码云Git库 代码中需要包含以下几部分内容: (1)项目根目录代码中需要包含Dockerfile文件 文件内容: (2)在项目pom文件中指定打包类型,包含build部分内容 2. 安装JAVA 运行环境 第一步:上传或下载安装包 cd/usr/local jdk
阅读全文
摘要:3. Vue单文件组件 3.1 传统组件的问题和解决方案 1. 问题 1. 全局定义的组件必须保证组件的名称不重复 2. 字符串模板缺乏语法高亮,在HTML有多行的时候,需要用到丑陋的\ 3. 不支持CSS意味着当HTML和JavaScript组件化时, CSS明显被遗漏 4. 没有构建步骤限制,只
阅读全文
摘要:[toc] 1. 模块化相关规范 1.1 模块化概述 传统开发模式的主要问题 ① 命名冲突 ② 文件依赖 通过模块化解决上述问题 模块化就是把单独的一个功能封装到一个模块(文件)中,模块之间相互隔离,但是可以通过特定的接口公开内部成员,也可以依赖别的模块 模块化开发的好处:方便代码的重用,从而提升开
阅读全文
摘要:[toc] 1. 路由的基本概念与原理 1.1 路由 路由是一个比较广义和抽象的概念, 路由的本质就是对应关系 。 在开发中,路由分为: 1. 后端路由 概念:根据不同的 用户 URL 请求 ,返回不同的内容 本质: URL 请求地址 与 服务器资源 之间的对应关系 2. SPA(Single Pa
阅读全文
摘要:[toc] Promise 主要解决异步深层嵌套的问题 promise 提供了简洁的API 使得异步操作更加容易 基本使用 基于Promise发送Ajax请求 Promise 基本API 实例方法 .then() 得到异步任务正确的结果 .catch() 获取异常信息 .finally() 成功与否
阅读全文
摘要:[toc] 1. 组件化开发思想 组件化规范: Web Components 我们希望尽可能多的重用代码 自定义组件的方式不太容易(html、css和js) 多次使用组件可能导致冲突 Web Components 通过创建 封装好功能的 定制元素解决上述问题 官网:https://developer
阅读全文
摘要:[toc] Vue常用特性 表单基本操作 获取单选框中的值 通过v model 获取复选框中的值 通过v model 和获取单选框中的值一样 复选框 这种的组合时 data 中的 hobby 我们要定义成数组 否则无法实现多选 获取下拉框和文本框中的值 通过v model 表单修饰符 .number
阅读全文
摘要:[toc] Vue基础 Vue 是什么? Vue (读音 /vjuː/,类似于 view ) 是一套用于构建用户界面的渐进式框架 vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合 使用Vue将helloworld 渲染到页面上 指令 本质就是自定义属性 Vue中指定都是以
阅读全文
摘要:1、 HTML 结构 2、 提供的数据 3、 把数据渲染到页面 把tab栏 中的数替换到页面上 把 data 中 title 利用 v for 循环渲染到页面上 把 data 中 path利用 v for 循环渲染到页面上 4、 给每一个tab栏添加事件,并让选中的高亮 4.1 、让默认的第一项ta
阅读全文
摘要:[toc] 模板引擎概述 作用:使用模板引擎提供的模板语法,可以将数据和 HTML 拼接起来。 Ajax 项目中存在的问题 1. 数据和HTML字符串拼接导致代码混乱,拼接容易出错,增加修改难度。 2. 业务逻辑和用户界面混合,代码不易维护。 art template不仅可以使用在node服务器环境
阅读全文
摘要:RESTful 和 XML RESTful 风格的 API 传统请求地址回顾 GET http://www.example.com/getUsers // 获取用户列表 GET http://www.example.com/getUser?id=1 // 比如获取某一个用户的信息 POST http
阅读全文
摘要:[toc] .ajax()方法概述 作用:发送Ajax请求。 请求参数可以使用如下格式: 服务器要求参数必须为json格式: serialize方法 作用:将表单中的数据自动拼接成字符串类型的参数 serializeArray方法 jQuery没有提供方法将表单数据转为json对
阅读全文