vue配合element 实现在线预览pdf文档 使用插件npm install --save vue-pdf<template> <div id="app"> <el-button type="text" @click="dialogVisible = true" >点击打开 Dialog</el-button > <el-dialog title="提示" :visible.sync="dialogVisible" width="30%">
CSS样式grid布局 HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="
CSS样式grid布局 HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="
css预编译器—sass 一、注释sass中的注释有三种//是单行注释/**/多行注释/*!*/强注释强注释编译之后不会消失二、定义变量的方法以$开头定义名字:值;$my_color:red;调用是直接使用$名字* { margin: 0; padding: 0; background-color: $my_color;}三、混入sass代码块mixin//定义sass样式代码块@mixin my_colName($border,$bac) {...
微信小程序登录 通过给button设置open-type属性,值为getUserInfo,并绑定bindgetuserinfo事件就会触发后面的函数<button open-type="getUserInfo" bindgetuserinfo="getuser">点击授权</button>通过触发的函数的事件源拿到四个加密字符串使用wx.login()方法获取用户的code值wx.login({ timeout: 10000, success: (r.
javaScript惰性函数 惰性函数其实很简单就是js的一种使用的小技巧,他在自身函数内部更改了自身的代码,一般是配合自执行函数,处理浏览器兼容问题。 // 定义一个函数为一次性函数 var event = (function (dom, type = "click", fn = function () { }) { var dom = dom // 这里是否有传入dom,如果没有那么我们创建一个dom,以保证自执行的时候不会报错 if (!
TypeScript中的泛型 以及模块化 // 模块化导入到处// es6 export 以及 export default// export default 意思是导出全部不能再次到处// export 导出可以多次导出// export使用是import {} from 'url'// export default使用是import 命名 from 'url'// 命名空间// 命名空间主要的目的是将一个模块导出放置命名冲突export namespace uiltsName { export var obj = {.
typeScript断言 as 一、类型的断言as在一些时候ts无法获取具体的类型信息(HTMLElement),但是这些(HTMLImageElement)信息有又独特的属性和方法,此时就需要告诉ts当前的这个数据类型到底是那种(TS只允许类型断言转换为更具体或者不太具体(any/unKnown)的类型版本.这种情况会导致ts类型混乱)//断言1HTMLElement as HTMLImageElementlet test = document.getElementById("test") as HTMLImag...
typeScript的类型系统基本使用 一、声明变量//第一步:声明变量并指定类型let age: number//第二步:给变量赋值age = 18//简化方式:声明变量的同时就赋值let age: number = 20//注意:声明变量的时候要指定变量的类型。二、类型注解1.代码中的: number就是类型注解。2.类型注解:是—种为变量添加类型约束的方式。三、数据类型Typescript 中的数据类型分为两大类:(1)原始类型(基本数据类型)常用的基本数据类型有5个:number st..
使用vscode中使用ts找不到名称 “console“。是否需要更改目标库? 请尝试将 `lib` 编译器选项更改为包含 “dom“。 在tsconfig.json中配置Just add the "lib": ["es2015", "es2017", "dom"] to your tsconfig.json and restart VS Code{ "compilerOptions": { "target": "es5", "lib": [ "dom", "es5", "es2015.promise" ,"es2015", "es2017"], }}
typeScript起步篇 一、介绍1.ts是js的超集2.ts增加了类型系统3.ts是微软开发的开源编程语言,设计目标是开发大型应用可以在任何浏览器、任何计算机、任何操作系统上运行。二、TypeScript相比JS的优势优势—:类型化思维方式,使得开发更加严谨,提前发现错误,减少改Bug时间。优势二:类型系统提高了代码可读性,并使维护和重构代码更加容易。优势三:补充了接口、枚举等开发大型应用时S缺失的功能。vue 3源码使用TS重写,释放出重要信号:TS是趋势。Angular默认支持T5; React
Vue怎么渲染Markdown数据 插件网址链接vue-markdown - npm (npmjs.com)实现过程1.需要提前安装的npm包npm i vue-loader vue-template-compiler -D2.再安装vue-markdown插件npm install --save vue-markdown3.在需要用到的地方引入刚刚安装的插件import VueMarkdown from 'vue-markdown'export default { components: { Vu
vue跨域解决办法,创建vue.config.js module.exports = { devServer: { open: true, host: 'localhost', port: 8080, https: false, //以上的ip和端口是我们本机的;下面为需要跨域的 proxy: {//配置跨域 '/api': { target: 'http://106.15.179.105:3000.
js浏览器数据库 IndexedDB && Web SQL 一、IndexedDB (建议使用)1.介绍:随着浏览器的功能不断增强,越来越多的网站开始考虑,将大量数据储存在客户端,这样可以减少从服务器获取数据,直接从本地获取数据。现有的浏览器数据储存方案,都不适合储存大量数据:Cookie 的大小不超过4KB,且每次请求都会发送回服务器;LocalStorage 在 2.5MB 到 10MB 之间(各家浏览器不同),而且不提供搜索功能,不能建立自定义的索引。所以,需要一种新的解决方案,这就是 IndexedDB 诞生的背景。2.IndexedD.
vue2核心对象defineProperty Object.defineProperty()方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象Object.defineProperty()的属性属性值Object.defineProperty 定义属性obj: 要增加或者修改属性的对象prop: 属性名1.descriptor: 属性描述符configurable: 布尔值 --> 是否可重新配置(删除) 默认为 false。enumerable: 布尔值 --> 是否可枚举 默认为 fal...
git提交出现Your branch and ‘origin/master‘ have diverged解决方法 取消修改,只要执行下面两步:git fetch origingit reset --hard origin/master当我们在本地提需要交到远程仓库的时候使用如下命令:1.git rebase origin/master然后使用2.git pull --rebase最后使用3.git push origin master把内容提交到远程仓库上。...