Noblesse--CSDN博客

原创解密Chrome 低版本下Vue3 reactive Proxy对象的黑科技：如何避免展开运算符丢失属性！

在本篇文章中，我们分析了Chrome 低版本中使用运算符展开reactive对象时丢失属性的问题。我们发现这个问题是由Chrome 中对运算符展开的实现方式引起的。为了解决这个问题，我们提供了两个解决方案：使用Object.assign()方法或使用toRefs()方法或toRaw()方法。这些方法都可以解决这个问题，因此你可以根据自己的喜好选择其中一个来使用。

2023-03-08 15:41:13 869

转载查看Linux端口占用，并kill掉相关进程

本文介绍Linux常规操作：通过lsof命令和netstat命令查看端口占用进程，根据PID kill掉相关进程。方式二：netstat命令。2、kill方法如下。方式一：lsof命令。

2023-03-08 14:07:21 2382

原创引入driver.js后，为什么点击引导按钮无效了？

driver.js在chrome66上点击失效，原因是'ontouchstart' in document.documentElement执行有误

2023-02-20 16:26:09 705

目录一.安装MySQL8二.设置MySQL密码三.创建新数据库四：添加用户、设置权限1.创建新用户2.给该用户添加权限3.如需查看用户及权限五：解决Node.js mysql客户端不支持认证协议引发的“ER_NOT_SUPPORTED_AUTH_MODE”问题一.安装MySQL8MySQL8的安装方式有很多种，由于CentOS 8 上提供 MySQL 8.0。这个安装通过简单输入dnf install @mysql就可以完成，所以本文以此为例，使用yum等其他方式

2022-02-09 20:30:56 2931 1

转载 node-gyp,sharp.js在linux下安装错误问题

npm install报错Error: EACCES: permission denied, mkdir

2022-02-08 17:46:11 1252

原创 react-native0.62 run-ios启动报错error code 65

萌新入坑了rn，环境真难搞，差点从入门到放弃了，一整天才弄好，记录下困扰了我一天的错误是怎么解决的。新手第一步肯定先按照官网搞demo了，按照官网一步一步来。嗯，没毛病。此处省略（。。。。。。。。。）一顿操作后，终于来到了最后一步，怀着鸡冻的心情执行了启动操作，在模拟器启动完之后。。这是什么鬼异常？然后继续一顿谷歌，按照各种解决方案操作了个遍，环境都重装重跑了几次，没发现任何毛病，仍然报错。后来无意间在rn github讨论区看到一条回复https://github.co

2020-10-22 10:36:39 537

原创 echarts配置，数据动态更新缓存问题优解

经常做可视化开发的童鞋多少会遇到这样一个问题，有时候echarts配置或数据在做频繁动态更新时，会出现一些问题。1.配置更新不生效2.数据错乱3.神奇诡异图表样式错乱的bug有了问题，那么肯定要想办法解决。so，百度一搜，清一色博客提供的思路都是1. 配置、数据每次更新前执行dispose，然后再重新init echarts创建一个新的实例2.执行echarts 的clear方法，然后再重新setOptions抛开性能不谈，这两种方法给用户最直观的感受，就是.

2020-08-20 20:08:18 2398 4

原创 webpack踩坑系列之css-loader的localsConvention属性不生效

在react开发过程中经常需要style in js，因为css的className经常会写成破折号连接，而在js中写的时候看起来则是非常的不优雅。file.css.class-name {}import styles from 'file.css';const dom = () => ( <div className={styles['class-name']}>demo</div>)得想办法把它改掉。首先日常参考webpack官方配置

2020-05-15 14:55:14 2122

原创 webpack踩坑系列之mini-css-extract-plugin

这个插件也有2个坑在里面。第一个，版本兼容坑。在使用mini-css-extract-plugin的0.9.0版本的时候估计是和其他某个插件冲突了，会有这么一个错误No module factory available for dependency type: CssDependency可以尝试降级到0.8.2或者0.8.0版本即可解决第二个，使用了mini-css-extrac...

2020-05-06 17:54:39 15001

原创 webpack踩坑系列之less-loader6.0.0的javascriptEnabled报错解决

webpack踩坑系列之less-loader6.0.0之前的less-loader版本中需要开启javascriptEnabled是这样配置的{ loader: 'less-loader', options: { javascriptEnabled: true }}升级到6.0之后就会报错，像这样一开始还是懵逼的，难道属性被废弃了？然后...

2020-04-30 16:05:06 13673 2

原创 PC端js禁止浏览器缩放

在网上找了很多资料，多多少少都有一些问题，现在重新整理一下。1.网上的资料大多都是按照windows的devicePixelRatio来判断是否缩放的，这个判断不是很准确，因为在mac下，默认的devicePixelRatio是为2的，所以需要根据不同的操作系统来判断缩放比例。devicePixelRatio详细介绍参考张鑫旭老师的博客https://www.zhangxinxu.com/...

2019-08-14 17:12:59 5816 5

原创前端性能优化之重绘与回流

回流当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)；当页面布局和几何属性改变时就需要回流；重绘当render tree中的一些元素需要更新属性，而这些属性只是影响元素的外观，风格，而不会影响布局的，比如background-color。则就叫称为重绘。PS：回流必将引起重绘，而...

2018-10-18 10:41:09 386

原创前端DOM事件整理

1. DOM事件模型：事件捕获，事件冒泡2. DOM事件流：DOM0时代，制定了onclick写法，DOM2增加了addEventListener方法绑定事件（在IE中绑定事件用attachEvent），DOM3中增加了多种事件（鼠标，键盘等）的捕获注：DOM1标准也是存在的，只是没有涉及事件相关的内容DOM事件捕获流程：window -> document -&...

2018-10-18 10:32:32 219

原创 http协议相关知识整理

http协议的主要特点：简单快速（统一资源符uri固定，即一个url地址对应一个资源）无连接（连接完成一次之后会自动断开，不会持久连接）灵活（通过一个http协议可以完成不同类型数据传输）无状态（HTTP协议是无状态协议。无状态是指协议对于事务处理没有记忆能力。缺少状态意味着如果后续处理需要前面的信息，则它必须重传，这样可能导致每次连接传送的数据量增大。另一方面，在服...

2018-10-18 10:21:31 243

原创 js常见继承方式

1. 构造方法继承function parent() { this.name = name;}function child() { parent.call(this); this.type = 'child';}console.log(new child());parent.prototype.say = function() {}console....

2018-10-18 10:14:38 326

原创如何禁用package-lock

如何禁用 package-lock因为 package-lock.json是自动生成的，可以配置 npm 来避免经常需要手动删除这个文件。在当前项目禁用 package-lock.json：echo 'package-lock=false' >> .npmrcecho 'package-lock.json' >> .gitignore在（当前机器的当前用...

2018-10-18 10:08:50 3851

原创微信端 html5 获取设备宽度失效

在ios9 上用 js获取设备宽度或者用会失效，需要加 shrink-to-fit=0详情：https://github.com/bigwheel-framework/bigwheel/issues/25

2017-03-31 17:16:42 1011

原创 Sass和Less的区别

1.变量Sass | Less-----------------+-----------------$color: red; | @color: red;div { | div { color: $color; | color: @color;} | }

2014-10-15 14:44:25 4414

转载 Java split用法

Java split用法 java.lang.string.split split 方法将一个字符串分割为子字符串，然后将结果作为字符串数组返回。 stringObj.split([separator，[limit]]) stringObj 必选项。要被分解的 String 对象或文字。该对象不会被 split 方法

2014-03-31 22:20:19 555

转载 Android 五大布局介绍

Android对用五大布局对象,它们分别是FrameLayout(框架布局),LinearLayout (线性布局),AbsoluteLayout(绝对布局),RelativeLayout(相对布局),TableLayout(表格布局). FrameLayout: FrameLayout是最简单的一个布局对象。它被定制为你屏幕上的一个空白备用区域，之后你可以在其中填充一个单一对象

2013-11-25 18:01:34 578

原创 android Activity之间的跳转

这里主要用的是创建一个Intent对象并调用其相关方法来实现Activity之间的跳转的。主文件如下：/* import相关class */import android.app.Activity;import android.os.Bundle;import android.view.View;import android.widget.But

2013-10-25 18:18:30 652

原创 android获取手机分辨率

这个只需要几步。首先：需要import android.util.DisplayMetrics;然后在onCreate()方法中创建DisplayMetrics的对象，如下：DisplayMetrics dm = new DisplayMetrics();getWindowManager().getDefaultDisplay().getMetrics(dm);此时dm的w

2013-10-24 20:54:46 640

原创 android studio比较eclipse

自从今年谷歌发布新的开发环境android studio后android程序猿很激动。。毕竟这是一个很强大的软件。。它是基于IDEA平台的，所以继承了IDEA的许多优点。两者比较： android studio的提示功能非常强大不需要你去按alt+/，只要代码写到哪里就自动提示，还有补全纠错等功能，非常实用，一定程度上增加了程序猿的工作效率。这点

2013-10-23 19:14:38 1217

原创 android背景色及字体色设置

首先在res/values目录下新建一个drawable的xml文件。里面的值按照：color_value 的样式存放。例如：#000000 #FFFFF 这是常用的方法，当然也可以直接在控件中设置颜色，不过这在编程当中不提倡。背景色设置：在layout里面，也就是属性来引用。字体颜色设置：

2013-10-23 18:42:21 881

原创 android文字标签处理

android:layout_width="wrap_content" //相对位置 android:layout_height="wrap_content" //相对位置 android:gravity="center" android:autoLink="all" //设置为超链接 android:textSize="20dp" //设置

2013-10-23 18:20:25 535

wen81643956的专栏