- 博客(116)
- 收藏
- 关注
RSS订阅原创 项目中遇到的一些问题（持续更新中）
以上代码中，我们使用了ES6的解构语法，将对象中的age属性解构出来，并使用展开运算符将除了age属性之外的所有属性打包给item变量。接着，我们返回了一个仅包含item变量的新对象，这样就实现了去除原数组中每个对象的age属性的目的。需要注意的是，以上代码使用了箭头函数和ES6语法，如果您的项目中不能使用这些特性，那么可以考虑使用普通函数和常规的循环语句来实现该功能。数组，而是返回一个新的已排序数组。中的位置进行比较，从而得到排序后的结果。的结果，可以得到降序排列的排序顺序。请注意，这并不会改变原始的。
2024-03-08 16:18:57
384
原创 vue3中的基本语法
经过了漫长的迭代，Vue 3.0 终于在上 2020-09-18 发布了，带了翻天覆地的变化，使用了 Typescript 进行了大规模的重构，带来了 Composition API RFC 版本，类似 React Hook 一样的写 Vue，可以自定义自己的 hook ，让使用者更加的灵活。toRefs() 函数可以将 reactive() 创建出来的响应式对象，转换为普通的对象，只不过，这个对象上的每个属性节点，都是 ref() 类型的响应式数据。虽然history模式不需要#。
2024-02-29 21:57:11
842
原创 Pinia｜VUe的状态管理库
patch 是 pinia 提供的一个api，用来批量修改 state 中的数据，接收一个对象参数，对象中的属性就是 state 中的属性，值就是要修改的值。创建store需要调用pinia中的defineStore方法,该方法接受两个参数，第一个参数是store的唯一 id，第二个参数是store的配置属性。可以直接使用userStore访问仓库中的属性。这是$patch的另一种写法，回调默认接收一个参数，也就是store中的state，在回调函数中修改state中的数据。
2024-01-31 16:52:43
1020
原创 Echarts饼图改变图片大小与位置
series下的 radius : [‘54%’, ‘90’], ------------这个属性设置图的大小；第一个参数是控制里面小圈的大小，第二个参数是控制外面大圈的大小；设置echarts饼图的大小。
2024-01-25 16:22:35
1656
原创 vue 点击按钮跳转另一个项目的链接地址，从另一个项目返回回来页面怎么让他刷新
如果你在 Vue 3 中点击按钮跳转到另一个项目的链接地址，然后从另一个项目返回时想要刷新页面，这就涉及到不同域的页面之间的通信问题。一种解决方法是在跳转到另一个项目的链接地址时，将一个标识参数传递给另一个项目。当从另一个项目返回时，检查 URL 中是否包含该标识参数，如果存在则执行页面刷新操作。请注意，在以上示例中，需要确保两个项目在不同的域名（或子域名）上，以便彼此之间可以进行跳转和通信。这样，点击按钮跳转到另一个项目后，从另一个项目返回时，会执行页面刷新操作。
2024-01-24 10:40:55
585
原创 Vue-router-tab的使用
通常，在用户重新登录或者切换角色的情况下，我们需要关闭用户所有页签并恢复页签初始状态，包括恢复初始页签、跳转到指定的默认页面等。强制刷新所有页签，忽略页面组件的 beforePageLeave 配置。此方法默认会刷新已有页签，如果希望全新打开页签，您可以尝试此方法。您可以通过 RouterTab 的实例方法。您可以通过 RouterTab 的实例方法。您可以通过 RouterTab 的实例方法。关闭当前页签并跳转地址，并刷新该地址。Vue Router 原生方式。方法来重置页签到初始状态。
2023-12-29 11:03:05
429
原创 element-ui遇到的相关问题
给列表整个div动态绑定 .noScroll 后，底部列表照样可以滑动，所以考虑继续向上追溯。利用watch监听蒙层是否显示，当显示时，设置body相应样式；但蒙层消失时，body样式恢复。但是在vue里怎么操作body里，虽然vue是数据驱动的，不提倡直接操作Dom。在vue中的 export default 中的methods中进addclassStatus以及addclassPriority方法的计算和赋值。在app.vue里面，（特备注意：注意是在app.vue里，不是在页面或者组件里！
2023-03-28 10:53:15
549
原创 【URL】参数转换成对象
参数转换成对象let urlStr = 'http://my.oschina.net?name=judy&study=js&study=node'目标： { name: 'judy', study: [ 'js', 'node' ] }参数转换成对象// 参数转成对象function queryString(request){ let params = request.split('?')[1]; let param = params.split('&
2020-05-18 11:20:28
846
原创 Vue的基础理解(八)
为什么会出现vue修改数据后页面没有刷新的问题？受ES5的限制，Vue不能检测对象的属性的添加和删除Vue.js 在初始化实例时将属性转为 getter/setter，所以属性必须在 data 对象上才能让 Vue.js 转换它，才能让它是响应的。第一次页面加载会触发哪几个生命周期？4个生命周期 ： beforeCreate - created - eforeMount - mou...
2020-03-03 10:53:21
198
原创 Vue的基础理解(七)
Vue常用的修饰符有哪些？Vue.js 为 v-on 提供了事件修饰符。之前提过，修饰符是由点开头的指令后缀来表示的。.prevent : 拦截默认事件.passive: 不拦截默认事件.stop : 阻止冒泡事件.self : 事件不是从内部元素触发的，是前元素自身时触发处理函数.self.prevent 只会阻止对元素自身的点击。.once : 只会触发一次.capture ...
2020-03-02 10:00:35
186
原创 Vue的基础理解(六)
Vue中 v-html有什么作用？会导致什么问题？v-html可以用来识别HTML标签并渲染出去。**导致问题：**在网站上动态渲染html,很容易导致xss攻击，所以只能在可信内容上使用v-html，且永远不能用于用户提交的内容上。keep-alive在vue中的作用是什么？keep-alive是Vue提供的抽象组件，用来对组件进行缓存，从而节省性能，当组件在keep-aliv...
2020-03-01 15:53:13
142
原创 Vue自定义指令
Vue自定义指令15个自定义指令：https://my.oschina.net/liuyuantao/blog/3130325什么是自定义指令比如v-show元素的显示/隐藏，vue允许我们自己设置自定义的指令自定义指令传递的参数el: 指令所绑定的元素，可以用来直接操作DOM。 binding: 一个对象，包含指令的很多信息。 vnode: Vue编译生成的虚拟节点。...
2020-02-24 18:48:26
201
转载 Vuex的理解及应用
一、Vuex的概述1.什么是Vuex？1. vuex是为Vue.js应用程序开发的状态管理模式。采用集中式储存管理应用所有组件的状态，并以相应的规则保证状态已可预测的方式发生变化。2. 能够在Vuex集中管理共享的数据，便于开发和后期进行维护。3. 能够高效的实现组件之间的数据共享，提高开发效率。4. 储存在vuex中的数据是响应式的，当数据发生改变时，页面中的数据也会同步更新。2....
2020-02-23 16:33:02
175
翻译 【工具函数】数值+0和-0的区分
信息tag : Number题目描述JavaScript的“0”值有两个，+0和-0。那么怎么区分呢?解题思路我们看到+0和-0，大概想尝试把该数字通过toString()转化成字符串，在使用indexOf(’-’)判断是否等于0，或者charAt(0)判断是否等于-。很不幸，数值在进行toString()的时候就自动将其转为0了，所以此方法行不通。尝试另外一种思路：除法：有+I...
2020-01-21 10:44:39
651
翻译 【js】引用和操作符优先级
以下输出什么题目一：var a = {n: 1};var b = a;a.x = a = {n: 2};console.log(a.x)console.log(b.x)执行：1.先执行 a.x2.a = {n:2} ;//从右向左赋值3.a.x ={n:2}; //赋值操作解答思路：1、优先级。.的优先级高于=，所以先执行a.x，堆内存中的{n: 1}就会变成{n: 1,...
2019-12-19 16:34:56
587
转载 【vue】directive自定义指令
directive指令目的：实现自定义指令，比如v-focus<input v-focus />全局注册：Vue.directive('focus',{ inserted:function(el){ el.focus() }})局部注册：directives:{ focus:{ inserted:function(el){ el.focus();...
2019-12-10 11:09:01
92
转载 【vue】纯前端导出表格数据（vue+element-ui）
1.安装依赖安装依赖xlsx，file-savernpm install --save xlsx file-saver2.在组件中引入import FileSaver from 'file-saver'import XLSX from 'xlsx'3.添加下载方法#out-table为table节点的id outTab () { /* 从表生成工作簿对象 */...
2019-12-09 16:03:02
729
原创 【ES6】数组操作
一、找出第一个符合条件的数组成员项目中经常需要遍历数组寻找符合需求的数据，使用find()方法可以将代码从循环中简化出来。假如在数组中寻找值为“Annie”的成员，方法如下var people = [ { name :'Annie', age:'18' }, { name:'wayne', age:19 }, { name :'...
2019-12-06 13:54:30
133
翻译 【http】一次完整的HTTP事务是怎样的一个过程？
域名解析发起TCP 3次握手建立TCP连接后，发起http请求服务器收到http请求，浏览器得到html代码浏览器解析代码，请求代码中的资源浏览器对页面进行渲染并呈现给用户...
2019-11-28 10:56:59
221
原创 [ Array 工具函数 ]
Array 工具函数只是想要使用起来方便1.在数组中查找所有出现的元素x，并返回一个包含=>匹配索引的元素// 查找数组a中的值1出现的位置，并返回数组var a = [1, 2, 3, 4, 5, 6, 1, 1, 1, 4];//result => [0,6,7,8]function aIndex(a, v) { var result = [], ...
2019-11-25 11:21:40
123
原创 [ JS ]保留2位小数需注意事项
JS保留两位小数,首先想到的是toFixed(),还有什么方法呢？toFixed(2) 四舍五入var num = 13.999;var numToturn = num.toFixed(2);console.log(numToturn)//=>14.00Math.floor(num*100)/100 不会四舍五入var num = 13.999;var numT...
2019-11-22 11:36:17
185
原创 【 VUE 】vue中的filter
Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：
2019-11-21 11:47:19
92
原创 【vue】computed的应用
计算属性的应用对于输入框模糊搜索，动态监听改变数组(使用过滤器)计算属性计算时所依赖的属性一定是响应式依赖，否则计算属性不会执行计算属性是基于依赖进行缓存的，就是说在依赖没有更新的情况，调用计算属性并不会重新计算，可以减少开销<template> <input type="text" v-model="query" /> <li v-for=...
2019-11-20 14:13:12
208
原创 VUE 获取路由参数
vue 获取当前页面的路由参数 this.$route在当前页面 this.$route 输出当前页面路由信息 { name: "home", meta: {…}, path: "/", hash: "", query: {…},fullPath:'/',matched:[{}] ,params:{} }获取当前页面的路由信息 this.$route...
2019-11-19 15:21:43
878
原创 [ Object ] 去重 合并具有相同属性的数组
去重合并相同属性的数组思路：1.定义目标数组 var result = [];2.定义对象放置目标对象属性例如：var obj = { name : true,age:18 }var orders = [ { name : 'wayne', order:'1' }, { name:'wayne', o...
2019-11-18 14:06:30
193
原创 【JS】 实现中文按照拼音首字母排序
参考链接：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare功能：地区数组按照中文排序['上海','广州','天津'].sort((a, b) => { a.localeCompare(b, 'zh-Hans-CN', {s...
2019-10-25 16:57:30
1622
原创 js 给日期加一天或者减一天
问题：给指定日期加一天或者减一天function DateAdd(interval,number,date){/* * 功能:实现VBScript的DateAdd功能. * 参数:interval,字符串表达式，表示要添加的时间间隔字符. * 参数:number,数值表达式，表示要添加的时间间隔的个数. * 参数:date,时间对象. * 返...
2019-10-23 17:20:25
3786
转载 【async】的使用
1. async 和 await 在干什么注意 ：await只能出现在async声明的函数中async function testAsync() { return "hello async";}const result = testAsync();console.log(result);打印结果c:\var\test> node --harmony_async...
2019-10-12 11:30:35
259
转载 【js题目】给定一个排序数组和一个目标值，找出目标值的下标
**题目 ：**给定一个排序数组和一个目标值，在数组中找到目标值，并返回其索引。如果目标值不存在于数组中，返回它将会被按顺序插入的位置。你可以假设数组中无重复元素输入: [1,3,5,6], 5输出: 2输入: [1,3,5,6], 2输出: 1输入: [1,3,5,6], 7输出: 4输入: [1,3,5,6], 0输出: 0方法一：思路：查找目标值在数组中的位置，如果查...
2019-09-17 13:19:23
1963
转载 【js题目】在排序数组中查找元素的第一个和最后一个位置
题目 ：给定一个按照升序排列的整数数组 nums，和一个目标值 target。找出给定目标值在数组中的开始位置和结束位置。如果数组中不存在目标值，返回 [-1, -1]。示例 1:输入: nums = [5,7,7,8,8,10], target = 8输出: [3,4]示例 2:输入: nums = [5,7,7,8,8,10], target = 6输出: [-1,-1]解...
2019-09-16 14:20:08
941
翻译 删除排序数组中的重复项
题目：@param {number[]} nums@return {number} 例如：给定数组 nums = [1,1,2] 1.函数应该返回新的长度 2 2.并且原数组 nums 的前两个元素被修改为 1, 2解答：function removeDuplicates (nums) { if (nums.length == 0) { retu...
2019-09-09 15:45:48
68
原创 【 函数柯里化 】
函数柯里化概念 - 调用另一个函数并为它，参数1:传入柯里化的函数 参数2:其他参数，要传入的值功能 - 参数复用 延迟执行案例:curry 创建柯里化的通用公式第一种：基本的柯里化函数function curry (fn) { // curry第一个参数=>柯里化函数 ，其他参数 => 要传入的值 var args = Array.prototype.slice...
2019-09-06 15:52:46
149
转载 [ 工具 ] VScode格式化
声明：本文转自https://segmentfault.com/a/1190000014354996，旨在学习分享，如有侵权请联系修改或删除。前言感觉搭建一个舒服的前端开发环境，十分的重要定制化的格式化，编辑器自带的格式化各种报错，手动改真的会死人，因此搭建一个编辑器环境必不可少，现在要讲的是vscode中如何定制vuevs code的配置文件:format相关:搜索for...
2019-08-30 11:55:22
667
原创 [ class ] 类的继承
类的继承思路 ：一个对象可以继承另一对象身上的属性和方法 ！class People { constructor(name, age) { this.name = name; this.age = age; } //父级的静态方法 static hello() { console.log('hello wor...
2019-08-21 11:00:07
80
原创 【 记录 】函数的一些简洁用法
函数的方法最大优点就是解耦了请求发送者和 N 个接收者之间的复杂关系思路 ：1.验证是否为Judy ,不是 报错2.如果是打印出judy，并做相应的操作/*** @description test {Function} 验证名字是不是“judy”* @param {String} name 名字* @param {Function} callback 返回执行函数*/fun...
2019-08-19 14:11:58
80
原创 客户端检测
检测 Web 客户端的手段很多，而且各有利弊。但最重要的还是要知道，不到万不得已，就不要使用客户端检测。只要能找到更通用的方法，就应该优先采用更通用的方法。一言以蔽之，先设计最通用的方案，然后再使用特定于浏览器的技术增强该方案。
2019-08-12 14:09:53
149
原创 [ Vue ] 父子组件通讯
父子组建通讯，父组件引用子组件，子组件定义props，父组件按照props定义的规则传值，子组件定义事件this.$emit(事件名，参数 / 对象/数组) ，父组件通过相应的事件接收。思路：父组件通过 prop 给子组件下发数据，子组件通过$emit触发事件给父组件发送消息，即 prop 向下传递，事件向上传递。子组件( 基于element-ui )<template>...
2019-08-11 17:45:03
106
原创 [ String ] 把url字符串参数转化成对象
查询字符串参数location.search 返回从问号到 URL 末尾的所有内容思路：var url = 'https://baidu.com/vms/api?act=doLogin&userId=user&password=TES';最后生成：args:{ act : 'doLogin', userId : 'user', password : 'TES'...
2019-08-09 10:39:34
2048
原创 [ String ] 检测字符串中字母、数字的出现次数
字符串中某个字母或数字的出现次数使用indexOf检测某个字符初始位置参数1：被查找的元素参数2：开始查找的位置 如果小于0查找整个字符串（等价于传入了 0）思路：不断增加 indexOf()方法开始查找的位置，遍历了一个长字符串。在循环之外，首先找到了"e"在字符串中的初始位置；而进入循环后，则每次都给 indexOf()传递上一次的位置加 1。function stringNu...
2019-08-07 17:01:18
615
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人