待整理
Novice-XiaoSong
这个作者很懒,什么都没留下…
展开
-
vue plugin的简单使用
Vue.mixin() 在全局Vue中混入一些操作,这些操作会在所有Vue实例中触发// main.jsVue.mixin({ // 这里可以使用一些钩子函数 created(){ console.warn('mixin') }})Vue.use 用于在全局Vue中安装依赖// main.jsimport Vue from 'vue'const myPlugin{ install(Vue){ // do something // Vue.use(_plugin)..原创 2020-11-18 00:03:56 · 857 阅读 · 0 评论 -
vue axios
vue中官方的请求方法一、基本用法axios(options) 或 axios.request(options)(1)这两个是一样的(2)options 可以配置 method, headers, url, data 等属性(3)返回结果是一个 Promise 实例指定请求方法(1)axios.get(url, options?)(2)axios.post(url, data, options?)(3)axios.head(url, options?)(4)axios.put.原创 2020-11-17 12:46:42 · 142 阅读 · 0 评论 -
vue 路由的hash模式和history模式
这两种模式都是属于前端路由。前端路由,顾名思义,前端使用的路由,路由不会触发向后端请求的操作,而只是为了管理前端页面。当路由路径改变时,加载相应的内容。一、hash模式url中会带有#本质是使用window.onhashchange来监听url的变化(本质是#后边内容的变化),并根据url的不同加载相应内容二、history模式url不含#,比较优雅本质是使用H5引入的window.history那一套东西来实现(1)length: 当前历史记录列表的长度(2)state: 当前历.原创 2020-11-15 18:20:17 · 270 阅读 · 0 评论 -
javascript Set与WeakSet
一、SetSet.prototype.sizeSet.prototype.constructor([iterable])Set.prototype.add()Set.prototype.delete()Set.prototype.clear()Set.prototype.has()Set.prototype.forEach()Set.prototype.keys()Set.prototype.values()Set.prototype.entries()Set只存放键,值与键相同原创 2020-11-10 15:19:28 · 213 阅读 · 0 评论 -
javascript 字符串常用方法
字符串常用方法转载 2020-11-04 17:18:32 · 88 阅读 · 0 评论 -
性能优化 图片懒加载
滚动监听Intersection Observer APIchrome 自带的标签属性 lazyload='on'图片懒加载的几种方法转载 2020-11-04 16:17:13 · 98 阅读 · 0 评论 -
前端 文件对话框
nw.jselectron项目,可以使用下边的方法const {dialog} = window.require('electron').remote;const fs = window.require('electron').remote.require('fs');let filePath = dialog.showSaveDialog({ title: "请选择要保存的文件名", buttonLabel: "保存", defaultPath: "test.html", fil..原创 2020-11-02 10:22:38 · 778 阅读 · 1 评论 -
html H5汇总
媒体:<audio>, <video>画布:canvas矢量画:svg拖放:(1)元素设置可拖拽:元素属性添加 draggable=true(2)拖拽元素事件:ondragstart, ondrag, ondragend(3)释放区事件:ondragenter, ondragover, ondragleave, ondrop(4)拖拽元素与释放区的数据通信:event.dataTransfer.setData(format, data), event.dataTran.原创 2020-11-09 15:52:11 · 162 阅读 · 0 评论 -
css 实现居中
一、水平居中text-align: center; + margin: 0 auto;flex布局(1)容器:flex-direction: row; justify-content: center;, flex-direction: column; align-items: center;(2)项目:根据容器的主轴方向,选择 justify-self: center; 或者 align-self: center;已知容器以及当前元素宽度的情况下,可以使用 margin 以及 calc原创 2020-10-30 22:08:22 · 150 阅读 · 0 评论 -
html href与src的区别
一、hrefhref 超文本引用(Hypertext Reference),用于建立资源和页面间的联系通道常用标签: <a>, <link>在解析包含 href 属性的标签时,浏览器会继续往下走,不会影响后续标签的解析。例如:使用 <link> 标签加载 css 文件时,在解析到 <link> 标签时,浏览器会并发地下载所需文件,不会影响后续解析。(推荐使用 <link> 标签来引入css文件,而不使用 @import)二、srcs原创 2020-10-30 16:13:23 · 206 阅读 · 0 评论 -
css 伪类、伪元素
一、伪类、伪元素的共同点伪类、伪元素存在的原因:css引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说,伪类和伪元素是用来修饰不在文档树中的部分,比如,一句话中的第一个字母,或者是列表中的第一个元素。二、伪元素、伪类的区别**伪类:**伪类用于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根据用户行为而动态变化的。伪元素:伪元素用于创建一些不在文档树中的元素,并为其添加样式。...原创 2020-11-18 11:09:03 · 127 阅读 · 0 评论 -
CSS 知识点汇总
一、简介CSS:Cascading Style Sheets二、CSS选择器元素: div { ... }id: #id { ... }class: .className { ... }子孙: div p { ... } div的所有p子孙子: div>p { ... } div的所有p子结点(不包含孙结点)兄弟: div~p { ... } div的所有p兄弟结点相邻兄弟: div+p div的所有p相邻兄弟结点,只匹配下相邻兄弟属性: [ src$='.pdf' ] 中括原创 2020-10-31 17:06:30 · 173 阅读 · 0 评论 -
javascript 变量的声明与提升
一、var没有块的概念(可以跨块访问,不能跨函数访问)未初始化时默认为 undefined变量提升可重复定义(使用变量提升解释)变量提升var 声明的变量在js中会经历了两个阶段编译阶段进行变量声明提升执行阶段进行赋值下面举几个栗子// 栗子1console.log(value);var value = 8;console.log(value);// js进行变量提升后实际的执行顺序是var value;console.log(value);value原创 2020-12-02 19:48:54 · 160 阅读 · 0 评论 -
javascript 知识点汇总
一、ES6数据类型基本数据类型(6种),引用数据类型(2种)类型检查(3种)类型转换boolean为false的6种情况undefine, null, true/false 转为 number二、对象属性: 自有属性、原型属性属性检测...原创 2020-10-30 10:58:41 · 107 阅读 · 0 评论