Rainux

Code Is Never Die npm安装了express npm install express 然后出现了错误 npm err ! Error: connect ECONNREFUSED 127.0.0.1:8087 解决办法 npm config set proxy null 然后就OK啦！

Code Is Never Die ！ 常见的一些状态码返回，还是要掌握滴~ 200 OK 请求成功。一般用于GET与POST请求； 301 Moved Permanently 永久移动。请求的资源已被永久的移动到新URI，返回信息会包括新的URI，浏览器会自动定向到新URI。今后任何新的请求都应使用新的URI代替； 302 Found 临时移动。与301类似。但资源只是临时被移动。客户端应继续使用原有URI； 304 Not Modified 未修改。所请求的资源未修改，服务器返回此状态码时，不会返回任何资源。客户端通常会缓存访问过的资源，通过提供一个头信息指出客户端希望只返回在指定日期之后修改的资源； 400 Bad Request 客户端请求的语法错误，服务器无法理解； 401 Unauthorized 请求要求用户的身份认证； 403 Forbidden 服务器理解请求客户端的请求，但是拒绝执行此请求； 404 Not Found 服务器无法根据客户端的请求找到资源（网页）。通过此代码 ...

Code Is Never Die ！ 项目在本地npm run dev跑起来，默认为http://localhost:8080在当前IP下访问没有问题，但是同一局域网下的其他同事却访问不了，显示ERR_CONTENT_LENGTH_MISMATCH，没有办法访问同时直接通过同事电脑访问我的IPhttp://192.168.1.20:8080，也显示连接失败无法访问也无法访问成功。看到网上的解决办法如下：1.package.json中scripts的dev中最后加入--host 0.0.0.0 亲测后无效；2.config下的index.js中的host属性“localhost”改为0.0.0.0 亲测后无效；（备注：可能是上述方法有效，但我的项目未满足条件）我解决问题的办法：1.package.json中scripts的dev中最后加入--host 本机IP；2.config下的index.js中的host属性“localhost”改为本机IP这样的话重新启动项目即可在同一局域网下的其他IP下访问本地项目。PS：注意要把电脑防火墙给关了，这方面也会影响同一局域网下在线访问本机项 ...

Code Is Never Die ！ 真实场景： 昨天在做一个选中与取消选中元素的功能，需要用到频繁push(加入)和remove(移除)元素的操作。 实现思路： 首先需要先判断数组中是否包含即将操作的元素； 若不存在，则将当前元素push至数组中；若存在则将当前所选元素在数组中找到并splice移除； 引入新方法： 根据数组元素的 “值” 来删除数组中当前 “值” 元素。对数组增加内置属性方法： Array.prototype.contains = function(obj) { var i = this.length; while (i--) { if (this[i] === obj) { return i; // 返回的这个 i 就是元素的索引下标， } } return false; } // 数组内置属性方法，定义之后，后面就能直接使用conains方法arr.contains(x)就能得到x在arr数组中的下标var arrList = ['ace&# ...

Code is never die ! 1.0 函数内部的 this 指向 这些 this 的指向，是当我们调用函数的时候确定的 调用方式的不同决定了 this 的指向不同 一般指向我们的调用者 总结如下： 调用方式 this 指向 普通函数调用 window 构造函数调用 实例对象,原型对象里面的方法也指向实例对象 对象方法调用 该方法所属对象 事件绑定方法 绑定事件对象 定时器函数 window 立即执行函数 window 代码： <button>点击</button> <script> // 函数的不同调用方式决定了this 的指向不同 // 1. 普通函数 this 指向window function fn() { console.log('普通函数的this' + this); } window.fn(); // 2. 对象的方法 this指向的是对象 o var o = { ...

Header： 首创不易，还请大家不吝指导赐教，Code is never die！ ps:本着让更多人不止解决问题，更能够学到一点点方法的目的，内容有点赘述，还请耐心。 今天在修改项目时，偶然碰到了 innerHTML 部分知识的使用。直击问题：根据后台返回数据的个数循环动态添加 dom 元素，并且对 dom 元素进行相应的操作（例如：添加、编辑 dom 元素等） for (let i = 0; i < This.dataList.length; i++) { // 此处为每个div添加一个id（为简洁直接以i作为id） dom.innerHTML += `<div id=${i} style="width:200px;height:200px;"></div>`; let domItem = document.getElementById(i); // 此处以添加一个echarts图表为例； domItem.myChart = echarts.init(domItem); ......} ...

Code Is Never Die ! 闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式，就是在一个函数内部创建另一个函数。 function createFunction(){ var result = new Array(); for(var i=0; i<10; i++){ result[i] = function(){ return i; } } console.log('i 的值：'+ i) return result; } 调用函数: createFunction() createFunction()[1/2/3/...]() //代表调用第一个或第二个或第三个,结果都一样 若希望得到预期结果,需要修改原函数: function createFunct ...

单行省略 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;//若无效，可设置display:inline-block//若高度超出被截断，可设置line-height属性 多行省略word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;line-height: 14px;-webkit-line-clamp:4;//只显示4行，用于定义显示几行// 用于英文换行word-break:break-all;

Code Is Never Die !问题： 在做iframe预览PDF文件时，虽然nginx配置了X-Frame-Options SAMEORIGIN,但在iframe中仍然获取不到内容。 介绍：X-Frame-Options HTTP 响应头是用来给浏览器指示允许一个页面可否在 frame , iframe 或者 object 中展现的标记。网站可以使用此功能，来确保自己网站的内容没有被嵌到别人的网站中去，也从而避免了点击劫持 (clickjacking) 的攻击。 只有当用户使用支持X-Frame-Options的浏览器访问文档时，才提供增加的安全性。Content-Security-Policy HTTP头中的frame-ancestors指令会替代这个非标准的header.CSP的frame-ancestors会在壁虎4.0中支持,但是并不会被所有浏览器支持。然而X-Frame-Options是个已广泛支持的非官方标准,可以和CSP结合使用。 X-Frame-Options 有三个可能的值： deny 表示该页面不允许在 frame 中展示，即便是在相同域名的页面中嵌套也不 ...

Code is never die！ 1.卸载 node 本身、删除 nodejs 目录 提示：可以在系统控制面板–>所有控制面板项–>程序和功能 卸载 Node.js 2.手动删除C:\Program Files\nodejs\node_modules(如果你的文件是在这里的话) 3.手动删除C:\users\你的用户名\node_modules(如果你的文件是在这里的话) 这样就能完整卸载电脑上面的 node，然后也可以进行新版本下载附官网地址：下载新版 nodejs Ending…