- 博客(175)
- 收藏
- 关注
原创 【JS】JavaScript编程语言,pop/push, shift/unshift 数组操作(2024-06-04)
对于栈来说,最后放进去的内容是最先接收的,也叫做 LIFO(Last-In-First-Out),即后进先出法则。fruits.pop() 和 fruits.at(-1) 都返回数组的最后一个元素,但 fruits.pop() 同时也删除了数组的最后一个元素,进而修改了原数组。shift 取出队列首端的一个元素,整个队列往前移,这样原先排第二的元素现在排在了第一。这在计算机科学中,允许这样的操作的数据结构被称为 双端队列(deque)。JavaScript 中的数组既可以用作队列,也可以用作栈。
2024-06-04 10:54:58
223
原创 【JS】JavaScript编程语言-数据类型 日期和时间(2024-06-04)
内建对象:日期(Date)。该对象存储日期和时间,并提供了日期/时间的管理方法。我们可以使用它来存储创建/修改时间,测量时间,或者仅用来打印当前时间。
2024-06-04 10:46:21
1304
原创 【JS】JavaScript编程语言之对象(Object)方法-“this”(2024-06-03)
存储在对象属性中的函数被称为“方法”。方法允许对象进行像这样的“操作”。方法可以将对象引用为this。this的值是在程序运行时得到的。一个函数在声明时,可能就使用了this,但是这个this只有在函数被调用时才会有值。可以在对象之间复制函数。,调用过程中的this值是object。请注意箭头函数有些特别:它们没有this。在箭头函数内部访问到的this都是从外部获取的。
2024-06-03 10:37:33
579
原创 【JS】JavaScript编程语言之对象(Object)基础知识(2024-06-03)
对象是具有一些特殊特性的关联数组。属性的键必须是字符串或者 symbol(通常是字符串)。值可以是任何类型。点符号:。方括号,方括号允许从变量中获取键,例如。。。循环。我们在这一章学习的叫做“普通对象(plain object)”,或者就叫对象。Array用于存储有序数据集合,Date用于存储时间日期,Error用于存储错误信息。……等等。它们有着各自特别的特性,我们将在后面学习到。
2024-06-03 10:22:38
828
原创 [JS] 前端充分使用console.log()有效输出(2024-6-1)
不要使用 console.log(url, url2, baz),而是使用 console.log({ url, url2, baz })。在应用程序的多个地方记录日志时,想出一个唯一的前缀并在所有日志中使用它是很有用的。如果你比较这两者,你会发现这有多么有用:拥有 url 和 url2 键可以避免这两个 URL 之间的混淆。准确定位日志查询信息,如果有其他无关的日志在其中,这将节省你很多时间。你可以为你的 console.log 语句添加样式。在帮助你调查复杂的原型时非常有用,因为它们的。
2024-06-01 08:45:00
513
原创 前端Chrome控制台调试技巧,超级有用(2024-6-1)
console占位符描述%cCSS样式占位符,值就是CSS样式,如下示例,可用来自定义log的样式%oor%O打印 JavaScript 对象。在审阅器点击对象名字可展开更多对象的信息。%dor%i打印整数。支持数字格式化。例如,console.log("Foo %.2d", 1.1) 会输出有先导 0 的两位有效数字:Foo 01。%s打印字符串。%f打印浮点数。支持格式化,比如 console.log("Foo %.2f", 1.1) 会输出两位小数:Foo 1.10image.png。
2024-06-01 08:30:00
5076
2
原创 html5,h5是什么?h5常用标签和标签的分类(2024-05-31)
HyperText Markup Language 超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
2024-05-31 08:45:00
1668
原创 [JavaScript-js] 对于URL对象的用法(2024-05-31)
那些不被允许的字符必须被编码,例如非拉丁字母(ABCDEFGHIJKLMNOPQRSTUVWXYZ)和空格 —— 用其 UTF-8 代码代替,前缀为。另一方面,对于 URL 的单个组件,例如一个搜索参数,则必须对这些字符进行编码,以免破坏 URL 的格式。,这是不正确的,原因是:在 RFC2396 (August 1998) 时代,还不存在 IPv6 url。但是,如果参数中包含空格,非拉丁字母等(具体参见下文),参数就需要被编码。对象,字符串就足够了。进行编码,因为它对于整个 URL 来说是合法的字符。
2024-05-31 08:30:00
3101
原创 vue项目设置proxy代理,客户端或浏览器如何去查看代理地址(2024-5-30)
其中 changeOrigin 表示将请求头中的 Host 字段设置为 target 的值,pathRewrite 表示对请求路径进行重写。在这个例子中,对于以 /dev-api 开头的请求路径,将其重写为空,即去掉 /dev-api 前缀。当前端使用 axios 请求 /dev-api/getInfo时,devServer 会将请求转发到。将所有以 /dev-api 开头的请求代理到。vue.config.js 文件。
2024-05-30 08:45:00
3645
原创 webstorm启动前端项目(2024-05-30)
【右键】-【show in Script】列出项目可执行的脚本 -【选中脚本】-【右键执行run serve】【scripts】-【要执行的脚本】-【右键】-【调出快捷方式】-【点击执行】方法2 : 直接打开package.json文件。打开项目脚本文件package.json。
2024-05-30 08:30:00
1132
原创 vite构建build选项配置(2024-05-29)
可以返回一个新的依赖关系数组,可能被过滤后变少了,也可能有更多依赖注入进来了,同时它们的路径也被修改过。将静态资源在构建后合并是框架的责任。最直观的示例是当你要兼容的场景是安卓微信中的 webview 时,它支持大多数现代的 JavaScript 功能,但并不支持。当启用时,在异步 chunk 中导入的 CSS 将内联到异步 chunk 本身,并在其被加载时一并获取。此选项允许用户为 CSS 的压缩设置一个不同的浏览器 target,此处的 target 并非是用于 JavaScript 转写目标。
2024-05-29 09:03:33
5368
原创 vite开发服务器server选项配置(2024-05-29)
这在使用自签证书或想通过网络在某端口暴露 Vite 的情况下,非常有用。是一个高级选项,只在客户端的情况下覆盖端口,这允许你为 websocket 提供不同的端口,而并非在客户端代码中查找。注意:如果端口已经被使用,Vite 会自动尝试下一个可用的端口,所以这可能不是开发服务器最终监听的实际端口。来禁用此行为,或者为了获得完全的控制,可以传递一个函数,该函数接受源路径和 sourcemap 的路径,并返回是否忽略源路径。时,浏览器使用 DNS 来解析地址,这个地址可能与 Vite 正在监听的地址不同。
2024-05-29 08:59:01
7463
原创 vite配置文件共享配置,公共配置(root,base,mode,define,plugins,publicDir,resolve,html,css,envDir)(2024-05-28)
此选项的值可以是文件的绝对路径,也可以是以项目根目录为基准的相对路径。如果你在你的应用程序中有相同依赖的副本(比如 monorepos),请使用此选项强制 Vite 始终将列出的依赖项解析为同一副本(从项目根目录)。但是要注意,如果你添加的是实际的样式而不仅仅是变量,那这些样式在最终的产物中会重复。启用此选项会使 Vite 通过原始文件路径(即不跟随符号链接的路径)而不是真正的文件路径(即跟随符号链接后的路径)确定文件身份。该值可以是文件系统的绝对路径,也可以是相对于项目根目录的相对路径。
2024-05-28 09:06:25
2541
原创 vite配置(vite.conifg.js)(2024-5-28)
当以命令行方式运行vite时,Vite 会自动解析项目根目录下名为的配置文件(也支持其他 JS 和 TS 扩展名)。最基础的配置文件是这样的:js注意:即使项目没有在中开启,Vite 也支持在配置文件中使用 ESM 语法。这种情况下,配置文件会在被加载前自动进行预处理。你可以显式地通过--config命令行选项指定一个配置文件(相对于cwd路径进行解析)bash。
2024-05-28 08:50:04
2024
原创 vite 的环境变量和模式(2024-05-27)
在代码中使用时,请确保转换为所需的类型。正因为 Vite 被许多框架使用,它在复杂的替换(如条件替换)上故意不持任何意见。为前缀的变量才会暴露给经过 vite 处理的代码。类文件会在 Vite 启动一开始时被加载,而改动会在重启服务器后生效。文件中自定义了越来越多的环境变量,你可能想要在代码中获取这些以。另外,Vite 执行时已经存在的环境变量有最高的优先级,不会被。默认运行生产模式构建,你也可以通过使用不同的模式和对应的。时运行不同的模式来渲染不同的标题,你可以通过传递。
2024-05-27 09:58:52
2154
原创 【问题处理】maven一直提示artemis-http-client-1.1.8.jar报错(2024-05-25)
项目使用了视频监控,里面涉及到海康威视的视频监控。pom在导入maven时,报错“Could not find artifact com.artemis:http-client:jar:1.1.8 ”根据平台提供的maven地址,填写进pom文件中,编译后,报题目中的错误。然后检查maven仓库中的项目,发现最高只有1.1.3,所以无法使用这个。
2024-05-25 08:45:00
2747
1
原创 js解决数字小数计算出现的精度丢失问题(2024-05-24)
js小数进行数值运算时出现精度丢失问题JavaScript 的number类型在进行运算时都先将十进制转二进制,此时,小数点后面的数字转二进制时会出现无限循环的问题。为了避免这一个情况,要舍0进1,此时就会导致精度丢失问题。
2024-05-24 09:34:25
2831
1
原创 vite前端UI框架使用详解(2024-05-24)
Vite(发音同 "veet")是一种新型前端构建工具,能够显著提升前端开发体验。它主要由两部分组成:一个开发服务器,它基于提供了,如速度快到惊人的。一套构建指令,它使用打包你的代码,并且它是预配置的,可输出用于生产环境的高度优化过的静态资源。vite的开发服务器vite在当前目录下启动 Vite 开发服务器。vite dev和vite serve是vite的别名。
2024-05-24 08:15:00
1727
原创 element-ui 实现输入框下拉树组件(2024-05-23)
用element-ui的 el-input,el-tree,el-popover组件组合封装。可以根据函数方法拿到里面的参数,实现多选节点效果。
2024-05-23 09:12:52
699
原创 npm 安装依赖包报错,多种原因分析详解(2024-05-23)
npm 安装报错很多原因,大都是包下载不完整导致报错。检查是否有特定包安装失败,尝试单独安装该包,安装包大多数都能下,最后都是sass-loadernode-sass 下载不下来报错安装完之后可以通过cnpm -v 检验版本是否安装成功。使用cnpm安装依赖旧的 https://registry.npm.taobao.org已替换为 https://registry.npmmirror.com找到项目中版本单独下载就行
2024-05-23 08:30:00
2157
原创 element-ui 前端ui框架用法开发指南(2024-05-22)
为了减小项目体积,只引入部分组件,比如 Button 和 Select,那么需要在 main.js 中写入以下内容。在main.js中写入以下内容,便完成了 Element 的引入。需要注意的是,样式文件需要单独引入。在页面上引入 js 和 css 文件即可开始使用。访问最新版本的资源地址 - element-ui。
2024-05-22 14:30:25
801
原创 el-table表格合并头,多级表头,合并列,合并列数据处理(2024-05-22)
数据结构比较复杂的时候,可使用多级表头来展现数据的层次关系。标签按照合并的层级放置标签即可实现,数据是正常的二维数据。表头多级且合并。
2024-05-22 08:30:00
3717
原创 vue实例对象property属性 ($data,$props,$el,$parent,$root,$children,$refs,$attrs,$listeners等)(2024-05-21)
vue实例对象property属性 ($data,$props,$el,$parent,$root,$children,$refs,$attrs,$listeners等)类型:Object详细:Vue 实例观察的数据对象。Vue 实例代理了对其 data 对象 property 的访问。
2024-05-21 09:37:09
869
原创 程序员变量,函数,方法,常量,属性等变量命名辅助工具(2024-05-21)
CHTML网址chtml即code helper tag mark law 代码辅助标记方法,是一款简洁好用的在线的代码命名工具、变量命名工具、变量命名规则库,使用它可以让您轻松摆脱翻译软件的困扰,快速选择合适的变量名称用于开发工作中。中文转为英文,转为常见的方法,大小写,或者转为匈牙利命名法。
2024-05-21 09:13:41
2358
原创 vue.config.js配置参考(2024-05-20)
是一个可选的配置文件,如果项目的 (和同级的) 根目录中存在这个文件,那么它会被自动加载。你也可以使用中的vue字段,但是注意这种写法需要你严格遵照 JSON 的格式来写。或者,你也可以使用提供的。
2024-05-20 10:36:33
1489
原创 Vue CLI 的服务介绍与使用(2024-05-20)
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供:通过@vue/cli实现的交互式的项目脚手架。通过@vue/cli实现的零配置原型开发。一个运行时依赖 (),该依赖:可升级;基于 webpack 构建,并带有合理的默认配置;可以通过项目内的配置文件进行配置;可以通过插件进行扩展。一个丰富的官方插件集合,集成了前端生态中最好的工具。一套完全图形化的创建和管理 Vue.js 项目的用户界面。Vue CLI 致力于将 Vue 生态中的工具基础标准化。
2024-05-20 09:33:43
3095
原创 Vue loader是一个 webpack 的 loader,具体解析(2024-05-18)
vue-loader是一个 webpack 的 loader,可以将用下面这个格式编写的 Vue 组件转换为 JavaScript 模块:这里有一些vue-loader.vue简而言之,编写 Vue.js 应用程序时,组合使用 webpack 和vue-loader能带来一个现代,灵活并且非常强大的前端工作流程。
2024-05-18 08:30:00
417
原创 vuex-store状态管理仓库的核心概念五个(state,getter,matation,action,module)详细解析(2024-05-17)
Vuex 可以帮助我们管理共享状态,并附带了更多的概念和框架。Vuex 是一个专为 Vue.js 应用程序开发的。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
2024-05-17 14:35:35
3020
原创 vue之状态管理器vuex 解释(2024-05-17)
Vuex 是一个专为 Vue.js 应用程序开发的。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。
2024-05-17 08:15:41
924
原创 (谷歌)chrome-devtools ,vue-devtools用于调试 Vue.js 应用程序的 Browser devtools 扩展插件用法详解(2024-05-16)
chrome-devtools ,vue-devtools用于调试 Vue.js 应用程序的 Browser devtools 扩展插件用法详解
2024-05-16 10:14:00
958
原创 vue项目之高德地图获取在线的天气api(2024-05-16)
高德地图:天气查询是一个简单的HTTP接口,根据用户输入的adcode(地区的编码),查询目标区域当前/未来的天气情况,数据来源是中国气象局。使用API前您需先申请Key,若无高德地图API账号需要先申请账号。
2024-05-16 08:30:00
2922
原创 vue的生命周期钩子函数(2024-05-15)
在这一步中,实例已完成对选项的处理,意味着以下内容已被配置完毕:数据侦听、计算属性、方法、事件/侦听器的回调函数。当这个钩子被调用时,组件 DOM 已经更新,所以你现在可以执行依赖于 DOM 的操作。在数据发生改变后,DOM 被更新之前被调用。该钩子被调用后,对应 Vue 实例的所有指令都被解绑,所有的事件监听器被移除,所有的子实例也都被销毁。被定义,所有的错误仍会发送它,因此这些错误仍然会向单一的分析服务的地方进行汇报。钩子自身抛出了一个错误,则这个新错误和原本被捕获的错误都会发送给全局的。
2024-05-15 10:11:42
1339
原创 vue 之组合api(parent,mixins,extends)(2024-05-15)
类型 Vue instance指定已创建的实例之父实例,在两者之间建立父子关系。子实例可以用访问父实例,子实例被推入父实例的$children数组中。节制地使用$parent和$children- 它们的主要目的是作为访问组件的应急方法。更推荐用 props 和 events 实现父子组件通信。
2024-05-15 09:00:42
518
原创 vue-router路由,带参数的动态路由匹配(2024-05-14)
需要将给定匹配模式的路由映射到同一个组件。例如,我们可能有一个User组件,它应该对所有用户进行渲染,但用户 ID 不同。在 Vue Router 中,我们可以在路径中使用一个动态字段来实现,我们称之为路径参数现在像和这样的 URL 都会映射到同一个路由。路径参数用冒号表示。当一个路由被匹配时,它的params的值将在每个组件中以的形式暴露出来。因此,我们可以通过更新User的模板来呈现当前的用户。你可以在同一个路由中设置有多个路径参数,它们会映射到上的相应字段。除了之外,$route。
2024-05-14 08:25:18
2334
原创 vue-router入门教程,路由创建并使用(2024-05-14)
用 Vue + Vue Router 创建单页应用非常简单:通过 Vue.js,我们已经用组件组成了我们的应用。当加入 Vue Router 时,我们需要做的就是将我们的组件映射到路由上,让 Vue Router 知道在哪里渲染它们。
2024-05-14 08:07:42
276
原创 vue实例之DOM(el、template、render、renderError)(2024-05-13)
new提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。可以是 CSS 选择器,也可以是一个 HTMLElement 实例。在实例挂载之后,元素可以用vm.$el访问。如果在实例化时存在这个选项,实例将立即进入编译过程,否则,需要显式调用手动开启编译。提供的元素只能作为挂载点。不同于 Vue 1.x,所有的挂载元素会被 Vue 生成的 DOM 替换。因此不推荐挂载 root 实例到或者上。如果render函数和template。
2024-05-13 10:03:03
482
原创 vue的实例数据(data,props,propsData,computed,methods,watch)(2024-05-13)
Vue 实例的数据对象。1、data2、props3、propsData4、computed6、methods7、watch
2024-05-13 09:30:24
1084
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅