7 十八流选手益达张

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 21w+

查看页面布局及层级小技巧

新建一个书签,然后把一下代码保存到内容中:利用outline属性代替borderjavascript:()=>{ var eles = document.body.getElementsByTagName("*"); var item = []; for (let i = 0; i < eles.length; i++) { if(eles[i].innerHTML.indexOf("html*{outline:1px solid red}") != -1

2020-10-13 23:46:42

判断一个对象是不是数组

1.判断一个构造函数是否为数组类型let obj = [] obj.constructor == Array; //true console.log(obj instanceof Array)2.instanceof obj instanceof Array//缺点:继承自数组 或者原型上有数组的原型也会认为是数组 function test(){}test.prototype = [];let T = new test();T instanceof Array //true3.Object.

2020-10-13 23:35:45

正则匹配某个特定字符开头及结尾

let reg = /{.*?}/glet result = "{11}22{222}".match(reg) //[{'11'},'{222}']

2020-10-13 23:25:44

typescrip基础入门

node 环境配置安装npm i -g typescript (自带编译工具tsc)ts 中的基本类型number:数字-string:字符串-boolean:布尔-Array:数组let num:Array<number>//数字类型的数组 约束 或者 let num:number[]-object:对象-null 和 undefined 是所有类型的子类型 可以通过tsconfig进行配置 进行严格判断let obj:object = {}#其他常用类型-

2020-10-11 16:39:41

前后端分离 用nginx反向代理联调

//nginx.conf 中 server 中配置 server { liseten 3000; #nginx 服务端口; server_name localhost; location / { root html/url #网站根目录 index index.html index.html #默认首页文件 ...

2020-10-01 15:26:17

文件下载携带token鉴权处理

blobDownload(src){ let url = src; let xhr = new XMLHttpRequest(); xhr.open("GET",url,true);//可使用post //此处可设置相应请求头 token xhr.setRequestHeader("token",token) xhr.responseType = "blob";//返回类型; //请求完成处理函数 .

2020-09-28 23:41:51

原生ajax 请求

const request = { ajax(options){ options = options || {}; options.type = (options.type || "GET").toUpperCase(); options.dataType = options.dataType || 'json'; options.async = options.async === undefined?true:options.asyn

2020-09-24 23:29:04

css 小技巧

1.css hover 显示边框导致整个盒子的尺寸变化可以使用 outline: 1px solid #ff0036;2. 文本溢出处理、//单行.single { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}//多行.more { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis;

2020-09-23 23:39:57

滚动条样式调整

1.滚动条设置<style type="text/css"> /* 设置滚动条的样式 */ ::-webkit-scrollbar { width:8px; background-color: #ededed; } /* 滚动槽 */ ::-webkit-scrollbar-track { border-radius:10px; } /* 滚动条滑块 */

2020-09-23 23:37:41

webpak react 工程搭建

##1.前置条件:已安装webpack项目中官方的打包与实际不相匹配,所以重新构建了项目1)npm init 创建package.json 文件。(name 需小写)2)创建webpackage.config.js// 由于 webpack 是基于Node进行构建的,所有,webpack的配置文件中,任何合法的Node代码都是支持的var path = require('path')var htmlWebpackPlugin = require('html-webpack-plugin')/

2020-09-20 21:39:15

弹窗drag 拖拽

let drag = { init(Dom) { this.targetDom = Dom this.dragDrop(); }, dragDrop() { this.targetDom.onmousedown = (e) => { console.log(e) ...

2020-09-20 14:10:11

fetch 踩坑

fetch 在低版本谷歌浏览器使用调用后台接口302fetch 默认不携带cookie ,应该配置参数 credentials:same-origin,详细各种坑:https://www.cnblogs.com/wonyun/p/fetch_polyfill_timeout_jsonp_cookie_progress.html

2020-09-16 23:59:26

好用的时间格式化函数

Date.prototype.format = function (fmt){ var o = { "M+":this.getMonth()+1, "d+":this.getDate(), "h+":this.getHours(), "m+":this.getMinutes(), 's+':this.getSecon...

2020-09-16 23:52:10

了解 node cookie 状态保持

cookie在浏览器端,cookie实际上是一些小文件,可以持久的保存一些数据,通常用它来保存token浏览器可以保存很多的cookie,每个cookie包含下面的信息:key:键value:值domain:域,表达这个cookie是属于哪个网站的,比如duyi.ke.qq.com,表示这个cookie是属于duyi.ke.qq.com这个网站的path:路径,表达这个cookie是属于该网站的哪个基路径的。比如/news,表示这个cookie属于/news这个路径的。secure:是否使用

2020-09-14 23:47:39

函数防抖和节流

防抖 let time= null; document.onmousemove = function (ev) { if (time) { clearTimeout(time) } time = setTimeout(() => { // fn(ev) }, 500) ) };节流 let previous= 0; document.onmousemove = function (ev) { let no

2020-09-14 23:45:57

node 中间件 了解

express中间件模型在某些场景中,对请求的处理可能会经过多个步骤,比如:日志记录、安全验证、权限验证、业务处理,为了分割这些不同的处理,express提供了中间件的模型app.use(function(req, res, next){ console.log("中间件1的处理"); next(); //交给下一个匹配的中间件})// 注意:use中的路径匹配的是基路径,下面的处理函数可以匹配所有以 /news 开头的路径app.use("/news", function(req, re

2020-09-14 00:15:22

窗口拖拽resize

class DragResize { constructor(obj) { // this.rightBottom = obj.rightBottom || true; this.currentDrag = obj.currentDrag; this.isDown = false; } init() { this.handerMove(); this.handerMoveDrag(); this.cancle() } hande.

2020-09-14 00:13:12

拖拽事件API

设置元素属性 draggable=true 即可让元素能够拖放拖放源:被拖放的元素拖放目标:被拖放的元素到达的目标元素拖放源事件:dragstart:拖放源开始被拖放时触发drag:拖放源被拖放的过程中触发dragend:拖放源在拖放结束时触发拖放目标事件:dragenter:拖放源进入元素边界时触发dragleave:拖放源离开元素边界时触发dragover:拖放源在元素内部时不断被触发drop:拖放源被释放到元素内部时触发dataTransfer是拖放事件对象中的一个属性

2020-09-13 21:20:00

echarts 双y轴如何匹配数据

每个series 中添加属性yAxisIndex:0 || 1 0 默认为左边 1 为右边

2020-09-12 22:41:46

使用express 创建web服务器

##http协议简单了解例如:`http://localhost:9527/news?paprotocal:httphostname: localhostport: 9527,如果没有写端口号,默认为80path: /newsquery: ?page=1&limit=10,表示有两个信息传递过来{page:1, limit:10}hash:2,hash一般用作锚链接,服务器一般不需要这个信息如果url地址成功的找到了服务器,客户端会组装一个特别的消息格式发送给服务器,称之为请求

2020-09-12 22:37:52

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv3
    勤写标兵Lv3
    授予每个自然周发布7篇到8篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。