- 博客(15)
- 收藏
- 关注
原创 微信公众号授权登录
1.首先需要关注公司的公众号,获取权限。2.调用后台接口,后台回调一个地址给前端,该地址会携带token信息。返回类似这样路径给前端:http://localhost:8080/xx-uniapp/#/pages/handle?unionid=o0xVmw_s6EQWrDA7mTtIm8zoVdqU&accessToken=0a698cfb-6eeb-44fb-9785-3e3af4d3ecde3.在该页面的mounted函数中,去获取对应的参数。4.通过token.
2020-09-16 14:35:07
1358
原创 三目运算符
基本用法:javascript中的三目运算符用作判断时,基本语法为: expression ? sentence1 : sentence2当expression的值为var b = 1,c = 1a = 2;a >= 2 ? b++ : b--;b// 2a < 2 ? c++ : c--;c// 0上面的代码相当于,我们可以认为是if+else的简写:if(expression)...
2020-08-06 16:44:54
210
原创 基于Vue的Vue-Quill-Editor富文本编辑器的用法
1.下载Vue-Quill-Editornpm install vue-quill-editor --save2.下载quill(Vue-Quill-Editor需要依赖)npm install quill --save3.代码<template><div class="edit_container"><quill-editorv-model="content"ref="...
2020-07-28 16:26:46
339
原创 rem适配及媒体查询及大屏适配
rem(font size of the root element)是指相对于根元素的字体大小的单位。rem能等比例适配所有屏幕。em(font size of the element)是指相对于父元素的字体大小的单位。媒体查询结合rem适配不同屏幕页面:html {font-size : 20px;}@media only screen and (min-width: 401px){html {font-size: 25px !important;}}@media only.
2020-07-28 16:20:20
1891
原创 vue路由跳转的几种方式总结
区分route和router两个对象:$route对象:$route对象表示当前的路由信息,包含了当前 URL 解析得到的信息。包含当前的路径,参数,query对象等。$router对象:$router对象是全局路由的实例,是router构造方法的实例。场景: 点击父组件的li元素跳转到子组件中,并携带参数,便于子组件获取数据。父组件:<li v-for="article in articles" @click="getDescribe(article.id).
2020-07-22 18:58:35
1007
原创 原生AJAX与json、jsonp
(一)AJAX(Asynchronous JavaScript And XML[JSON]),阿贾克斯.异步的javascript和xmlXML 被设计用来传输和存储数据。(标记语言)为什么要使用AJAX更自然、流畅的用户体验,对用户的操作即时响应在不中断用户操作的情况下与Web服务器进行通信更灵敏的响应用户访问,实现近似于桌面应用程序的交互效果通过局部更新页面降低网络流量,提高网络的使用效率实现动态局部刷新(二)http请求http请求:1、建立一个TCP连接..
2020-07-19 15:52:14
109
原创 前端跨域问题总结
使用vue-resource做请求,跨域问题作法如下:用vuecli2.0脚手架,具体配置如下://地址映射表,可以通过设置将复杂的url简化,还可以解决跨域问题proxyTable:{'/api':{target:"https://xx.com/",changeOrigin:true,pathRewrite:{'/api':''}}}...
2020-07-06 11:47:50
140
1
原创 webpack前端工程化工具的使用
1. webpack概念是一款 模块化加载器兼打包工具2. commodJs 规范require 模块依赖exports 模块导出module 模块定义3. 指令安装webpack命令行工具npm i webpack -gcnpm i webpack -gwebpack --help 查看webpack命令npm initnpm i 根据package.json 下载所有插件entry,js 入...
2020-07-05 13:24:40
125
原创 TypeScript学习笔记5----ts-vue项目中的实践
<SearchAndAdd:data="data"@search="search"@add="isAdd=true"/>//dataprivatepageName:string='customer'privatedata:SearchAndAddData={title:'客户管理列表',placeholder:'客户名称/类型/负责人/行业/部门',}@Prop({required:true,...
2020-07-04 15:59:46
155
1
原创 TypeScript学习笔记4----泛型
泛型(Generics)是指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再指定类型的一种特性。<T>泛型基本应用function Hello<T>(arg:T):T{return arg;}var output = Hello<string>("hello ime");console.log(output);泛型的应用 function Hi<K>(num:K):...
2020-07-04 15:50:30
271
原创 TypeScript学习笔记3----类与接口
接口(Interfaces)可以用于对「对象的形状(Shape)」进行描述。implements:实现(implements)是面向对象中的一个重要概念。类实现接口:一个类只能继承自另一个类,有时候不同类之间可以有一些共有的特性,这时候就可以把特性提取成接口(interfaces),用 implements 关键字来实现。门是一个类,防盗门是门的子类。如果防盗门有一个报警器的功能,我们可以简单的给防盗门添加一个报警方法。这时候如果有另一个类,车,也有报警器的功能,就可以考虑把报警器提取出来.
2020-07-04 15:47:53
159
原创 TypeScript学习笔记2----es6类与ts类
ES6 中类的用法1.属性和方法:使用 class 定义类,使用 constructor 定义构造函数。通过 new 生成新实例的时候,会自动调用构造函数。、class Animal {constructor(name) {this.name = name;}sayHi() {return `My name is ${this.name}`;}}let a = new Animal('Jack');console.log(a.sayHi()); // My n
2020-07-04 15:45:49
535
原创 TypeScript学习笔记1
Ts的运行:安装TypeScript: npm install -g typescript运行TypeScript执行命令: npm install -g ts-nodets-nodescript.ts //执行某个ts文件TypeScript概念:TypeScript是javascript的一个超集,主要提供类型系统和对ES6的支持,它由Microsoft开发,代码开源于github。安装使用TypeScript:全局安装命令:npm install -g ty...
2020-07-04 15:43:06
472
原创 JS数组方法
(一)创建数组1:通过构造函数的方式来创建。 var a = new Array();(1).直接赋值var a=new Array(数据1,数据2,…);--------------------------------------------------------------var a=new Array(数值)如果括号中只有一个元素,并且这个元素是数值类型的,那么他就是指定数组的长度。 并且它的值都是undefined。数组的属性:length 属性 (获取整个数组的长度)
2020-07-02 21:13:43
203
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人