Lmx!-CSDN博客

原创 HTML5+JavaScript制作一个简单的烟花页面

思路分析想要编写一个烟花程序，首先要了解一个烟花燃放的过程。可以看到烟花燃放时，内侧的火花较暗而外层的火花明亮。烟花在燃放时会将火药炸开，这些火药飞溅被点燃就出现了烟花，通过加入一些金属使烟花带有丰富的色彩。编写一个烟花程序就是模拟这个爆炸的过程。首先在屏幕上实现丰富色彩很简单（rgba，三元色+透明度），重要的就是模拟爆炸时的这些火药飞溅的情况。这种飞溅的火花效果可以通过一些简单的图形（圆形、方形）移动和变化来得到。分析到这些就可以开始制作了。这是大体的思路，如果要提高烟花的逼真程度还是需要一些细

2021-02-22 20:32:47 10397 4

原创 python多线程threading

threading介绍这个是模块在较低级的模块 _thread 基础上建立较高级的线程接口，大多数情况我们使用threading就够用了。多线程的应用场景是进行多个任务处理时。由于线程是操作系统直接支持的执行单元，我们可以通过建立多个线程来实现多个任务的处理，使它们同步进行（宏观看起来是这样的，实际上是各个线程交替工作）。threading用法（文档地址）threading.active_count() 返回当前存活着的Tread对象个数threading.current_thread() 返回

2021-02-14 20:54:49 779 2

原创 nodejs将图片的像素值提取出来将RGBA转换成16位彩色

RGBA由4*8bit组成（255， 255， 255，255），16位彩色为2*8bit组成。16位彩色需要两个字节来描述颜色，它的16个比特中，想要将RGBA转换成16位彩色就是将RGBA中的RGB转换成16位彩色中的RGB，转换的方式简单粗暴直接去低位（32位RGB转16位彩色会降低精度），也就是。这样就得到了一个16位的颜色描述，但对于硬件设备中要用的还不太一致，微控制器一般是用两个字节来表示16位的，因此需要将16位的数据拆分成两个8位。

2023-01-12 11:46:29 1228 1

原创 electron实现动态菜单

编写桌面应用时，时常遇到需要动态菜单的情况，尤其是在使用应用的桌面托盘菜单时。经常需要根据前一次的操作来动态生成菜单。例如，一个应用有两种模式，专业模式和简单模式，专业模式拥有比普通模式细粒度的控制效果，相应的拥有更多的菜单项。而简单模式，一键操作菜单项较少。那么怎样通过菜单选择一个模式，然后动态的生成对应模式的菜单呢？

2022-12-08 15:48:20 908 1

原创 Dart环境安装

flutter环境安装，dart运行及使用

2022-10-18 10:21:15 966

原创无法加载文件 C:\Users\Lmx\AppData\Roaming\npm\yarn.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fw

vscode终端执行命令报错解决。无法加载文件 C:\Users\Lmx\AppData\Roaming\npm\yarn.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置行:1 字符: 1

2022-10-06 17:31:57 868

原创 Vue的devtools工具打包

vuejs/devtools源码打包

2022-04-12 10:09:43 4362 1

原创 VScode设置代码模板片段

VScode设置代码模板片段找到用户代码片段点击文件->首选项->用户片段选择你要设置的代码模板的文件格式这里修改c语言文件的模板生成模板进入网站，设置输入你的模板将生成好的模板复制粘贴到VScode的配置中调用在C语言的文件中输入c回车就OK了...

2022-03-24 11:54:02 1735 1

原创 JavaScript的执行过程

JavaScript的执行过程执行上下文栈（Execution Context Stack，简称ECS）js执行的调用栈，当js代码执行时，这段代码会入栈，执行完成会出栈。全局执行上下文（Global Execution Context，简称GEC）js运行时创建的执行上下文函数执行上下文（Functional Execution Context，简称FEC）在函数执行时创建的执行上下文，包含函数的AO对象、作用域链、绑定的this[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直

2022-03-17 13:38:48 313

原创 js引擎执行js代码的过程

js引擎执行js代码的过程html解析浏览器下载网页时，浏览器内核解析html。当遇到script标签时，下载js代码并将js代码以流的形式传递给js引擎让js引擎进行js代码的解析。语义语法分析首先js引擎会对js代码进行扫描，进行语义分析和语法分析，如果语义或语法出现问题则直接报错停止解析。当通过语义和语法分析后，对js进行编译和预编译；编译和预编译编译时会将变量和函数加入到全局对象(Global Object)中。但此时的变量并没有赋值，变量赋值操作是发生在运行期间的，函数则会创建一个函数

2022-03-16 10:12:28 551

原创 Maven安装配置

Maven安装配置设置环境变量将maven地址配置到环境变量设置Maven仓库地址打开conf中的settings文件修改localRepository标签设置国内的maven镜像打开conf中的settings文件修改mirror标签 <mirror> <id>aliyunmaven</id> <mirrorOf>central</mirrorOf> <name>阿里云central仓

2022-02-19 18:49:17 226

原创使用鼠标滚轮实现网页横向滚动

function tabelScorll(step){ let leftPosition = 0 let tableBody = document.getElementById('table_body') tableBody.addEventListener('mouseover', ()=>{ leftPosition = tableBody.childNodes[2].scrollLeft }) tableBody.addEventListener('mousewhee

2021-12-02 08:52:54 1690

原创 Vue生产环境打包关闭Devtools工具

Vue生产环境打包关闭Devtools工具const isDebug_mode = !(process.env.NODE_ENV === 'production' || process.env.NODE_ENV === 'staging') //关闭开发工具Vue.config.debug = isDebug_modeVue.config.devtools = isDebug_modeVue.config.productionTip = isDebug_mode如果不是生产或测试环境关闭测试工

2021-11-24 11:19:20 2902

原创下载二维码

downloQRcode() {//下载二维码 let div = document.getElementsByClassName('qrcode') downloadFile(this.qrcodeName, div[0].getElementsByTagName('img')[0].src)},function downloadFile(fileName, content) {//下载 let aLink = document.createElement('a'); let blo

2021-11-24 11:11:19 222

原创 js Excel前端生成下载， Excel后端生成下载

js Excel前端生成下载， Excel后端生成下载Excel前端生成下载import XLSX from 'xlsx'function openDownloadDialog(url, saveName) { if(typeof url == 'object' && url instanceof Blob) { url = URL.createObjectURL(url); // 创建blob地址 } var aLink = document.createE

2021-11-22 16:06:13 664

原创 JavaScript严格模式

JavaScript严格模式为什么使用严格模式消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;消除代码运行的一些不安全之处，保证代码运行的安全；提高编译器效率，增加运行速度；严格模式的限制不能使用未声明的变量不允许删除变量或对象不允许变量重名不允许使用八进制不允许使用转义字符不允许对只读属性赋值不允许对一个使用getter方法读取的属性进行赋值变量名不能使用 “eval” 字符串:不允许使用以下语句:with (Math){x = cos(2)}

2021-10-19 14:02:37 114

原创 async和await使用

async和await使用这是es8中新增的关键字，用来使异步操作变成同步async修饰函数，await修改表达式（一般后面为一个Promise对象）async函数声明它是一个异步函数，await只能在async函数中使用。await的作用是等待异步操作结束直接拿到异步操作成功的结果，异常可以使用try……catch来进行捕获。await后面一般跟Promise对象，如果不是Promise则将这个表达式的结果作为成功的Promise返回，是Promise则返回成功的结果..

2021-10-18 14:13:36 102

原创 JavaScript中的call，apply，bind的区别

JavaScript中的call，apply，bind的区别共性call，apply，bind都是为显示改变this的指向不同点call和apply的不同主要在参数上。call和apply的第一个参数都是要让this指向的对象。call的第二个及以后的所有参数是被改变this指向的函数的参数列表。apply的第二参数是一个数组，数组中的内容是函数的参数列表。function foo(a, b) { console.log(this) console.log(a + b)}l

2021-10-15 11:08:32 71

原创 js时间戳转时间

js时间戳转时间function timesTamp(createdAt) {//时间戳转时间；时间戳->yyyy-mm-dd hh:mm:ss var date = new Date(createdAt); let Y = date.getFullYear() + "-"; let M = (date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1) +

2021-09-26 09:11:19 399

原创 CSS3 2D转换

CSS3 2D转换进行2D转换使用的属性使用transform属性可以进行一些二维的图形变换，如：平移、旋转等translate(x, y)，移动方法，使元素从当前位置向x和y方向移动相应的像素距离rotate§，旋转方法，使元素相对于当前位置旋转p角度（一般使用deg为单位，度）scale(w, h)，缩放方法，使元素相对原来的宽度和高度缩小或放大相应的倍数scaleX(w)，缩放宽度，scale方法的一部分使元素的宽缩小或放大scaleY(h)，缩放高度，scale方法的一部分使元素的高

2021-09-13 14:15:57 65

原创 CSS3动画属性

CSS3动画设置CSS3动画的一般流程设置关键帧将关键帧绑定到元素上设置动画的播放时间关键帧动画设置使用@keyframes [名称] 的形式来定义关键帧。使用form……to……来设置（动画时间开始到结束的样式）使用百分比来规定整个播放时间中各个百分比时的样式示例：@keyframes example{/*第一种方式*/ form {font-size:50px} to{font-size:30px}}@keyframes example{ 10%{

2021-09-13 10:10:15 250

原创使用js获取url中的参数并返回一个对象

使用js获取url中的参数并返回一个对象今天写一个原生的html需要进行url的参数提取，为了方便以后用到时直接用将这个方法记录在此。思路：使用window.loaction.href获取到当前页面的链接，然后对这个url字符串进行处理。这些处理的前提是你要了解url，url由协议、域名、路径、查询字符串等组成。我们要提取得参数也就是查询字符（qurey）是连接在？后面的键值对且用&符合分割。我们处理要做的事情就是将这些键值对提取出来并组装成对象。function getUrlParams(u

2021-08-24 11:45:03 1807

原创 CSS隐藏滚动条，保留滚动功能

CSS隐藏滚动条，保留滚动功能原理：设置父级为溢出隐藏，而子级不进行溢出隐藏设置同时改变子级的宽度使进度条溢出到父级外面。设置父级overflow:hidden;是为了使父级溢出隐藏。再设置子级的y轴方向可以滚动，然后设置子级的宽度使得滚动条溢出父级元素，达到隐藏滚动条的效果（实际上是滚动条溢出）示例：<div style="height: 500px; border:solid 2px red; overflo

2021-08-18 11:23:26 2999

原创 npm安装模块时需要使用管理员权限，怎样做才能一劳永逸？

npm安装模块时需要使用管理员权限，怎样做才能一劳永逸？使用每次使用npm安装都需要用管理员身份运行的话，是很麻烦的这种情况多半是node安装的问题，node程序没有写的权限权限。报错如下找的node的文件夹更改权限即可找的nodejs文件夹右键找的属性里面的安全添加修改权限即可。再次安装成功！可。再次安装成功！...

2021-08-15 17:07:39 9147 7

原创 vue脚手架安装时出现Error EPERM operation not permitted这个错误

vue脚手架安装时出现Error: EPERM: operation not permitted这个错误**原因：**出现这个错误是因为安装全局模块时没有管理员权限，需要以管理员身份运行命令提示符窗口。在搜索框中输入cmd然后右键以管理员身份运行，再次安装即可再次运行命令查看是否安装成功...

2021-08-14 18:56:10 1524

原创 Windows系统下nodejs的安装，配置，淘宝镜像使用

nodejs安装下载nodejsnodejs下载地址LTS为稳定版，另一个是最新的开发版，选择稳定版即可。nodejs安装下载好安装包后双击安装直接next选择要安装的盘一直next下去即可。判断是否安装成功win+R调出命令行窗口输入node -v回车如果显示出node的版本号，则安装成功，如下图：查看node的包管理工具是否安装，输入npm -v,显示如下则安装成功。修改默认的缓存和全局包存放路径查看一下node的默认配置，输入npm config l

2021-08-14 18:22:11 1718

原创 JS数组高阶函数

JS数组高阶函数map函数（映射函数）此函数的作用是遍历数组或对象中每一个元素，对每一个元素进行统一的处理。map函数接受一个参数。参数的类型为function，返回值是一个数组。函数决定了对每个元素进行何种操作，函数有一个参数代表数组中的每一个元素let a = [1,2,3,4,5]console.log(a.map(item => item * item))//[1,4,9,16,25]console.log(a.map(function (item){ return item

2021-07-12 12:14:53 131

原创 flex布局

flex布局常见父项属性flex-direction：设置主轴方向（默认row）；row：从左到右；row-reverse：从右到左；column：从上到下；column-reverse：从下到上；justify-content：设置主轴上的子元素的排列方式（默认flex-start）；flex-start：从头部开始；flex-end：从尾部开始；center：在主轴居中对齐；space-around：平分剩余空间；space-between：两端对齐；flex

2021-06-10 22:21:53 50

原创 Less学习

Less（css预处理器）学习less的优势css使用不能看出html节点的嵌套结构，less的嵌套可以看出html的结构less提高的是程序员的编码效率，而不是运行的速度。Less的使用方式直接引入，style标签要做引入的less.js之上（这种方式是运行时编译，会降低网页的加载速度）。使用考拉编译less，将整个.less文件编译成css文件使用node.js或各种脚手架Less的使用注释方式//不会编译到css中/**/会编译到css中Less中的变量

2021-06-10 22:15:31 131

原创 Vue的v-if与v-show的区别

Vue的v-if与v-show的区别v-show和v-if都可以通过判断条件来决定页面的某个组件的是否在页面上显示，但它们在原理上却并不相同。了解它们的原理可以是我们写出更高质量的页面。v-ifv-if是条件渲染语句，它是真正的条件渲染。根据if后面的条件来决定某个组件是否要渲染出来，它的渲染需要view model进行一系列的操作这也意味着使用v-if进行条件渲染的更改需要做多的事件，它需要操作dom而v-show不需要。v-showv-show本质上是通过display：none来实现组件的显

2021-05-27 10:32:36 72

空空如也

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

TA关注的人

react Chrome插件开发者工具 react-devtools

vue-devtools，打包后文件 Vue devtool vue 开放者工具

Vue开发者工具，Chrome插件

h5+JavaScript 烟花demo

minidwep-gtk-40420.zip

pyinstaller-readthedocs-io-en-stable.epub

2021年408统考大纲

空空如也