js
关注
分享
扫一扫
simple578
这个作者很懒，什么都没留下…
展开
-
如何理解纯函数是没有副作用的函数
https://blog.youkuaiyun.com/yucan1001/article/details/7184107原创 2022-01-05 20:07:58 · 580 阅读 · 0 评论 -
nodeJS安装和环境变量的配置
https://www.cnblogs.com/coder-lzh/p/9232192.html原创 2021-06-03 15:26:40 · 175 阅读 · 0 评论 -
HTTPS的加密原理
https://zhuanlan.zhihu.com/p/43789231原创 2021-05-08 17:34:28 · 182 阅读 · 0 评论 -
什么是前端组件化开发
为什么要组件化开发有时候页面代码量太大，逻辑太多或者同一个功能组件在许多页面均有使用，维护起来相当复杂，这个时候，就需要组件化开发来进行功能拆分、组件封装，已达到组件通用性，增强代码可读性，维护成本也能大大降低。组件化很大程度上降低系统各个功能的耦合性，并且提高了功能内部的聚合性。这对前端工程化及降低代码的维护来说，是有很大的好处的，耦合性的降低，提高了系统的伸展性，降低了开发的复杂度，提升开发效率，降低开发成本。前端组件化的原则专一性一个组件只专注做一件事，且把这件事做好。可配置性一个组件，原创 2021-04-27 19:22:20 · 639 阅读 · 0 评论 -
quchong
Array.prototype.uniq = function () { var arr = []; var flag = true; this.forEach(function(item) {// 排除 NaN (重要！！！) NaN 和自身不相等 // 除了NaN 其他数据 和 自己都 相等 if (item != item) { // 只有第一次找到NaN 把他放进数组里面 flag && arr.indexOf(item) =原创 2021-04-16 14:46:14 · 159 阅读 · 0 评论 -
vuex的工作流程
2、对vuex的简单理解每一个 Vuex 应用的核心就是 store，里面又包括:（1）state（数据）：用来存放数据源，就是公共状态;（2）getters（数据加工）：有的时候需要对数据源进行加工，返回需要的数据；（3）actions（事件）：要执行的操作，可以进行同步或者异步事件（4）mutations（执行）：操作结束之后，actions通过commit更新state数据源（5）modules：使用单一状态树，致使应用的全部状态集中到一个很大的对象，所以把每个模块的局部状态分装使每一个模原创 2021-04-07 14:55:14 · 1858 阅读 · 0 评论 -
node版本管理工具
首先把gnvm.exe文件（gitee上搜）放在node安装根目录下，然后执行命令更新gnvm update latestnode版本控制相关命令gnvm install 14.16.0 //下载指定node版本gnvm ls //查看本地有哪些node版本gnvm use 14.16.0 //使用指定版本node -V//就可以查看切换到指定版本了...原创 2021-03-27 16:12:40 · 369 阅读 · 0 评论 -
什么是脚本语言
脚本语言是读一行执行一行、而无需关注下一行的语言，非脚本语言则是必须读取整个源程序内容、建立完执行环境后执行的语言。原创 2021-03-25 19:03:42 · 348 阅读 · 0 评论 -
中国标准时间转时间戳
function dateToMs(date) {let result = new Date(date).getTime();return result;}const data1_timestamp = dateToMs(data1);console.log(‘timestamp’, dateToMs(data1)); // > timestamp 1578653565000原创 2021-02-17 15:41:43 · 997 阅读 · 0 评论 -
解决VUE项目ES6不兼容IE浏览器问题
1、 安装插件babel-polyfillnpm install babel-polyfill2、在你的VUE项目的src目录下找到main.js添加下面一行代码： //解决IE浏览器ES6的问题 import 'babel-polyfill';3.最后，重新打开浏览器，应该就能兼容打开页面了。...原创 2021-01-05 10:50:02 · 1204 阅读 · 0 评论 -
实现div宽度拖动
<template> <div class="box" ref="box"> <div class="left"> 左侧div内容 </div> <div class="resize" title="收缩侧边栏"> ⋮ </div> <div class="mid">原创 2020-12-25 11:30:12 · 602 阅读 · 0 评论 -
toFixed
使用toFixed必须是数字Number(scope.row.latefee).toFixed(2)原创 2020-12-22 21:14:26 · 344 阅读 · 0 评论 -
nodejs的npm安装模块时候报错：npm ERR! Error: CERT_NOT_YET_VALID的解决方法
nodejs我就不介绍了，牛逼的东东，他非常强大。最近在centos6.4简化版的安装了node最新版，但是执行：[root@localhost ~]# npm install -g supervisornpm http GET https://registry.npmjs.org/supervisornpm http GET https://registry.npmjs.org/supervisornpm http GET https://registry.npmjs.org/supervisor原创 2020-11-17 10:24:55 · 495 阅读 · 0 评论 -
解决webstorm加载卡顿问题
file-settings-editor-file types 最下面一行里面写上node_modules原创 2020-09-27 11:41:32 · 689 阅读 · 0 评论 -
事件委托
件委托：把一个元素响应事件的函数委托到另一个元素，一般来说是把一组元素或者一个元素的事件委托到它非父层或者更外层元素上，真正绑定事件的是外层元素，当事件想用到需要绑定的元素上时，会通过冒泡机制从而触发它的外层元素的绑定事件，然后在外层元素上去执行函数；function delegate(element, eventType, selector, fn) { element.addEventListener(eventType, e => { let el = e.target原创 2020-09-25 11:42:36 · 142 阅读 · 0 评论 -
雅虎35条军规
摘要：无论是在工作中，还是在面试中，web前端性能的优化都是很重要的，那么我们进行优化需要从哪些方面入手呢？可以遵循雅虎的前端优化34条军规，不过现在已经是35条了，所以可以说是雅虎前端优化的35条军规。已分类，挺好的，这样对于优化有一个比较清晰的方向内容部分1、尽量减少HTTP请求数80%的终端用户响应时间都花在了前端上，其中大部分时间都在下载页面上的各种组件：图片，样式表，脚本，Flash等等。减少组件数必然能够减少页面提交的HTTP请求数。这是让页面更快的关键。减少页面组件数的一种方式是简化页原创 2020-09-21 21:50:14 · 440 阅读 · 0 评论 -
vue的api中的$el
this.$el.querySelector原创 2020-09-09 11:35:34 · 391 阅读 · 0 评论 -
解决webstorm卡顿问题
找到WebStorm.exe.vmoptions这个文件，路径如下webstorm安装主目录>bin>WebStorm.exe.vmoptions更改为第二行：-Xms526m第三行：-Xmx1024m（ps：这里-Xms最大值不能超过1024，否则webstorm将无法打开）最后重启即可。...原创 2020-09-06 16:12:08 · 313 阅读 · 0 评论 -
router.beforeEach的用法简单介绍
router.beforeEach一般在main.js里面使用:这里做补充说明下两个参数,to: 下一个页面/即将要进入的目标form: 当前页面//这里是main.js里面router.beforeEach((to, from, next) => { var channel = utils.getUrlParam('channel', from.fullPath) || '' if (channel) { localStorage.setItem('channel', c原创 2020-07-27 10:24:24 · 17354 阅读 · 0 评论 -
原型链和作用域链的区别
1、作用域是对于变量而言，原型链是对于对象的属性。2、作用域链顶层是window，原型链顶层是Object。原创 2020-07-22 12:11:26 · 568 阅读 · 1 评论 -
npm install 包下载不下来的情况
1 .使用cnpmnpm install --save svg-baker-runtime/browser-symbol2 .带/下不下来可以分开下npm install --save svg-baker-runtime/browser-symbol分成npm install --save svg-baker-runtimenpm install --save browser-symbol原创 2020-07-08 08:49:30 · 6459 阅读 · 1 评论 -
上下左右移动元素
<html><script src="http://code.jquery.com/jquery-1.8.2.js"></script><script> $(function () { var imgId = "img1"; var dist = 100; // 一次移动10px var interval = 200; // 动画完成时间 // div内部的宽度、高度原创 2020-06-27 23:40:57 · 302 阅读 · 0 评论 -
固定表头
<!DOCTYPE html> <!-- 不加此标签，IE不生效 --><html><head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"原创 2020-06-27 22:12:16 · 324 阅读 · 1 评论 -
js实现左右自动切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js实现左右自动切换</title> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script></head><style> .b2 {原创 2020-06-27 22:10:32 · 581 阅读 · 0 评论 -
单页面应用 VS 多页面应用
原创 2020-06-17 17:07:28 · 183 阅读 · 0 评论 -
Form Data与Request Payload 请求格式的区别
前言做过前后端联调的小伙伴，可能有时会遇到一些问题。例如，我明明传递数据给后端了，后端为什么说没收到呢？这时候可能就会就会有小伙伴陷入迷茫，本文从chrome-dev-tools（F12调试器）中看到的FormData与RequestBody，给小伙伴们提供一种可能的思路。也给小伙伴们提供一些问题的探究方法。简介什么是FormData？什么是RequestPayload？不解释，直接上图：区别？Request Payload更准确的说是http request的payload body。一般用在转载 2020-05-29 17:37:48 · 1954 阅读 · 0 评论 -
时间戳转成标准格式
handleSearchTime(d){ return d.toISOString().substring(0,10)+ ' '+d.toTimeString().substring(0,9);},原创 2020-05-15 09:34:00 · 769 阅读 · 0 评论 -
elementui中table中自定义修改时间格式
<el-table-column show-overflow-tooltip prop="crteTime" :formatter="formatDate" label="创建时间" min-width="150" align="center" />formatDate(row, column) { // 获取单元格数据 console.log("row",row.crteTime) let data = row.crteTime if(data === null) {原创 2020-05-11 17:58:58 · 969 阅读 · 0 评论 -
定义变量的时候不要用var，用let
定义变量的时候不要用var，用letvar length = 10;function fn() { console.log(this.length); console.log(this)}var obj = { length: 5, method: function (fn) { fn(); arguments[0](); ...原创 2020-05-07 11:05:05 · 255 阅读 · 0 评论 -
URI和URL的区别比较与理解
URI<1>什么是URIURI，通一资源标志符(Uniform Resource Identifier， URI)，表示的是web上每一种可用的资源，如 HTML文档、图像、视频片段、程序等都由一个URI进行定位的。<2>URI的结构组成URI通常由三部分组成：①访问资源的命名机制；②存放资源的主机名；③资源自身的名称。<3>URI举例如：ht...原创 2020-05-07 10:57:51 · 225 阅读 · 0 评论 -
js中函数和方法的区别
当将函数和对象和写在一起时，函数（function）就变成了方法（method）。原创 2020-05-06 23:49:24 · 586 阅读 · 0 评论 -
请求拦截器和响应拦截器
请求拦截器请求拦截器的作用是在请求发送前进行一些操作，例如在每个请求体里加上token，统一做了处理如果以后要改也非常容易。关于拦截，这里只说原理，前端的请求，最终还是离不开 ajax，像vue 的 vue-resource 、axios，都只是对ajax进行了统一的封装，它暴露出来的拦截器，其实就是写了一个方法，把ajax写在这个方法里面，（我们先说请求拦截器哈）在执行这个方法的时候，先将请...原创 2020-05-06 16:33:33 · 2842 阅读 · 0 评论 -
Object.assign()
Object.assign()拷贝当对象中只有一级属性，没有二级属性的时候，此方法为深拷贝，但是对象中有对象的时候，此方法，在二级属性以后就是浅拷贝。原创 2020-05-03 12:44:12 · 159 阅读 · 0 评论 -
三元运算符的嵌套
var display_state = (state == null ? “未用” : (state == true ? “在用” : “停用”))原创 2020-04-29 10:36:13 · 1249 阅读 · 0 评论 -
【meta 标签的 http-equiv="X-UA-Compatible" 使用说明】
http-equiv=“X-UA-Compatible” 使用说明1. X-UA-Compatible 存在的意义: 指定 IE 浏览器 解析网页时 使用哪个版本 (文档模式)2. X-UA-Compatible 的 使用示例3. 双核浏览器 兼容思路 (搭配 meta 标签)https://blog.youkuaiyun.com/VickyTsai/article/details/102819227...转载 2020-04-28 16:42:49 · 294 阅读 · 0 评论 -
vue路由的两种模式
hash与history 对于Vue 这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-router存在的意义。前端路由的核心，就在于——— 改变视图的同时不会向后端发出请求。一、为了达到这个目的，浏览器提供了以下两种支持：1、hash ——即地址栏URL中的#符号（此hsah 不是密码学里的散列运算）。 比如这个URL：h...原创 2020-04-25 21:59:03 · 4953 阅读 · 0 评论 -
为什么0.1+0.2不等于0.3
永远不要直接比较两个浮点的大小https://segmentfault.com/a/1190000012175422原创 2020-04-23 21:14:13 · 193 阅读 · 0 评论 -
简单理解Vue中的nextTick
https://www.jianshu.com/p/a7550c0e164f原创 2020-04-23 18:43:07 · 191 阅读 · 0 评论