Fan.loong-CSDN博客

原创 vue + gojs 实现拖拽流程图（实战项目）

在项目开发一期的时候我用的不是go.js,而用的是一款轻便的流程插件jsplumb.js,它也集成了各种功能性API，但是在开发二期的时候它的内部功能已经满足不了需求了，所以我就开始在网上查找流程插件，看了很多插件，比如：G6，D3 等这些可视化流程插件都是不能满足需求。一、首先，看到效果图里的内置多点和其他模块单点连线问题，其他插件是无法这个满足需求的，可能我没有深入去了解其他的流程插件吧，但是go.js里内置点连线可以让开发者很快的理解代码逻辑，不用耗费大量的时间去想点与点的连线。

2023-03-03 17:23:18 7837 25

原创 JS 原型与原型链详解（深度学习）

原型：每个js对象（除null）创建的时候，都会与之关联另一个对象，这个对象就是我们说的原型，每一个对象都会从原型中“继承”属性。原型链：将原型的实例赋值给另一个对象，另一个对象再赋值给其他的对象，在实际的代码中对对象不同的赋值，就会形成一条原型链。

2023-04-09 13:03:42 394

原创常见的 https http 请求资源问题

意思是：- “Mixed Content”问题，在 https 网站中发起的 http 请求被禁止，这是因为 chrome 提高了用户安全策略，保护用户免受不安全下载的侵害(点击这里查看 chrome 文档 Protecting users from insecure downloads)http 协议的网站中允许访问 https 协议的资源。注意：https 协议的网站中不允许存在 http 协议的请求。#解决https请求http资源不可用的情况。

2023-04-03 17:16:00 689 2

原创 js中call,apply,bind方法的简单总结

1、apply 、call、bind 三者都是用来改变函数的 this 对象的指向的；2、apply、call、bind 三者第一个参数都是 this 要指向的对象；3、apply、call、bind 三者都可以利用后续参数传参；4、bind 是返回对应函数，便于稍后调用；apply 、call 则是立即调用。

2023-04-03 15:33:26 556

原创 js老生常谈的this指向问题

JS中，this的值取决于调用的模式（调用对象），而JS中共有4种调用模式

2023-04-03 00:03:59 119

原创 html css简单实现九宫格布局，自适应屏幕

html css实现九宫格布局，自适应屏幕，子元素之间、子元素与父元素之间的上下左右间距。

2023-04-02 21:20:34 1919

原创 js 实现数组对象去重时某个键值唯一并取最大值（小算法）

js 实现数组去重，要求某键值唯一，去重时根据某个number类型值取最大的项 (小算法)

2023-04-02 21:02:20 301

原创深入浅出 em、rem、 px的区别

px、em、rem的区别

2023-03-21 21:04:59 114

原创 js继承的几种方法和es6继承方法

一、原型链继1.基本思想利用原型链来实现继承，超类的一个实例作为子类的原型2、具体实现3.优缺点1）优点简单明了，容易实现实例是子类的实例，实际上也是父类的一个实例父类新增原型方法/原型属性，子类都能访问到2）缺点所有子类的实例的原型都共享同一个超类实例的属性和方法无法实现多继承在创建子类的实例时不能向父类的构造函数传递参数二、构造函数继承1。基本思想通过使用call、apply方法可以在新创建的对象上执行构造函数,用父类的构造函数来增加子类的实例2、具体实现3.优缺点。

2023-03-20 09:00:00 173

原创 vue2和vue3的区别（深度篇）

vue2和vue3的普遍性区别

2023-03-17 09:23:43 1422

原创针对性解决npm ERR! cb() never called! 问题

在开发项目安装依赖时（npm install）往往会报 npm ERR!一、首先要以管理员模式打开cmd清除你的npm缓存 : npm cache clean -f。二、清除完缓存后，安装最新版本的Node helper： npm install -g n。让我们再次运行安装： npm install。然后执行以下 npm install -g n --force。三、告诉助手（n）安装最新的稳定版Node：n stable。以上是开发遇到的一个小问题，如有不足可以随时提出。

2023-03-17 09:17:16 805

原创 vue使用菜单路由时报错问题

vue报错vue-router.esm.js?8c4f:2007 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}

2023-03-13 23:23:47 277

原创 ElementUI 解决遇到的一些问题

element-ui 经常遇到的问题

2023-03-13 23:18:53 378

js 原型对象和原型链理解

js函数的原型对象constructor默认指向函数本身，原型对象除了有原型属性外，为了实现继承，还有一个原型链指针__proto__，该指针指向上一层的原型对象，而上一层的原型对象的结构依然类似，这样利用__proto__一直指向Object的原型对象上，而Object的原型对象用Object.__proto__ = null表示原型链的最顶端，如此变形成了javascript的原型链继承，同时也解释了为什么所有的javascript对象都具有Object的基本方法。原型对象的用途是为每个实例对象存储共享的方法和属性，它仅仅是一个普通对象而已。并且所有的实例是共享同一个原型对象，因此有别于实例方法或属性，原型对象仅有一份。在js中，对象在调用一个方法时会首先在自身里寻找是否有该方法，若没有，则去原型链上去寻找，依次层层递进，这里的原型链就是实例对象的__proto__属性。有一句话说的好：如果你不能把一个很复杂的东西用最简单的话语描述出来，那就说明你没有真正的理解对原型对象和原型链的描述让我受益匪浅。上面文件仅用一个对比性的例子来说明。谢谢大家支持。

2023-04-05

「JavaScript」JS四种跨域方式详解

一、通过jsonp跨域在js中，我们直接用XMLHttpRequest请求不同域上的数据时，是不可以的。但是，在页面上引入不同域上的js脚本文件却是可以的，jsonp正是利用这个特性来实现的。二、通过修改document.domain来跨子域浏览器都有一个同源策略，其限制之一就是第一种方法中我们说的不能通过ajax的方法去请求不同源中的文档。它的第二个限制是浏览器中不同域的框架之间是不能进行js的交互操作的。三、使用window.name来进行跨域 window对象有个name属性，该属性有个特征：即在一个窗口(window)的生命周期内,窗口载入的所有的页面都是共享一个window.name的，每个页面对window.name都有读写的权限，window.name是持久存在一个窗口载入过的所有页面中的，并不会因新页面的载入而进行重置。四、使用HTML5中新引进的window.postMessage方法来跨域传送数据 window.postMessage(message,targetOrigin) 方法是html5新引进的特性，可以使用它来向其它的win

2023-04-04

vue中computed 和 watch的异同！

一、computed 和 watch 都可以观察页面的数据变化。当处理页面的数据变化时，我们有时候很容易滥用watch。而通常更好的办法是使用computed属性，而不是命令是的watch回调。二、computed：在vue的模板内（{{}}）是可以写一些简单的js表达式的，很便利。但是如果在页面中使用大量或是复杂的表达式去处理数据，对页面的维护会有很大的影响。这个时候就需要用到computed 计算属性来处理复杂的逻辑运算 1.优点：在数据未发生变化时，优先读取缓存。computed 计算属性只有在相关的数据发生变化时才会改变要计算的属性，当相关数据没有变化是，它会读取缓存。而不必想 motheds方法和 watch 方法是的每次都去执行函数。 2.setter 和 getter方法：（注意在vue中书写时用set 和 get） setter 方法在设置值是触发。 getter 方法在获取值时触发。三、watch：虽然计算属性在大多数情况下是非常适合的，但是在有些情况下我们需要自定义一个watcher，在数据变化时来执行异步操作，这时watch是非常有用的。

2023-04-02

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人