YYT_0109的博客

原创 js数字转汉字

function numbers(n){//阿拉伯字符串数字<=>简写汉字if(!/^([1-9]\d*)/.test(n)){return'数据格式不对';}varunit='千百十亿千百十万千百十个';if(n.length>unit.length){...

原创 七牛云上传图片-Vue+ElementUI使用qiniu-js

<template><divclass="send-messagesBox"><divclass="send-messages"><el-inputtype="textarea":placeholder="XXX"v-model="commentuid"></el-input>...

原创 Vue运用websocket

首先HTTP是不支持持久连接的因此有了websocket==》持久性的连接某一个接口最后和Vuex搭单，效果更佳O(∩_∩)O1.初始化websocket==》initWebSocketconst wsuri = `ws://192.168.18.169:8059/websocket/${localStorage.getItem('userId')}`//这个地址由后端...

原创 函数节流与函数防抖的区别

为解决频繁触发DOM事件eg：滚动scroll事件，不停滑动滚轮会连续触发多次滚动事件，从而调用绑定的回调函数，我们希望当我们停止滚动的时，才触发一次回调，这时可以使用函数防抖函数节流：当达到了一定的时间间隔就会执行一次；可以理解为是缩减执行频率eg：滚动事件是及其消耗浏览器性能的，不停触发，展示新页面的请求，不停滚动，如此反复；...

原创 vue 虚拟dom实现原理和组件data为什么是个函数

virtual-dom(后文简称vdom)在Vue的整个应用生命周期当中，每次需要更新视图的时候便会使用vdom。组件中的data写成一个函数，数据以函数返回值形式定义，这样每复用一次组件，就会返回一份新的data，类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各自的数据。而单纯的写成对象形式，就使得所有组件实例共用了一份data，就会造成一个变了全都会变的结果...

原创 图片懒加载与预加载

图片懒加载原理：暂时不设置图片的src属性，而是将图片的url隐藏起来图片预加载原理：需要展示大量图片，实现图片的提前加载CSS预加载图片方式：#preload-01 { background: url(http://domain.tld/image-01.png) no-repeat -9999px -9999px; } #preload-02 { background...

原创 js基础

1.JS的基本数据类型：undefined 表示不存在这个值null 表示一个对象被定义了，值为空值typeof ==》object这是typeof的一个bug，null是原始值，非引用类型 stringBooleanNumber在验证null时，一定要使用　=== ，因为 == 无法分别 null 和　undefined2.instanceof用于...

原创 总结前端性能优化的解决方案

优化原则和方向性能优化的原则是以更好的用户体验为标准，具体就是实现下面的目标：多使用内存、缓存或者其他方法减少 CPU 和GPU 计算，更快展现优化的方向有两个：减少页面体积，提升网络加载优化页面渲染减少页面体积，提升网络加载静态资源的压缩合并（JS 代码压缩合并、CSS 代码压缩合并、雪碧图）静态资源缓存（资源名称加 MD5 戳）使用 CDN ...

原创 DOM0，DOM2，DOM3事件处理方式区别

DOM0级事件处理方式： btn.onclick = func; btn.onclick = null;DOM2级事件处理方式： btn.addEventListener('click', func, false); btn.removeEventListener('click', func, false); btn.attachEvent("oncli...

原创 axios引入设置cookie缓存跨域问题

import axios from 'axios'import { Loading } from 'element-ui';import store from '../vuex/store' let domain = process.env.API_ROOT;let axiosInstance = axios.create();let loadingInstance//设置cooki...

原创 vue 点击哪年出现对应月的写法

this.months = this.dateObj.year[year].map(item=&gt;item);

原创 vuex

1.下载vuex2.新建vuex目录 store.js import Vue from 'vue' import Vuex from 'vuex' import createPersistedState from 'vuex-persistedstate' Vue.use(Vuex)const state = { user: {},}const ge...

原创 git push 提交成功没出现的问题以及出现port 443: Timed out的解决办法

1.vim .git/config  更改项目地址 2. git status3.git pull4.history 查看历史5.git status6.git log  查看上次提交7.git status 8.git push  提交上去

原创 sublime配置scss

原创 ruby配置scss

ruby -vgemgem install sass 

原创 git与github、gitlab之间的密匙生成以及git应用

github$ git config --global user.name "github用户名"$ git config --global user.email "github邮箱"cd ~/.ssh 如果出错找不到则进入下列==》$ ssh-keygen -t rsa -C "github邮箱"一路回车完后进入本地用户admin中的ssh文件夹找id_rsa 复制到密匙即...

原创 GitLab

GitLab 是一个用于仓库管理系统的开源项目。使用 Git作为代码管理工具，并在此基础上搭建起来的web服务。待更新。。。

原创 百度简单地图

&lt;script typr='text/javascript' src='http://api.map.baidu.com/api?v=2.0&amp;ak=iL5WMYDmujiafQcKZTTXIBqKQNrVako2'&gt;&lt;/script&gt; &lt;div id="allmap" class="map wrapper"&gt;&lt;/div&gt;    &lt

原创 echarts笔记

1.丰富的可视化类型    除了已经内置的包含了丰富功能的图表，可以在在线构建中选择需要的图表类型后自定义构建2.移动端优化3.多渲染方案、跨平台使用    兼容性的完善、配合多种语言 EG node 、python4.多维数据的支持，视觉的丰富多彩...

原创 跨域

跨域跨域时1、主域相同、子域不同使用document.domain=主域名2、主域不同解决办法：1、location.hash2、window.namelocation.hashlocation.hash 是什么：hash 属性是一个可读可写的字符串，该字符串是 URL 的锚部分（从 # 号开始的部分）location.hash原理：1、动态改变location.hash，iframe不会重载2、...