自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 javascript改变图片颜色

要求:根据不同的状态,图片显示不同的颜色。

2024-05-07 10:42:59 388 1

原创 热门的前端Web组态软件总结(除FUXA以外)

随着5G、物联网、大数据等技术的高速发展,各领域逐步向数字化、可视化的人工智能(AI)的方向不断迈进。全球进入工业 4.0 时代,标志着先进的信息技术于制造业紧密结合,将从单纯的生产要素向数据驱动、智能化、高度自动化的方向转型。在这里介绍几种web组态,方便大家进行选择。

2024-05-07 10:21:45 2275

原创 window.open()父子窗口交互

Window 接口的 open() 方法将 URL 作为参数,并将其识别的资源加载到新的或现有的标签页或窗口中。windowFeatures 中要求的位置(top、left)和尺寸(width、height)值,如果其中任何一个值不允许在用户操作系统应用程序的工作区内呈现整个浏览器弹出窗口,则将被更正。如果该名称无法识别现有的上下文,则会创建一个新的上下文,并赋予指定的名称。一个字符串,包含以逗号分隔的窗口特性列表,形式为 name=value,布尔特性则仅为 name。指定内容区域(包括滚动条)的宽度。

2023-12-15 16:50:29 1427

原创 关于element-UI中table表格的row-click事件的一个误区

在问题如何获取element-UI中table表格的row-click获取某一行的id的问题中,网上的很多回答,经过我的验证之后发现是错误的。网上错误的方法如下所示<el-table :data="tableData" style="width: 100%" @row-click="openDetails(id)"> <el-table-column prop="wName" label="公众号名称"></el-table-column> <el-ta

2022-05-30 17:18:03 2631

原创 什么是单元测试

单元测试 前端 js单元测试

2022-04-20 15:19:05 5844

原创 创建vue3的项目

介绍Vue-cli 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件:cli :@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、vue serve 、vue ui 等命令)cli 服务:@vue/cli-service是一个开发环境依赖。构建于 webpack 和 webpack-dev-server 之上(提供 如:serve、build 和 inspect 命令)cli 插件:给Vue 项目提供可选功能的 npm 包 (如: Babel

2022-03-21 14:34:55 1164

转载 那些我们必须要了解的事情

优秀网址积累

2022-03-21 11:22:13 106

原创 为什么Mutation不能使用异步函数

什么是mutation通俗的理解mutations,里面装着一些改变数据方法的集合,这是Veux设计很重要的一点,就是把处理数据逻辑方法全部放在mutations里面,使得数据和视图分离。Vuex中store数据改变的唯一方法就是mutationmutations的使用每个 mutation 都有一个字符串的事件类型 (type) ,相当于当前事件的唯一标识,以便于你用commit触发它。 每个mutation都有一个回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方,并且它

2022-03-18 16:05:08 5337 1

原创 webpack构建之webpack的构建流程是什么(未完待续)

webpack构建之webpack的构建流程是什么webpack是一个打包模块化javascript的工具,它将一切文件都看作是模块。通过loader编译转换文件,通过plugin注入钩子,最后输出的资源模块组合成文件。它的主要配置有entry,output,modules,plugins,loader。webpack打包输出后的文件其实就是一个闭包,传入的参数是一个对象,键值为所有输出文件的路径,内容为eval包裹的文件内容。必报内重写了模块的加载方式,自己定义了__webpack_require__

2022-03-18 09:31:39 1548

原创 ES6中的CLASS继承的优势

JS是一种基于对象的语言,要实现面向对象,写法跟传统的面向对象有很大的差异。ES6引入了Class语法糖,使得JS的继承更像面向对象语言的写法。class Student { constructor(name) { this.name = name; } hello() { alert('Hello, ' + this.name + '!'); }}//用class定义对象的另一个巨大的好处是继承更方便了。想一想我们从Student派生一

2022-03-17 15:54:53 385

原创 Promise 对象

Promise 对象Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了Promise对象。所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。Promise对象有以下两个特点(1)对象的状态

2022-03-17 15:43:03 121

原创 vue中父子组件之间的问题

父子组件生命周期顺序渲染过程:父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted当父组件执行完beforeMount挂载开始后,会依次执行子组件中的钩子,直到全部子组件mounted挂载到实例上,父组件才会进入mounted钩子子级触发事件,会先触发父级beforeUpdate钩子,再去触

2022-03-17 11:29:42 1044

原创 VUE2.0和VUE3.0的区别

数据的双向绑定:重构响应式系统,使用Proxy替换Object.defineProperty**** Object.defineProperty的原理:通过使用 Object.defineProperty 来劫持对象属性的 geter 和 seter 操作,当数据发生改变发出通知```javascript<script> var obj = {}; Object.defineProperty(obj, 'prop', { get: function ()

2022-03-16 15:59:31 9758

原创 介绍几种布局方式flex布局、table布局、grid布局等

布局,css布局

2022-03-15 16:59:06 5195

原创 HTML响应式布局的实现以及其它布局介绍

概念响应式网页设计最初是由 Ethan Marcotte 提出的一个概念:为什么一定要为每个用户群各自打造一套设计和开发方案?Web设计应该做到根据不同设备环境自动响应及调整。当然响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等,它更像是一种对于设计的全新思维模式;我们应当向下兼容、移动优先。...

2022-03-15 15:10:52 3426

原创 前端跨域问题解决(针对于vue-cli项目)

利用node + webpack + webpack-dev-server代理接口跨域。在开发环境下,由于vue渲染服务和接口代理服务都是webpack-dev-server同一个,所以页面与代理接口之间不再跨域,无须设置headers跨域信息了。webpack.config.js部分配置:module.exports = { entry: {}, module: {}, ...

2022-03-14 16:44:24 4186

原创 canvas与svg

svg和canvas的区别

2022-03-14 16:30:41 5630

空空如也

空空如也

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

TA关注的人

提示
确定要删除当前文章?
取消 删除