- 博客(45)
- 收藏
- 关注
RSS订阅原创 js 函数的length
函数的 length 是 函数的形参个数 形参数量是指在第一个具有默认值之前的参数个数 console.log("==============", function (...arguments) { }.length) // => ============== 0 function () { }.length // => 0 function (c) { }.length // => 1 function (a, b) { }.length //
2021-03-30 09:38:26
1991
原创 vue中如何使用iframe
vue中如何使用iframehtml中<div class="home_container"> <iframe id="iframe" style="width:100%;height:100%" src="https://www.baidu.com/" v-cloak /></div>js部分 mounted(){ // 获取iframe元素 querySelector 返回文档中匹配指定 CSS 选择器的一个元素。 const
2020-10-28 20:14:17
2009
原创 JS addEventListener() 、removeEventListener() 事件监听
JS addEventListener() 、removeEventListener() 事件监听1、参数解读 1.1、element.addEventListener(type，handler，Boolean)type: 事件类型 eg：‘click’ 、‘keyup’、‘keydown’、‘focus’ 等; 注意：是’click’不是’onclick’;handler: 事件执行触发的函数 function(
2020-10-20 20:12:37
1303
原创 CSS实现文本超出隐藏显示省略号
CSS实现文本超出隐藏显示省略号1、强制不换行div{ white-space:nowrap;}2、强制英文单词换行div{ word-break:break-all;}3、单行文本不换行多余文本显示省略号div{ width:200px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}4、多行文本超出隐藏多余文本显示省略号div{ display:-webkit
2020-07-19 20:25:17
3308
原创 vuex
vuex1、什么是vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 我的个人理解是vuex其实就是一个管理数据的工具，通过vuex我们可以解决组件之间数据共享的问题，后期也方便我们管理以及维护2、优缺点优点：
2020-07-13 15:11:15
165
原创 HTTP协议
HTTP 协议1、Http重要性： 无论以后用webserverice，还是用rest做大型架构，都离不开对http协议的认识可以简化的说：webservice=http协议+XMLRest=http协议+json各种API，也一般是用http+XML/JSON来实现的·往小了说：做采集，小偷站，也需要对http协议有所了解以及Ajax对http协议有了了解之后，学习Ajax是非常容易理解的2、什么是协议？&nbs
2020-06-23 22:08:13
223
原创 vue 路由进阶
vue 路由进阶 $router:路有管理对象 $route：每条路有的对象push跳转name+params this.$router.history.push({ name:"路有名称", params:{ "属性名称":{ } } })path+query this.$r
2020-06-22 21:45:39
231
原创 Promise 概念简单介绍
Promise 概念简单介绍1、Promise 是什么？ Promise 是一个对象，对象里存储一个状态，这个状态是可以随着内部的执行转化的。简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。promise 有三种状态：等待中(Pending)、已完成(Fulfilled)、已失败(Rejected)。2、Promise 作用主要用于异步计算可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果可以在对
2020-06-19 21:38:15
850
原创 FormData方法概念
FormData方法概念1、FormData 概念 FormData 接口提供了一种表示表单数据的键值对的构造方式，经过它的数据可以使用 XMLHttpRequest.send() 方法送出，本接口和此方法都相当简单直接。如果送出时的编码类型被设为 “multipart/form-data”，它会使用和表单一样的格式。2、FormData方法append() 向 FormData 中添加新
2020-06-18 22:17:10
832
原创 ES6 对象扩展
ES6 总结（五） 对象扩展1、对象属性的简洁写法属性简写 var foo = "bar"; var baz = { foo }; baz; // { foo: "baz" } // 等价于 var baz = { foo: foo }; function f(x, y) { return { x, y }; // 等价于： return { x: x, y: y };
2020-06-17 19:34:38
238
原创 ES6 数组扩展
ES6 总结（四） 数组扩展1、数组创建Array.of() 将参数中所有值作为元素形成数组。 console.log(Array.of(1, 2, 3, 4)); // [1, 2, 3, 4] // 参数值可为不同类型 console.log(Array.of(1, '2', true)); // [1, '
2020-06-16 18:17:10
156
原创 ES6 函数扩展 箭头函数
ES6 总结（三）函数扩展1、默认参数与不定参数1）默认参数基本用法： function fn(name,age=17){ console.log(name+","+age); } fn("Amy",18); // Amy,18 fn("Amy",""); // Amy, fn("Amy"); // Amy,17 注意点：使用函数默认参数时，不允许有同名参数。 // 不报错 function fn(nam
2020-06-15 22:28:38
218
原创 ES6 数值拓展、Math 、Number 对象扩展
ES6 总结（二） 内容大纲： 1、数值扩展 2、Number 对象新方法 3、Math 对象的扩展1、数值扩展常量 Number.EPSILON ,属性表示 1 与大于 1 的最小浮点
2020-06-14 18:26:56
257
原创 ES6 知识点
ES6 总结（一） 内容大纲： 1、ES6 概念 2、let、const和var的区别 3、解构赋值 4、模板字符串、字符串拓展方法1、ES6 概念？ 
2020-06-14 18:07:35
275
原创 vue 基础之组件通信
vue 基础之组件通信1、vue组件通信的三种传值方式父传子子传父兄弟组件传值2、父传子在父组件Father.vue <template> <div> <!-- 在父组件中使用该组件 定义一个key 然后是要传递的值 --> <Son msg="hello word" /> </div> </template> &l
2020-06-11 22:36:37
171
原创 vue 过滤器的使用
vue 过滤器 小结1、vue 过滤器概念 Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。注：过滤器实质不改变原始数据，只是对数据进行加工处理后返回过滤后的数据再进行调用处理。2、vue 过滤器基本使用 过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“|”符号指示：
2020-06-10 21:03:48
235
原创 vue 路由总结
vue 路由总结 使用vue-cli安装不需要另外安装路由，只需要在安装时候选择Manually select features，然后选到router按下空格就行1、 vue路由分为前端路由和后端路由在 router 文件夹下的 index.js文件中const router = new VueRouter({ // 给 属性值改为 hash 或者注释掉 默认就是前端路由 // mode: 'history', // 属性值为 histor
2020-06-09 18:38:54
382
原创 数组,字符串方法总结
数组,字符串方法总结数组方法Array.map() 此方法是将数组中的每个元素调用一个提供的函数，结果作为一个新的数组返回，并没有改变原来的数组 let arr = [1, 2, 3, 4, 5] let newArr = arr.map(x => x*2) //arr= [1, 2, 3, 4, 5] 原数组保持不变 //newArr = [2,
2020-06-08 22:23:28
272
原创 前端面试题小结
前端面试题小结1.HTML5的离线储存怎么使用，工作原理能不能解释一下?在HTML5中，利用浏览器cache缓存机制来离线存储一些资源，可以让用户在离线的情况下也能浏览Web App的部分页面。优势：离线浏览、已经缓存的资源加载得更快、减少服务器负载（浏览器将只从服务器下载更改过的资源）在html中头部加入一个manifest属性 ... 2. 在cache.manifest文件里编写要离线储存的资源CACHE MANIFEST#v0.11// 表示离线储存的资源列表，由于包含ma
2020-06-08 21:57:26
708
原创 vue axios 封装及使用
axios 封装 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。1、首先创建 vue 项目，安装 axiosvue create democd demonpm i axios vue-axios -S &n
2020-06-07 21:21:45
4619
1
原创 webpack 基础及简单应用
webpack 基础及简单应用1、什么是 webpack？ WebPack可以理解为模块打包工具。简单的说，它就是将浏览器不能识别的语言，打包成浏览器可直接运行的格式。起初只能打包js文件，后来可以打包任何文件。 在前端模块化开发，使用第三方的文件往往需要进行额外的处理才能让浏览器识别，所以需要前端打包工具。 &nb
2020-06-06 22:02:23
145
原创 Mockjs 及其模块语法
Mockjs 及其模块语法1、Mockjs是什么？ Mock.js 是一款模拟数据生成器，旨在帮助前端攻城师独立于后端进行开发，帮助编写单元测试。提供了以下模拟功能： 根据数据模板生成模拟数据 模拟 Ajax 请求，生成并返回模拟数据  
2020-06-04 20:34:01
1007
原创 Git 进阶 SSH 协议
Git 进阶 SSH 协议1、SSH 是什么？ Git是一个版本管理工具，SSH是一种安全认证协议。 SSH，相当于“接头暗号”，在没有通信设备的时候，可以靠两个人之间接头来互通信息。为了接头的人是对的人，就用到了接头暗号。ssh协议跟接头暗号类似，双方正式通信前，出示事先确定的凭证(接头的时候是暗号，就是ssh，是一串很长的英文字符)，然后与自己的比对，如果一致
2020-06-03 19:37:34
257
原创 Git 提交 vue 教程
Git 提交 vue 教程1、安装 vue 项目可以先配置 cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org`然后安装 vue 脚手架 npm install -g @vue/cli 创建项目 vue create 项目名2、码云提交本地项目 2.1、创建一个远程仓库点击右上角加号，点击新建项目填写项目信息注：
2020-06-02 17:12:20
2293
原创 Gitee 码云代码托管中心
Gitee 码云代码托管中心1. 注册账号码云首页：码云首页码云注册页面：码云注册页面2. 创建项目 2.1. 创建远程仓库点击右上角加号，点击新建项目通GitHub 差不多，填写项目信息注：可见性即：是否开源，选择公开； 去除 使用Readme 文件初始化这个项目出现远程仓库链接地址
2020-06-01 20:14:50
338
原创 Git 分支相关知识点
Git 分支相关知识点1、什么是 Git 分支 Git 分支就是指用多个线程来提交任务。这样就减少了开发过程中的问题，一个分支出现问题不会影响其他分支。提高了开发效率。1、 Git 分支操作步骤 1.1、 查看分支git branch -v 1.2、创建分支git branch 分
2020-06-01 19:26:21
190
原创 vue Echarts 仪表盘案例
vue Echarts 仪表盘案例 1、main.js 页面 import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' import echarts from "echarts"; Vue.config.productionTip = false;
2020-05-31 16:42:48
2346
原创 vue 中 EChart 的使用，柱状图实例
vue 中 EChart 的使用，简单实例1、npm 安装 ECharts命令： npm install echarts --save2、引入 ECharts在 main.js 中通过 import echarts from "echarts"; Vue.prototype.$echarts = echarts;3、定义盒子存放图表 <template> <div class="home"> <!-- 定义的容器 -->
2020-05-30 12:09:19
1506
1
原创 Git 如何使用 下
Git 如何使用 下1、Git 推送到远程仓库的良好总方式 1.1 第一种 直接在代码托管平台创建远程仓库，然后将本地仓库代码提交到远程仓库过程： 1、在 GitHub 上创建一个远程仓库 2、通过 &nb
2020-05-29 21:13:43
664
原创 Git 概念及如何使用
Git 概念及如何使用1、Git 的概念 Git 是一个版本管理工具 , 只在本地使用的一个版本管理工具，其作用就是可以让你更好的管理你的程序2、GitHub GitHub 是一个基于Git的远程代码托管平台（网站），可以在github上建立一个远程库，可以将本地库的代码提交到远程库，这样你的每次提交，别人也都可以
2020-05-28 22:36:04
122
原创 ECharts 如何使用
ECharts 如何使用1、获取Echarts可以在Echarts官网去下载，选择需要的版本下载，根据开发者功能和体积上的需求，提供了不同打包的下载，如果在体积上没有要求，可以直接下载完整版本。开发环境建议下载源代码版本，包含了常见的错误提示和警告。可以直接使用CDN引入通过 npm 获取 echarts，npm install echarts - -save可以在 ECharts 的GitHub 上下载2、引入Echarts &n
2020-05-28 22:08:11
586
原创 大数据可视化技术：可视化技术概述与Echarts入门
⼤数据可视化技术：可视化技术概述与Echarts⼊⻔ 1. 数据可视化的概念 使用计算机创建图形图表，可视化提取出来的数据，将数据的各种属性和变量呈现出来。我们熟悉的那些饼图、直方图、散点图、柱状图等，是最原始的统计图表，它
2020-05-28 00:00:26
3553
原创 Markdown 语法
1. Markdown 是什么？ Markdown 是一种轻量级标记语言，它使用易懂易写的纯文本格式编写文档，更清楚明了的展示文档内容。2. Markdown 语法？ Markdown 是一种轻量级标记语言，它使用易懂易写的纯文本格式编写文档，更清楚明了的展示文档内容。  
2020-05-27 23:06:31
122
原创 vue响应式原理
vue响应式原理什么是响应式 响应式就是指页面内数据发生变化时，页面会重新渲染。vue响应式原理 vue在组件被初始化之后，会遍历data中的所有数据，用Object.defineProperty 将它们转为getter/setter并且在内部追踪相关依赖。当data中属性被访问和修改时通知变化，每个组件的观察
2020-05-10 19:25:22
161
原创 基本数据类型和引用数据类型的区别
基本数据类型和引用数据类型的区别1、储存位置不同 a、基本数据类型存放在栈中，它们的值直接存储在变量访问的位置。 栈是有先进序列的，在栈中存放的类型空间占位固定，都是16进制数，这样有利于查找。 b、引用数据类型存放在堆中，栈中有地址、门牌号指向堆中的变量。 因为堆中的数据大小不一，无序，杂乱，不能把它放在栈中，否则会降低变量查寻的速度，所以放在变量的栈空间中的值是该对象存储在堆...
2020-04-22 17:38:20
629
原创 vue指令
vue基础-----vue指令v-textv-text 能够整体更新节点的内容，如果需要部分更新则需要用{{textContent}}插入 <template> <div> <span v-text="msg" ></span> || 上下两种写法作用相同 ...
2020-03-12 21:00:41
230
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人