瞌睡虫～-CSDN博客

原创用div实现编辑器的功能，可ctrl+c使用ctrl+v粘贴进去

废话不多说，直接上代码吧，自己封装的一个小组件，主要是利用contentEditable="true"属性设置div可编辑啊，可以复制文字，图片什么的，我这边是做了样式的处理，返回值是一个dom字符串。代码如下，不懂的留言：import React from 'react';import { connect } from 'react-redux';import moment from 'moment';import PropTypes from 'prop-types';import { f

2022-03-09 15:32:18 677

原创本地assets的图片文件，在使用的时候，本地可以展示，打包404的解决方案

<img style={{ width: '100%', height: '100%' }} src='../../../../../assets/images/doctor.png' />代码这样使用，不管是使用相对路径还是绝对路径，打包都是不可解决方案：webpack的配置，如下，在loader里加上{ test: /\.(jpe?g|png|gif)$/i, //图片文件 use: [ { .

2021-12-02 15:51:20 1050

原创 js实现一个简单的发布订阅模式

/** * 简单发布订阅 * @param {Object}} callback * @returns */export const Observable = { queue: {}, subscribe: function (event, callback) { if (!this.queue[event]) { this.queue[event] = []; } this.queue[event].push(callback); r.

2021-11-25 17:37:20 304

原创 js将平铺展开的数据树化

/** * 将数据序列化为树形结构 * @param {Array} list 树结构数据 * @param {String} id 用于通用遍历树，每种树结构的id取名可能不一样 * @param {Srting} name 用于通用遍历树，每种树结构的pid取名可能不一样 * @param {Srting} name 用于通用遍历树，每种树结构的name取名可能不一样 * @return {[type]} [description] */function se.

2021-11-25 16:23:46 563

原创身份证比较全的正则校验方法（react）

certificate(rule, value, callback, form) { const provs = { 11: '北京', 12: '天津', 13: '河北', 14: '山西', 15: '内蒙古', 21: '辽宁', 22: '吉林', 23: '黑龙江 ', 31: '上海', 32: '江苏', 33: '浙江', 34: '安徽.

2021-11-25 16:21:59 3021

原创 js浅拷贝与深拷贝的区别和实现

如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。1. 如果是基本数据类型，名字和值都会储存在栈内存中var a = 1;b = a; // 栈内存会开辟一个新的内存空间，此时b和a都是相互独立的b = 2;console.log(a); // 1当然，这也算不上深拷贝，因为深拷贝本身只针对较为复杂的object类型数据。2. 如果是引用数据类型，名字存在栈内存

2021-11-25 15:53:16 51

原创前端通过js实现复制功能

<div>快递单号：<span id='order_number'>k190037693773</span> <i @click="copy" class="el-icon-document-copy"></i></div>scriptcopy(){ var strs0=document.getElementById("order_number").innerText; ...

2021-11-25 11:46:50 355

原创 es6总结

01、问：ES6是什么，为什么要学习它，不学习ES6会怎么样?答：ES6是新一代的JS语言标准，对分JS语言核心内容做了升级优化，规范了JS使用标准，新增了JS原生方法，使得JS使用更加规范，更加优雅，更适合大型应用的开发。学习ES6是成为专业前端正规军的必经之路。不学习ES6也可以写代码打鬼子，但是最多只能当个游击队长。02、问：ES5、ES6和ES2015有什么区别?答：ES2015特指在2015年发布的新一代JS语言标准，ES6泛指下一代JS语言标准，包含ES2015、ES2016、ES20.

2021-11-25 11:42:08 364

原创 JavaScript总结

1.JavaScript简介 JavaScript 最开始是专门为浏览器设计的一门语言，但是现在也被用于很多其他的环境。如今，JavaScript 已经成为了与 HTML/CSS 完全集成的，使用最广泛的浏览器语言。有很多其他的语言可以被“编译”成 JavaScript，这些语言还提供了更多的功能。建议最好了解一下这些语言，至少在掌握了 JavaScript 之后大致的了解一下。 2. 变量我们可以使用 var、let 或 const 声明变量来存储数据。 le.

2021-11-25 11:40:55 507

原创 Mac中使用npm install 或者 yarn install下载报gyp错误

Mac中使用npm install 或者 yarn install下载产生如下错误使用以下几个步骤即可解决，亲测有效1.sudo rm -rf ~/.node-gyp2.sudo npm cache clean -f3.sudo npm install -g n4.sudo n stable4.sudo npm i --unsafe-perm

2021-11-17 17:56:32 681

原创 css在原生table实现antd 里Table的固定列

1.定义表格列，给要固定的列加样式position:sticky2.渲染表头3.给表格的tbody里的要固定的操作列加上position：sticky,还有right，top,zIndex注意：给要固定的列加position:sticky,设置right,top,等位置，要固定的列给z-index:2,其余不要固定的列加上z-index:1,即可实现固定列...

2021-08-19 17:49:59 963

原创用js实现new的过程

构造函数function Person(name, age, job) { this.name = name; this.age = age; this.job = job; this.sayName = function() { console.log(this.name); }}var person1 = new Person('langgan', 100, 'software enginner');var person2 = new Person('test', 2.

2021-07-16 15:34:21 291

原创 js中es5和es6的继承

一、es5继承原型链实现思路：通过原型继承多个引用类型的属性和方法，简单点说就说子类的原型是父类的实例function SuperType() { this.property = true;}// 获取父类property属性SuperType.prototype.getSuperValue = function() { return this.property;}function SubType() { this.subproperty = false;}// 如此

2021-07-16 15:17:05 118

原创创建对象的几种方法

首先，说起对象，我们先来看下以下问题粉笔打印出什么？Array instanceof ObjectObject instanceof Object;Function instanceof Object;String instanceof Object;Number instanceof Object;Boolean instanceof Object;Array instanceof FunctionObject instanceof Function;Function instan

2021-07-16 14:45:06 85

转载 Javascript常用的设计模式详解

原文链接：https://www.cnblogs.com一：理解工厂模式工厂模式类似于现实生活中的工厂可以产生大量相似的商品，去做同样的事情，实现同样的效果;这时候需要使用工厂模式。简单的工厂模式可以理解为解决多个相似的问题;这也是她的优点;比如如下代码：function CreatePerson(name,age,sex) { var obj = new Object(); obj.name = name; obj.age = age; obj...

2021-07-14 15:11:21 209 1

原创将数组序列化成tree结构

前言：在日常开发中，经常会对一些平铺的数据进行序列化，下面是个人的总结，写的一个方法，希望对大家有帮助，有问题或者更好的解决方法的话，希望大家多提建议。1、新建一个util.js文件，定义一个序列化的方法：/** * 将数据序列化为树形结构 * @param {Array} list 树结构数据 * @param {String} id 用于通用遍历树，每种树结构的id取名可能不一样 * @param {Srting} name 用于通用遍历树，每种树结构的pid取名可能不一样

2021-07-14 11:50:04 318

原创 8种CSS清除浮动的方法优缺点分析

前言：为什么清除CSS浮动这么难？因为浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还有问题。我根据自己的经验总结8种清除浮动的方法（测试已通过 ie chrome firefox opera，后面三种方法只做了解就可以了）：1、父级div定义height<style type="text/css"&

2021-07-14 11:29:56 95

原创出现跨域问题的原因及其解决方法

1、出现跨域问题的原因：同源策略2、同源策略三同协议相同域名相同端口相同同源策略目的保证用户信息安全，防止恶意网站窃取数据。同源策略是必须的，否则cookie可以共享。3、同源策略目的保证用户信息安全，防止恶意网站窃取数据。同源策略是必须的，否则cookie可以共享。4、同源策略的限制范围cookie、localstorage、indexdb无法读取。 DOM无法获取。 ajax请求不能发送5、规避策略cookie：设置document.do...

2021-07-12 18:40:10 16408

原创 cookie、 sessionStorage 、localStorage

sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的；cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。区别：cookie、session和localStorage的区别1

2021-07-12 18:27:57 207

原创 HTTP与HTTPS的区别

HTTP与HTTPS的区别　　超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息，HTTP协议以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取了Web浏览器和网站服务器之间的传输报文，就可以直接读懂其中的信息，因此，HTTP协议不适合传输一些敏感信息，比如：信用卡号、密码等支付信息。　　为了解决HTTP协议的这一缺陷，需要使用另一种协议：安全套接字层超文本传输协议HTTPS，为了数据传输的安全，HTTPS在HTTP的基础上加入了SSL协议，SSL依靠证书来验证服务器的

2021-07-12 18:26:10 74

qq_41020757的博客