been_ss-优快云博客

原创小程序引入computed报错：Behaviors should be constructed with Behavior()

小程序引入computed报错：Behaviors should be constructed with Behavior()解决方案：const computedBehavior = require('miniprogram-computed').behavior在引入后面加上.behavior

2021-07-17 11:48:31 1990 1

原创 flutter启动报错：Shader compilation error 解决方案

原因：模拟器渲染错误解决：命令行中先flutter clean 再flutter run重新运行一下

2020-10-21 11:38:47 5356

原创 vue实现移动端适配方案（amfe-flexible和postcss-pxtorem结合）建议收藏

1.amfe-flexibleamfe-flexible是配置可伸缩布局方案，主要是将1rem设为viewWidth/10。2.postcss-pxtorempostcss-pxtorem是postcss的插件，用于将像素单元生成rem单位。3.移动端适配方案vue实现移动端适配步骤如下：先安装amfe-flexible和postcss-pxtoremnpm install amfe-flexible --savenpm install postcss-pxtorem --sa

2020-10-13 15:03:04 27326 12

原创全网最完整的JavaScript迭代器（遍历器）整理长文，强烈建议收藏！！！

全网最完整的JavaScript迭代器（遍历器）整理长文.Iterator,for...in,for...of,for await... of,forEach(),map(),every(),some(),find(),findIndex(),filter(),reduce(),reduceRight()迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部表示。for...of不能遍历object对象

2020-09-27 15:30:47 2909 4

原创 JavaScript设计模式之代理模式-惰性加载大文件

在看此文之前，建议先看前篇JavaScript设计模式之代理模式-实现加载图片loading1.需求假设有一个非常大的js文件，我们只在需要用的时候，才触发去加载它。比如有一个应用于移动端打印日志的控制台，在按F2才加载该文件并打印相关日志。效果如下：2.实现首先我们创建index.html文件，html代码如下：<head> <meta charset="UTF-8"> <meta name="viewport" content="w

2020-09-23 18:03:12 1124 2

原创 JavaScript设计模式之代理模式-频繁发送请求性能优化

在看此文之前，建议先看前篇JavaScript设计模式之代理模式-实现加载图片loading1.需求假设我们在做一个文件同步的功能，当我们选中一个checkbox的时候，它对应的文件就会被同步到另外一台备用服务器上面。2.实现首先我们在html创建n个checkbox：<body> <input type="checkbox" id="1" />1 <input type="checkbox" id="2" />2 <i

2020-09-23 11:55:13 474 2

原创 JavaScript设计模式之代理模式-实现加载图片loading

1.定义代理模式是为一个对象提供一个代用品或占位符，以便空值对它的访问。2.分类虚拟代理：在代理中把一些开销很大的对象，延迟到真正需要它的时候才去创建。缓存代理：为一些开销大的运算结果提供暂时的存储，在下次运算时，如果传递进来的参数跟之前一致，则可以直接返回前面存储的运算结果。保护代理：用于对象应该有不同访问权限的情况。防火墙代理：控制网络资源的访问，保护主题不让“坏人”接近。远程代理：为一个对象在不同的地址空间提供局部代表，在Java中，远程代理可以是另一个虚拟机中的对象。

2020-09-23 11:10:24 553

原创 JavaScript设计模式之策略模式-优化if条件过多

1.定义策略模式的定义是：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。2.策略模式的实现-优化if条件过多以计算年终奖为例子，绩效为S的人年终奖有4倍工资，绩效为A的人年终奖有3倍工资，而绩效为B的人年终奖是2倍工资。如果没有用策略模式，就会写出下面这样的代码：let bonus;if (performanceLevel === 'S') { bonus = salary * 4;} else if (performanceLevel === 'A')

2020-09-22 15:00:31 1752 2

原创 JavaScript设计模式之单例模式-惰性单例实现

1.定义单例模式的定义是：保证一个类仅有一个实例，并提供一个访问它的全局访问点。2.js中单例模式的实现全局变量不是单例模式，但在JavaScript开发中，我们经常会把全局变量当成单例来使用。例如：var a = {}; a既是独一无二也可以全局访问，满足单例模式定义；但全局变量容易造成命名污染，大项目开发时随时有可能被别人覆盖。所以要用以下俩种方式相对降低全局变量带来的命名污染：使用命名空间 var namespace1 = { a: fun...

2020-09-22 10:54:30 669

been_ss的博客