lqiqil的博客

原创 Three使用OimoPhysics实现物体相关物理特性实例

这种光的表现像是无限远，从它发出的光线都是平行的。太阳足够远，因此我们可以认为太阳的位置是无限远，所以我们认为从太阳发出的光线也都是平行的。OimoPhysics是一个轻量级的 3D 物理引擎，网上相关资料好像不是很多。如果你要通过 .setMatrixAt() 来修改实例数据，你必须将它的 needsUpdate 标识为 true。设置接收阴影的颜色，默认为黑色 (0x000000).

原创 Object.freeze()冻结响应式数据提升性能

真实项目中从服务器中拿到大量数据，并将数据呈现在页面当中，再从服务器拿到新数据将旧数据整体替换掉后再更新。若无修改数据当中某一个细节小项需求，此时对于数据当中的每一项无必要监听（但默认监听影响性能）。Vue2中通过defineproperty通过深度递归将数据中每一个字段get()、set()实现响应式数据，Vue3中通过Proxy代理整个对象，同时也做深度递归。深层递归做监听是有好处的，当数据当中某一项中的某一个字段修改后组件也会重新渲染。

原创 Three光线投射实例

用于交互的射线穿过面的背侧时，将不会被检测到。如果需要对物体中面的两侧进行光线投射， 你需要将material中的side属性设置为THREE.DoubleSide。当计算这条射线是否和物体相交的时候，Raycaster将传入的对象委托给raycast方法。coords —— 在标准化设备坐标中鼠标的二维坐标 —— X分量与Y分量应当在-1到1之间。distance —— 射线投射原点和相交部分之间的距离。object —— 检查与射线相交的物体。uv —— 相交部分的点的UV坐标。

原创 Vue项目中动态绑定的src路径不能用相对地址

在template中动态绑定相对地址时，由于webpack不参与打包编译script下js文件（script中值是啥用啥），生成的源代码文件下不会包含img文件夹及对应图片，即webpack整体打包后的目录结构不是项目src对应的目录结构，因而打包文件找不到对应图片地址。非动态绑定时使用相对地址，webpack的vue-template-compile-loader插件打包编译template和style，将其中地址编译后将图片整体打包到img文件夹下，图片格式保存为xxx.hash.jpg。

原创 rem响应式布局

根据Vant3文档postcss-pxtorem：我们在开发的时候写的是px单位，webpack编译时会将其变为rem【需要设置一个基准值】lib-flexible：用于设置基准值Vant组件库按375px设计稿，则其基准值37.5px；若设计稿750px，则其基准值75px...

原创 github提交隐藏私密信息

方式：1.环境变量设置2…gitignoreVuepress搭建博客网站或区块链相关Dapp项目时，提交到GitHub上需要隐藏相关id或助记词。.gitignore下：基于区块链的去中心化应用Dapp开发时助记词等私密信息切记隐藏。使用git提交时即不会将secret.js文件提交，注意需自己将secret.js文件内容另备份保存，否则再次pull拉取代码时会被覆盖。...

原创 Suspense示例

父组件导入子组件：suspense在异步请求数据载入的2s中进行过渡显示loading：使用实例loading.io网站搜索合适的载入等待（付费的）右键检查元素，Edit as html，复制后单独成组件Loading.vueHome组件中导入子组件模板使用suspense实现异步请求等待过程的载入等待效果。...

原创 Vue3使用Swiper

vue版本：C:\Users\boxin>vue -V@vue/cli 5.0.4Swiper版本："swiper": "^6.5.6",1.安装Swiper，指定版本npm install swiper@6.5.6 --saveSwiper部分独立成子组件，新建swiperCom.vue下2.引入swiper组件// Import Swiper Vue.js componentsimport { Swiper, SwiperSlide } from "swiper/vue"

转载 PowerShell：因为在此系统上禁止运行脚本，解决方法

在自己编PowerShell脚本的时候突然遇到这个问题：查了查之后发现是在计算机上启动 Windows PowerShell 时，执行策略很可能是 Restricted（默认设置）。Restricted 执行策略不允许任何脚本运行。AllSigned 和 RemoteSigned 执行策略可防止 Windows PowerShell 运行没有数字签名的脚本。本主题说明如何运行所选未签名脚本（即使在执行策略为 RemoteSigned 的情况下），还说明如何对 脚本进行签名以便您自己使用。有关

原创 跨域请求配置示例

新建文件夹store，其中新建文件index.js定义store为响应式对象：const store={ state:reactive({ message:'hello lkk', duanziList:[] }), setMessage(value){ this.state.message=value }, setDzList(list){ this.state.duanziList=list

原创 webpack运行报错

当下版本（并不匹配）：后续安装一系列包…package.json中进行相关配置：报错：npm ls --depth 0可见包版本不匹配：查询相关资料，卸载项目相关不匹配版本包后安装匹配包版本：此时报如下错：更换vue-loader版本：此时报如下错：根据提示换包版本：打包成功：运行失败（粗心大意，- -hot）:。。。。。。如此生活三十年。。。直到大厦崩塌。。。编译成功：运行成功:查阅相关资料并总结，版本号问题。webpack运行报错

转载 async vs defer attributes

原创 基于Truffle框架开发Dapp初始准备总结

总结一下基于truffle框架的dapp开发基本准备工作，虽然不难但每次写项目都需要查找一次资料还是挺麻烦的，这里总结一个常规的标准化的步骤供自己使用，也供大家参考。默认系统已安装好npm、truffle、metamask等相关工具。1.首先建立项目文件夹，执行truffle init:项目文件夹目录如下：2.执行npm init，将项目转换为npm项目便于管理：执行后项目文件夹目录如下(多了一个package.json文件)：完成前两步已经可以编写智能合约代码了。。。3.根目录下安装

原创 Solidity多维数组(二维)

Solidity中定义多维数组顺序同许多语言不一样，例如Java，C++中定义一个包含5个元素、每个元素都是数组的方式为int[5][]，而Solidity定义多维数组顺序则与之相反，定义一个类型为uint、长度为5的变长数组声明方式uint[][5]。但在访问中Solidity与其他语言顺序一致。例如Solidity访问第3个动态数组的第2个元素，使用x[2][1]，与Java、C++相同。总结即为，在Solidity中定义（声明）多维数组时顺序同Java\C++等主流语言相反，但读取时顺序相同。

转载 解决web3.js1.0安装失败问题

运行 npm install -g web3 --unsafe-perm=true --allow-root

原创 truffle之metacoin示例代码创建问题

今天在学习 truffle ，创建文件夹后下载metacoin的示例代码，执行命令truffle unbox metacoin之前卡在download不动，大概是网络连接问题，但是局限于国内网络，这个网络问题的的原因就有很多了，但通常都不是网线的问题，而是墙的问题。我查了一些博文都是说，用host的去解决这个问题，其实这个治标不治本，也够麻烦。如果用命令的方式不能下载，我们可以用简单直接的方式去下载，去官网直接下载就好了！https://www.trufflesuite.com

转载 Margin在WPF中的用法

这个点原作者写得不错Margin是用来表示控件4条边到所在控件的距离，格式如：Margin=“1,2,3,4”,1代表到left值，2代表到top值，3代表到right的值，4代表到bottom的值。但margin与 HorizontalAlignment，VerticalAlignment，Height，Width 这4个参数有关：当HorizontalAlignment设定left时，margin取left的值，right的值就不起作用了。如果定义right，那么margin取right的值，le

转载 WPF绑定Mode

WPF支持OneWay,TwoWay,OneTime,Default和OneWayToSource等多种绑定模式无论是目标属性还是源属性，只要发生了更改，TwoWay 就会更新目标属性或源属性。OneWay 仅当源属性发生更改时更新目标属性。OneTime 仅当应用程序启动时或 DataContext 进行更改时更新目标属性。OneWayToSource 在目标属性更改时更新源属性。Default：模式根据实际情况来定，如果是可编辑的就是TwoWay,只读的就是OneWay.

转载 WPF中的Style(风格,样式)

在WPF中我们可以使用Style来设置控件的某些属性值，并使该设置影响到指定范围内的所有该类控件或影响指定的某一控件，比如说我们想将窗口中的所有按钮都保持某一种风格，那么我们可以设置一个Style，而不必分别设置每个按钮的风格。Style是作为一种资源被保存下来的. 看下面的例子： <Window.Resources> <Style TargetType="Button"> <Setter Property="Foreground" Value=

转载 WPF中ScrollViewer的属性VerticalScrollBarVisibility、HorizontalScrollBarVisibility值的区别

ScrollViewer.HorizontalScrollBarVisibility 属性获取或设置一个值，该值指示是否显示水平方向的滚动条，默认值为Hidden。ScrollViewer.VerticalScrollBarVisibility 属性获取或设置一个值，该值指示是否显示垂直方向的滚动条，默认值为Visible。其属性值通俗一点讲：Disabled，禁用滚动条。表现在无论内容是否超过父容器大小，都不会显示滚动条，并且滚动鼠标滑轮也不会滑动内容。Auto，自动。内容不超出父容器时，不显示滚

转载 什么是RESTful API？

  要弄清楚什么是RESTful API,首先要弄清楚什么是REST。REST – REpresentational State Transfer，英语的直译就是“表现层状态转移”。如果看这个概念，估计没几个人能明白是什么意思。那下面就让我来用一句人话解释一下什么是RESTful:URL定位资源，用HTTP动词（GET,POST,PUT,DELETE)描述操作。Resource：资源，即数据。...

原创 C#泛型总结

using System;using System.Collections.Generic;using System.Text;namespace Genericity{ class Program { /* 1.什么是泛型 * 2.如何声明和使用泛型 * 3.泛型的好处和原理 * 4.泛型类、泛型方法、泛型接口、泛型委托 * 5.泛型约束 * 6.协变逆变

原创 C#各种方法汇总

方法一：语法糖方法二：经典方法

原创 C#之MVVM框架实现示例

考完研来公司实习一段时间，初学C#及MVVM，今日予以小记。庚子年腊月初二整体文件结构如下：建立数据库，添加相关数据：Person.cs代码：//建立底层对应于数据库的数据模型using System;using System.Collections.Generic;using System.Text;namespace rereview.Models{ //Underlying data model public class PersonModel {

原创 Nmap功能及使用命令简介

NMap，也就是Network Mapper，最早是Linux下的网络扫描和嗅探工具包。nmap是一个网络连接端扫描软件，用来扫描网上电脑开放的网络连接端，确定哪些服务运行在哪些连接端，并且推断计算机运行哪个操作系统。它是网络管理员必用的软件之一，以及用以评估网络系统安全。系统管理员可以利用nmap来探测工作环境中未经批准使用的服务器，但是黑客会利用nmap来搜集目标电脑的网络设定，从而计划攻击的方法。Nmap 以隐秘的手法，避开闯入检测系统的监视，并尽可能不影响目标系统的日常操作。其基本功能有三个：一.

转载 App.xaml

App.xaml 是应用的声明起始点。在VS新建一个WPF应用，就能自动生成一个App.xaml ，同时包含了后台代码文件App.xaml.cs 。这两个文件都是局部类，和Window类非常相似，让你能够使用标记语言和后台代码。App.xaml.cs 扩展了应用类，它是WPF窗口应用的中心类。.NET首先进入这个类的起始指令，从这里启动预想的窗口或者网页。同时这里订阅了重要的应用事件，如应用启动、未处理的异常等等。App.xaml 最常使用的特性是定义全局资源，它们可能会在整个应用里面被使用或者访问，如

转载 BCH新旧地址

Bitcoin Cash从0.16.2版本开始推出了CashAddr格式，老的比特币格式的地址被称为Legacy（遗产）地址，升级节点至0.16.2后，所有的RPC地址展示都用了CashAddr格式，包括listunspent，listtransactions，validateaddress等常用的RPC命令。快速看看BCH新老地址的对比：新地址是和老地址一一对应的，它们对应了同一个私钥，只是换了种写法新地址可以发送余额给老地址，老地址可以发送余额到新地址新地址是大小写不敏感的，可以全部

原创 python中echarts使用之pyecharts

from pyecharts.charts import Barfrom pyecharts import options as optsbar = Bar()bar.add_xaxis(["衬衫", "毛衣", "领带", "裤子", "风衣", "高跟鞋", "袜子"])bar.add_yaxis("销量", [114, 55, 27, 101, 125, 27, 105])bar.add_yaxis("价格", [14, 5, 7, 11, 25, 27, 10])#bar.add_ya

转载 Jupyter Notebook安装与初步使用

Jupyter Notebook是以网页的形式打开，可以在网页页面中直接编写代码和运行代码，代码的运行结果也会直接在代码块下显示的程序。如在编程过程中需要编写说明文档，可在同一个页面中直接编写，便于作及时的说明和解释。组成部分：① 网页应用网页应用即基于网页形式的、结合了编写说明文档、数学公式、交互计算和其他富媒体形式的工具。简言之，网页应用是可以实现各种功能的工具。② 文档即Jupyter Notebook中所有交互计算、编写说明文档、数学公式、图片以及其他富媒体形式的输入和输出，都是以文档的形

原创 echarts的简单使用示例：

echarts的简单使用示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <script src="echarts.js"></script> <!-- 为ECharts准备一个具备大小（宽高）的D

原创 python中使用json

简单使用json模块从html中提取需要的数据：#导入相关模块import jsonimport requests#请求数据地址data=requests.get("https://api.inews.qq.com/newsqa/v1/automation/modules/list?modules=FAutoCountryWeekCompRank,FAutoContinentConfirmStatis,FAutoConfirmMillionRankList,FAutoHealDeadRateRan

原创 python爬虫相关模块使用举例

官方内置爬取模块urlliburllib的request模块可以非常方便地抓取URL内容，也就是发送一个GET请求到指定的页面，然后返回HTTP的响应。基本使用：#导入urllib模块并导入其中request模块import urllib.request#或from urllib import request#请求网站数据response=urllib.request.urlopen("https://www.baidu.com")print(response)#获取网站源码并转码，注意网

转载 区块链预言机

什么是预言机(oracle machanism)？简言之，预言机一般是指将区块链外信息写入区块链内的机制，可以理解为打通现实世界与区块链世界的连接桥梁。因为在智能合约中，虽然价值转移能够由公开可验证的代码驱动和自执行，不再需要信任任何一方，但核心问题在于智能合约只能在收到输入后执行代码并在链上（on-chain）运行，而不能直接进入到链下（off-chain），这就使得上链数据的可靠性成为了核心关键。举个简单的例子，如果在链上部署一个智能合约，规定下一个交易日上证指数到达3000点，脚本就自动从小白账

原创 vue中better-scroll插件的使用

1.安装better-scroll插件2.要使用的页面中引入插件import MScroll from “better-scroll”;3.初始化滚动函数注意先将引用词ref写入所要引用标签中initScroll: function() {this.menuScroll = new MScroll(this.KaTeX parse error: Expected 'EOF', got '}' at position 24: …uWrapper, {});}̲4.调用一般放到create…n

原创 前端几个小问题

(1).怪异盒模型：宽度一旦确认不会再向外延申。padding\margin挤占内容地方。(2).加了float浮动后margin的左右外边距消失(3).margin-top问题：子元素的margin-top会传递给父标签，导致样式紊乱。解决方案：1.给子元素添加浮动2.给父元素添加overflow：hedden3.给父元素添加边框或者padding值(4).高度塌陷问题：父元素没有设置高度，子元素全部浮动，导致父元素高度为0。解决方案：1.给父元素设置高度2.给父元素结尾添加一个空标签

原创 访管中断

原创 第二次机会算法

补充：

原创 多级反馈队列调度算法详解

原创 区块链区块当前难度值计算

。。。

原创 使用子网时分组的转发