笔记
文章平均质量分 55
Jet_closer
winter is coming,
Be What You Wanna Be,勇敢的做自己吧~
展开
-
JS中字符串一些常用的方法
【代码】JS中字符串一些常用的方法。原创 2023-05-24 00:31:29 · 569 阅读 · 0 评论 -
前端面试题 — — vue篇
这里是关于前端vue面试的一些题,我整理了一些经常被问到的问题,出现频率比较高的问题,以及个人经历过的问题。原创 2023-05-16 15:24:49 · 5728 阅读 · 1 评论 -
flex布局属性详解
Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。原创 2023-04-25 00:54:03 · 1210 阅读 · 0 评论 -
JS中Object方法大全
Object.isExtensible(obj):判断一个对象是否可扩展(是否可以添加新属性)。Object.seal(obj):防止一个对象被封闭(不能再添加、删除属性,但可以修改属性值)。Object.isSealed(obj):判断一个对象是否被封闭(不能再添加、删除属性)。Object.entries(obj):返回一个对象所有可枚举的属性的。Object.values(obj):返回一个对象所有可枚举的属性的。Object.keys(obj) :返回一个对象所有可枚举的属性的。原创 2023-04-15 22:47:20 · 835 阅读 · 0 评论 -
JS代码实现一个数组里面任意两个数相加等于另一数
给定一个和一个,请在数组中找出和为目标值target的那两个整数。数组里面的值不会重复,返回值只有一种答案。列举 输入 arr = [1, 2, 3, 4, 5] ,target = 9输出[4, 5]原创 2023-03-26 21:06:25 · 3854 阅读 · 4 评论 -
彻底了解var、let、const变量的区别
的错误,最好还是不要重复声明同一个变量。原创 2023-03-24 16:38:19 · 1859 阅读 · 0 评论 -
JS根据当前时间获取指定时间相差多少时刻
有个bug,在代码在电脑上面可以运行,但是发送到手机点击运行的时候,input日期选择器、type=datetime-local生成的时间直接。开始时间默认为当前时间,结束时间可以选择(默认过年的时间),这里求当前时间到某一段时间段相差多少时间。还请大佬来解答一哈。猜想可能是手机上面的日期和电脑的格式不一样?当然开始时间也可以设置成可以选择的时间。Invalid Date(无效日期)原创 2022-12-28 17:41:48 · 675 阅读 · 0 评论 -
关于渲染echarts图表宽度只显示100px
如图本来渲染echarts 写的css样式为渲染出来页面却变成了这样审查元素发现元素宽度变成了100px,本来应该为658px的。但是变成了100px,最后发现这个弹框用的v-show渲染的,把v-show缓存v-if就好啦应该是eharts中dom元素渲染的原因最后看效果原创 2022-12-07 17:19:30 · 801 阅读 · 0 评论 -
vue文件在html中直接引用 import 传过来的方法报错Error in render: “TypeError: _vm.XXXX is not a function“
在写组件时直接在html中使用 import过来的方法XXXX报错。所以方法跟变量一样最好再赋值、声明一次后使用。这样写直接报错,因为。原创 2022-09-21 11:05:32 · 5012 阅读 · 2 评论 -
JS判断空字符串、数组、对象常用的方法
JS判断空字符串、数组、对象原创 2022-08-12 18:31:31 · 469 阅读 · 0 评论 -
安装vue create hello-vue3时报错”无法加载文件,在此系统上禁止运行脚本“
用新电脑第一次使用命令下载比如vue、npm、rimraf安装包时报错”无法加载文件,在此系统上禁止运行脚本"因为 Restricted 执行策略不允许任何脚本运行。解决办法 :原创 2022-07-08 16:16:02 · 705 阅读 · 1 评论 -
ivew组件使用Vue+Select+Tree实现单选
实现的功能:Select实现tree的单选,默认选择全部。这里用的View U Ui+vue2实现的原创 2022-07-05 11:41:47 · 891 阅读 · 0 评论 -
HTML+CSS+JS+Vue实现点击开始滚动数字暂停则停止
HTML+CSS+JS实现滚动循环选择数字、抽奖原创 2022-06-17 01:22:12 · 674 阅读 · 0 评论 -
CSS animation属性
先看简单的效果图这是源代码关键代码 animation:name(名称)duration(需要多少秒完成)timing-function(如何完成一个周期)delay(启动前的延迟间隔)iteration-count(播放次数)direction(是否轮流反向播放动画)fill-mode(当动画不播放时(当动画完成时,或当动画有一个延迟未开始播放时),要应用到元素的样式。)play-state(动画是否正在运行或已暂停)详情可看CSS3 animation(动画) 属性...原创 2022-06-02 00:38:05 · 135 阅读 · 0 评论 -
Vue-router之简单的路由传参三种方法
父组件:<li v-for="item in list" @click="getList(item.id)" :key="item.id"/>第一种、跳转时使用push方法拼接携带参数getList(id) {// 直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/getlist/${id}`, })路由配置:{ path: '/getlist/:id'原创 2020-05-21 00:10:00 · 366 阅读 · 0 评论 -
两个数组对象,根据关键id去重,并返回一个新的数组
const a = [ { objId: '1', objName: 'mike' }, { objId: '2', objName: 'marry', }, { objId: '3', objName: 'jack', }, { objId: '4', objName: 'uzi', }, { objId: '5', objName: 'clearLove', }, ...原创 2022-03-09 18:37:07 · 1052 阅读 · 0 评论 -
2022新的Echarts Demo 网址
由于之前使用Echarts的一款Demo --> make a pie在一月底被关闭(弃用)了,最近在网上找资源的时候发现了大佬创作的一个新的demo网址 —— ——https://www.isqqw.com/#/homepage跟以前的make a pie差不多类型的还很好用!!!网址放在上面了,非常好用~~...原创 2022-02-14 15:42:00 · 943 阅读 · 3 评论 -
用JS实现的一个贷款计算器
最终实现的效果,如图HTML <table id="myTable"> <tr> <th>输入贷款数据</th> <td></td> <th>贷款余额、贷款金额和利息支付</th> </tr> <tr> <td>贷款金额 (原创 2022-01-06 17:45:03 · 1585 阅读 · 0 评论 -
数组去重 arr=[1, “a“, { b: 2 }, { c: 3 }, { b: 2 }, “1“, “a“, 1]
去重数组:[1, “a”, { b: 2 }, { c: 3 }, { b: 2 }, “1”, “a”, 1]想得到的返回值:[1, ‘a’, {b:2}, {c:3}, ‘1’]相比普通的数组去重这种数组里面既有对象又有普通的number和string那么该怎么做呢??先试试es6的new Set()(注意Set要大写)方法注意看普通的是去除了,可不是想要的结果,因为对象没有去除。那么该怎么办呢???在根据对象关键字比如id、name去重这种做过过,但是不通过关键字怎么做呢。我采用的是J原创 2021-10-18 15:25:02 · 2184 阅读 · 0 评论 -
rimraf : 无法加载文件,‘set-executionpolicy‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
在运行rimraf node_modules删除文件node_modules时报错,一大堆,比如因为在此系统上禁止运行脚本。那么怎么解决呢,在开始菜单里面搜索Windows PowerShell ISE然后输入Set-ExecutionPolicy RemoteSigned,然后选择全是就可以啦。输入get-ExecutionPolicy查看,为RemoteSigned就证明有权限了。...原创 2021-10-12 10:41:29 · 3595 阅读 · 0 评论 -
vue传值之父子组件传值、bus传值、vuex传值、其他方式传值…
vue之组件传值的几种方式前言一、父子组件传值二、子组件通过emit来触发父组件的自定义事件三、兄弟之间通过bus总结前言vue的组件传值分为三种方式:父传子、子传父、非父子组件传值引用官网的一句话:父子组件的关系可以总结为 prop 向下传递,emit向上传递,兄弟之间用bus。一、父子组件传值子组件<template> <div class="child"> {{ message }} </div></templa原创 2021-05-31 17:52:14 · 7023 阅读 · 0 评论 -
一个JavaScript实现的贷款计算器
基于JavaScript实现的贷款计算器本文实现的技术:如何在文档中查找元素如何通过表单Input元素来获取用户输入的数据如何通过元素来设置HTML内容如何将数据存储在浏览器中如何使用脚本发起HTTP请求如何利用元素绘图HTML部分<table id="myTable"> <tr> <th>输入贷款数据</th> <td></td> <th>贷款余原创 2020-09-26 00:06:11 · 854 阅读 · 2 评论