- 博客(33)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 electron打包vue3项目为可执行程序
甲方爹：？我方领导：OJBK👌。项目基于vue3，要求：封装成win系统可执行程序。提示：以下是本篇文章正文内容，下面案例可供参考整个过程下来大概还会存在一些资源打包之后访问不到或者方法报错的情况，需要一一解决，比如css文件访问不到和国际化方法报错，需要配置打开开发工具，打断点一个个解决。
2024-12-12 16:23:12
1405
原创 elementui table滚动分页加载
事件中，我们通过当前的 page 和 pageSize 计算已经加载的数据范围，并更新 tableData 以添加新数据。如果加载的数据超过了 total，则停止加载数据。在使用 Element UI 的 Table 组件时，如果需要实现滚动分页加载的功能，可以通过监听 Table 的滚动事件来动态加载更多数据。属性，使其具有固定高度并可以滚动。在这个例子中，我们设置了表格的。事件，当表格滚动到底部时，触发。
2024-12-04 17:38:08
1487
6
原创 electron打包dist为可执行程序后记【electron-quick-start】
甲方爹：BS=>CS？我方领导：OJBK。项目是普普通通的vue项目，要求封装成arm64的Linux可执行程序。提示：以下是本篇文章正文内容，下面案例可供参考总的流程走下来挺顺利的，坑不算多。我方领导：😊。甲方爹：退出应用的时候能不能加个确认框？确认退出应用后电脑关机...。我方领导：OJBK。
2024-04-17 17:45:48
2100
5
原创 JavaScript双for循环，判断对象数组的阈值重合。
实例对象数组 let intersection = [{1,3}, {2,5}, {-3,7}, {6,9}]。对数组 Arry = [a, b, c, d, e] 进行循环。
2023-11-09 10:55:54
154
原创 vue2和vue3的区别【持续更新】
vue有非常棒的官方文档，基本上看了就会用，其实没有再写博客的必要。因为最近在开发vue3的项目，所以初衷是为了系统性的归纳一下常常用到的内容，作为总结提炼的同时也和大家一起分享...
2022-11-05 11:03:25
776
原创 vue3表格实现列设置
优化空间：1.加入全选按钮提升体验 2.tree加入拖拽实现数据列的位置调整（tree具备多级，表头也存在多级，tree组件有禁止拖入配置）。1.element-plus主要组件：Tree 树形控件、Popover弹出框。实现原理：通过改变表头渲染的数据theadList控制表格数据的渲染。2.table表格的渲染要是通过数组渲染。
2022-09-06 16:18:03
1207
原创 vue3父组件直接调用子组件的方法 ＜ script setup＞ 中
【代码】【vue3父组件直接调用子组件的方法 < script setup> 中】
2022-09-01 16:10:15
957
原创 jQuery动态添加内容
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>表格添加行列</title></head><body><table> <tbody id="test"> </t...
2019-10-13 23:49:59
521
原创 为什么说尽量少的操作DOM树？
首先。想像一个场景，班上新来了几个同学，然后班主任让他们站在外面，开一次门放进来一个，然后介绍，是不是觉得这个班主任很烦？为什么不一次性都叫进来，对不对？DOM修改导致的页面重绘、重新排版！重新排版是用户阻塞的操作，同时，如果频繁重排，CPU使用率也会猛涨！浪费资源影响性能。所以，如果是相同的操作，那就把结果执行完先放进一个对象里，再一次性把结果给插入到DOM中，这样就只执行了一次DOM结...
2019-08-07 16:43:18
590
2
原创 this
目录语法talk about "this"全局环境函数（运行内）环境简单调用bind方法箭头函数作为对象的方法原型链中的 thisgetter 与 setter 中的 this作为构造函数作为一个DOM事件处理函数作为一个内联事件处理函数语法thistalk about “this”与其他语言相比，函数的 this 关键字在 JavaScript 中的表现略有不同，此外，在严格模式和非严...
2019-08-05 16:38:48
447
原创 angular指令（内置指令）
内置指令的使用对于指令的个人理解是，将一些经常会用到的方法（包括对数据的处理、对对象的绑定）进行封装起来，从而使开发更加便利更加简洁，也是项目模块化的一种内在的表现形式。表1.指令的相关问题问题答案什么是内置指令负责在多个不同内容片段之间进行选择以及重复内容作用根据数据来调整要显示的内容并且如何使用在HTML元素中使用使用时需要注意的问题一些指令...
2019-07-16 15:52:13
335
原创 Function.prototype.bind()
bind最直接的作用就是改变this的指向 .const William = { sex: '男', Nation: '诺曼人', work: '国王'};const getSex = function () { console.log(this.sex);};const getNation = function () { console.log(this.Nation...
2019-07-12 09:51:23
178
翻译 如何遍历数组？
1.whilelet index = 0;const array = [1,2,3,4,5,6];while (index < array.length) { console.log(array[index]); index++;}2.for ()const array = [1,2,3,4,5,6];for (let index = 0; index &l...
2019-07-11 17:55:44
547
原创 package.json文件
目录概述repositorybugsbrowserslistscriptsbinmandependencies&devDependencies概述参见：npm-package.json每个项目的根目录下面，一般都有一个package.json文件，定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。npm install命令根据这个配置文件，自动下载...
2019-06-17 17:45:05
2485
原创 JavaScript异步编程的6种方式
1.JavaScript脚本运行特点众所周知 JavaScript 是单线程（single thread）工作，也就是只有一个脚本执行完成后才能执行下一个脚本，两个脚本不能同时执行，如果某个脚本耗时很长，后面的脚本都必须排队等着，会拖延整个程序的执行。注意，JavaScript 只在一个线程上运行，不代表 JavaScript 引擎只有一个线程。事实上，JavaScript 引擎有多个线程...
2019-05-16 18:37:06
562
原创 百度地图旋转按钮效果
由于项目的地图需要，领导要求做一个控制地图旋转的效果，借用了百度地图的图片。点击两边箭头分别顺时针或逆时针旋转，点击下方按钮回到原来的位置。原理很简单，如下：<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/...
2019-05-15 15:25:54
3909
2
原创 浅谈SEO优化
前段时间帮朋友搬家，被问到会不会写python爬虫，我说不会（真的不会）。但是去图书城充数的时候还是大概瞄了一下有关python爬虫的书籍的，有各种各样的python爬虫框架，Scrapy、PySpider、Crawley、Grab等等各种框架，大概就是各种爬虫爬取的数据内容不同，然后根据爬虫控制器、解析器、资源库的技术不同进行分类。绕的有点远，之所以说到上面的事情是因为今天谈到的SEO与爬虫有密...
2019-04-19 15:58:59
777
原创 从www.web.com输入到页面展现到底发生什么？
打开浏览器从输入网址www.web.com到网页呈现,到底经历怎么样的一个过程？总结一下上图的过程就是：浏览器通过向 DNS 服务器发送域名，DNS 服务器查询到与域名相对应的 IP 地址，然后返回给浏览器，浏览器再将 IP 地址打在协议上，同时请求参数也会在协议搭载，然后一并发送给对应的服务器。接下来介绍向服务器发送 HTTP 请求阶段，HTTP 请求分为三个部分：TCP 三次握手、http...
2019-04-11 18:09:29
2432
翻译 JavaScript中的变量声明: var、 const、let
在JavaScript中，有三个关键字可用于声明变量，每个关键字都有其不同之处。它们是var、let和const。它们的区别：示例代码：const person = "Nick";person = "John" // Will raise an error, person can't be 重复赋值。let person = "Nick";person = "John"...
2019-03-29 15:23:10
381
原创 webstorm
Ⅰ.修改hosts文件windows:hosts文件路径C：\ Windows \ System32 \ drivers \ etc \ hostsmac:hosts文件路径：/ etc / hosts在文件末尾添加: 0.0.0.0 account.jetbrains.com没权限>复制到桌面>回去覆盖Ⅱ.激活码K71U8DBPNE-eyJsaWNlb...
2019-03-26 18:17:39
328
原创 vue.js经典实例代码(持续更新中~）
按照传统，首先输出hello world.1.数据绑定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>hello world</title> <script src="https://cdn.st...
2019-03-20 17:56:03
7076
原创 计算机体系结构
计算机体系结构前言一. 物理（电子的运动）二.器件（晶体管、二极管）三.模拟电路（放大器、滤波器）四.数字电路（逻辑门与、或、非）五.逻辑（加法器、存储器）六.微体系结构（数据路径控制器）七.体系结构（指令寄存器）八.操作系统（设备驱动程序）九.应用软件（程序 &amp;quot;hello world&amp;quot;）前言计算机体系结构指软、硬件的系统结构 ，有两方面的含义：它包括机器内的数据表示、寻址方式以及对这些数据...
2019-01-04 13:11:29
16293
原创 css元素hover時控制另一个元素的显示隐藏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css元素hover時控制另一个元素的显示隐藏</title> <style type="text/css&quo
2018-10-25 11:44:41
12103
3
原创 npm CLI命令整理
npm CLI命令整理CLI命令 &amp;amp; npmnpmbable 安装Express 应用程序生成器webpack 的使用创建Vue项目npm cache clear[npm中文文档](https://www.npmjs.com.cn/)CLI命令 &amp;amp; npm罗列内容之前先来一段科普，介绍一下什么是CLI命令。命令行界面（英语：command-line interface，缩写：...
2018-10-24 16:49:45
7338
原创 vue.js组件化开发
Vue.extend()组件化开发是Vue.js非常重要的一个特性，我们可以将一个页面视作一个大的根组件，里面所包含的元素就是不同的子组件，子组件可以在不同的根组件里被调用。我们通常会在一个页面中声明一个Vue实例new Vue({})作为跟组件，生成能被反复使用的子组件就要用到Vue.extend(options)方法，使用方法如下：var Child=Vue.extend({ ...
2018-10-23 16:56:34
1244
原创 Vue2、webpack、express4新建vue项目
1.环境：Vue项目通常是由webpack工具来构建，而webpack命令的执行是依赖node.js的环境的，所以首先要安装node.js。2.新建项目：（1）通过应用生成器工具 express-generator 快速创建一个应用的骨架。安装express-generator ：Windows键+r输入cmd运行npm install express-generator -g ...
2018-10-18 18:24:41
340
原创 CSS3选择器（全部）
CSS3选择器再CSS2.1选择器的基础上增加了属性选择器、伪类选择器、过滤选择器，减少了对HTML类名或ID名的依赖，避免了对HTML结构的干扰，让编写代码更加轻松。1，基本选择器（1）标签选择器(类型选择器) 统一定义常用标签的基本样式。<!DOCTYPE html><html lang="en"><head>...
2018-10-16 17:19:28
9541
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人