- 博客(27)
- 收藏
- 关注
RSS订阅原创 常用日期时间格式化总结
使用常用的时间插件moment.js来获取当前时间moment.js支持字符串、Date、时间戳以及数组等格式，可以格式化日期时间，计算相对时间，获取特定时间后的日期时间等等yy YY 都是代表当前年份MM 当前月DD 获取几号dd 获取星期几,比如今天星期四，d 值为4，dd 值为 四，ddd 值为周四，dddd 值为星期四hh 12h制的时 HH 24h制的时mm 分钟ss 秒 import moment from 'moment'
2020-08-06 16:02:09
824
原创 路由跳转，router-view不显示组件页面的几个可能出现的问题及解决方案
遇到的问题：路由变化，父组件有router-view的情况下子组件页面不显示，查了诸多方案，最终是因为路由跳级的原因；代码如下：router.js MyRoutes：{ path: '/', name: '首页', component: Salary, children: [ { path: 'other', name: '其他数据', // component: EmployeeSalary,//没有这个
2020-07-22 18:16:41
11615
3
原创 数据结构与算法（四）之树结构（偏向JS）
数据结构（四）说明：本文基于哔哩哔哩视频【JavaScript数据结构与算法】整理树（tree）概念：n（n>=0） 个节点构成的有限集合特性：非线性，一对多。查找较快概念术语：root：根，用 r 表示空树：n=0子树：subtree节点的度 degree :子树个数父节点，子节点，兄弟节点节点度: 子节点的个数树的最大度：树的深度叶子节点：没有子节点的节点路径和路径长度：路径包含的边为路径长度节点层次：规定 根节点在一层，其他的是其父节点加一树的深度：
2020-06-19 13:58:52
216
原创 数据结构与算法（四）之哈希结构（偏向JS）
数据结构（四）说明：本文基于哔哩哔哩视频【JavaScript数据结构与算法】整理哈希表（hash）它的结构是数组，是通过一种哈希函数将 hashcode，转化成数组的下标特性：相对于数组，优点：插入、查询和删除的操作，效率非常高；缺点：无序，不能重复，空间利用率不高；相关概念哈希化：将很大的数字转化成数组范围内下标的过程（取余操作）；哈希函数：将单词转化为大数字hashcode(幂的连乘相加，避免重复)，大数字再进行哈希化的代码，封装在一个函数里；优秀哈希函数的目标
2020-06-19 11:45:00
202
原创 数据结构与算法（三）之集合，字典（偏向JS）
数据结构（三）说明：本文基于哔哩哔哩视频【JavaScript数据结构与算法】整理集合（Set ） es6中包含的类）（通常由哈希表实现） ※ ※ ※ ※特点:无序（没有下标），不允许重复的数组（类似）图示：来自网络常见集合的操作add(value)：向集合添加一个新的项。remove(value)：从集合移除一个值。has(value)：如果值在集合中，返回true，否则返回false。clear()：移除集合中的所有项。size()：返回集合所
2020-06-19 11:01:57
210
原创 数据结构与算法（二）之单向链表和双向链表（偏向JS）
数据结构（二）说明：本文基于哔哩哔哩视频【JavaScript数据结构与算法】整理链表（linked List）类似于数组（数组在有些语言叫链表）插入删除性能高相较于数组的优点： 内存不必要是一整块的内存空间（无序，没有下标），大小可以无限延伸链表内的元素由 元素本身和指向下一个元素的指针【引用或者连接】组成；相当于 火车，火车头+车厢+连接，每一节车厢和连接处相当链表中的元素常见的操作append(element)：向列表尾部添加一个新的项insert
2020-06-19 10:36:56
230
原创 数据结构与算法（一）之数组，队列，栈（偏向JS）
数据结构（一）说明：本文基于哔哩哔哩视频【JavaScript数据结构与算法】整理一、基本概念：数据的组织方式二、生活中的实例：图书的摆放，快递分发三、常见的数据结构注意事项（操作性能不同：查询速度、插入、范围查找、重复性）※ ※※ ※ ※ 是重点，每个编程语言都提供的数据类型JS 是API的使用者，对数据结构接触不多；数组（Array） ※ ※ ※ ※ ※线性结构 查找性能较高（利用下标，有序）或者较低（基于内容）插入效率低操作： 长度
2020-06-19 10:10:47
241
原创 bus中央事件总线
公交事件总线bus ,指的是一个空的Vue实例， bus=new Vue({}),用于组件之间的 简单通信。一、$emit1、bus $emit（‘自定义事件名’,要传送的数据）；触发当前实例上的事件，要传递的数据会传给监听器。二、on1、bus.on1、bus.on1、bus.on(‘事件名’,callback) --------------------callback回调$emit要传送的数据；eg：routerJsonChange 这个事件是实例自带的。bus._events打印结果中
2020-05-09 16:08:26
701
原创 cookie的设置、获取、清除
博客中有很多，记录下自己看过的比较认可的目前还有点问题document.cookie //为空失效时间是在当前时间之后的 <label>cookie名：</label><input id="cookie_key" type="text" /> <br /> <label>cookie值：</label>...
2020-04-27 15:24:38
666
原创 浏览器存储（cookie、localStorage、sessionStorage）记录
三者的区别作用大小是否会发送给浏览器值的类型存储时间cookie1. 存储用户信息，获取数据需要与服务器建立连接。2.可存储的数据有限，且依赖于服务器，无需请求服务器的数据尽量不要存放在cookie中，以免影响页面性能4096字节+（每条4k）附加在请求头中发送“menu=[{%22path%22:%22/home%22%2C%22…}]; (此处有空格) t...
2020-04-27 15:10:58
265
原创 前端性能优化之 CDN 学习
参考百度及各位前辈的笔记做出如下总结什么是CDNCDN的全称是Content Delivery Network，即内容分发网络。CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。CDN具有以下主要功能：...
2020-04-24 11:48:37
342
原创 模块化 相关知识（commonJS、CMD和AMD）
模块化 相关知识：在ES6还未被浏览器所支持的情况下，commonjs作为ES6中标准模块加载方案，在客服端中的支持情况并不好，现在在客服端中有2种模块化的解决方案，CMD和AMD，他们的代表分别为seajs和requirejs（是一个JavaScript模块加载器）。commonjs的目标是制定一个js模块化的标准，它的目标制定一个可以同时在客服端和服务端运行的模块。这些模块拥有自己独立...
2020-04-23 18:18:15
128
原创 Vue-cli3 中，配置开发环境、测试环境、预发环境、生产环境等环境下的打包 (以预发环境为例)
package.json**的scripts中添加 “pre”: “vue-cli-service build --mode pre”在项目根目录添加文件“.env.pre”，其内容：NODE_ENV = 'pre‘相当于 NODE_ENV = 'production' VUE_APP_TITLE = 'pre'//（通过改变process.env.NODE_ENV值区分打包环境，...
2020-04-23 18:12:02
928
原创 webpack之 devserver 配置
//vue-cli3.0 里面的 vue.config.js做配置devServer: { proxy: { '/rng': { //这里有一个 / target: 'http://172.168.16:8081', // 后台接口域名 ws: true, //如果要代理 websockets，配...
2020-04-23 14:37:48
603
原创 解决报错! [rejected] master -> master (non-fast-forward) error: failed to push some refs to 'git@
在执行命令 git push origin master 时，报错 ! [rejected] master -> master (non-fast-forward) error: failed to push some refs to '[email protected]:***‘
2020-01-22 15:51:06
2700
原创 移动前端自适应
移动前端自适应解决方案常见需求：在不同的移动终端设备中实现 UI设计稿的等比例适配。rem 指字体相对于根元素htmlL的大小单位。假设设计稿是宽750px来做的，假定 根节点的font-size为100px，得出设备宽为7.5rem。设计稿中标注的px数值都可以换算成px/100的rem值。设备宽度非750px的设备里，就需要用JS对font-size做动态计算。该设备中 ...
2019-12-20 15:19:46
169
原创 jq的链式编程调用.end()方法;
jq的链式编程调用.end()方法;code<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2019-12-19 21:11:55
238
原创 JS清除选中内容的方法
JS清除选中内容的方法常用于拖动滚动条的时候，不希望有内容被选中在谷歌、火狐、Opera浏览器中我们可以很容易的通过 window.getSelection().removeAllRanges() 清除选中的内容，在IE中我们可以通过 document.selection.empty() 来清除选中的内容。 window.getSelection ? window.getSelection(...
2019-12-18 16:55:50
1058
原创 offset,scroll,client三大系列
offset 偏移offsetWidth是指div的宽度（包括div的边框）offsetWidth = width + padding + border；offsetHeight是指div的高度（包括div的边框）offsetHeight = Height + padding + border；offsetLeft是指div到整个页面左边框的距离（不包括div的边框）...
2019-12-18 16:38:38
113
原创 onmouseover、onmouseenter、onmouseleave、onmouseout的区别
onmouseover、onmouseenter、onmouseleave、onmouseout的区别onmouseover和onmouseenter都是鼠标移入该元素的时候触发的事件，如果打开页面的时候鼠标刚好在该元素上面，onmouseenter就没有被触发，而onmouseover会被触发，因为onmouseenter只有在鼠标进入该元素的瞬间才会被触发。onmouseleave和onm...
2019-12-17 16:34:04
331
原创 使用js函数判断年份是否为闰年
四年一闰2004；百年不闰1900-----或者 四百年再闰2000 function isLeapYear(year) { return (year % 4 == 0 && year / 100 != 0) || (year % 400 == 0) } console.log(isLeapYear(2004...
2019-12-17 13:35:16
2150
原创 Mac下Nginx无法停止
我尝试关闭nginx，但是127.0.0.1:8080依然可以访问Nginx启动、重启、停止相关命令1、进入Nginx安装目录进入安装目录cd /usr/local/Cellar/nginx/1.15.7/bin2、查看配置文件是否正确sudo ./nginx -t3、启动Nginxsudo ./nginx//其实打开终端直接使用命令 sudo nginx 也可以快速打开4、重...
2019-12-16 17:54:54
1200
原创 height:100vh
关于 height:100% 和 height:100vh的区别vh就是当前屏幕可见高度的1%，也就是说height:100vh == height:100%;当元素没有内容时候，设置height:100%，该元素不会被撑开，此时高度为0，但是设置height:100vh，该元素会被撑开屏幕高度一致。...
2019-12-12 12:51:52
408
原创 豆瓣API 不能访问的解决方法
豆瓣API 不能访问的解决方法在参数中添加apikey：apikey=0b2bdeda43b5688921839c8ecb20399b例如访问 https://api.douban.com/v2/movie/top250?apikey=0b2bdeda43b5688921839c8ecb20399b成功返回{ "count": 20, "start": 0, "t...
2019-12-11 20:12:20
2152
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人