- 博客(36)
- 收藏
- 关注
原创 js过滤假值的方法
当 .filter() 函数的参数为空时,它将默认过滤掉数组中所有值为 false 的元素,包括。就可以方便地去除一个数组中所有的“假值”元素,返回一个新的数组,其中只包含所有“真值”元素。是数组对象自带的高阶函数之一,常用于过滤数组中的元素,并返回符合特定条件的新数组。,返回一个新数组 newArr,其中只包含所有“真值”元素。去除了数组中所有的“假值”元素。在 JavaScript 中,
2023-04-06 13:39:18
581
转载 使用vertical-align: middle来实现居中
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS垂直居中</title> <style> .wrapper{ width: 500px; height: 500px; background-color: pink;
2022-05-26 10:46:29
274
原创 js方法中find()出来的对象
find()查询出来的对象里面的this是和原对象指向是一致的const findResult = this.options.find((x) => x.text === ‘购物车’)console.log(findResult === this.options[1]); // true
2022-05-19 20:55:56
622
原创 前端“Unexpected end of JSON input”报错问题
前端“Unexpected end of JSON input”报错问题
2022-04-08 15:28:16
522
原创 JS字符串截取 “指定字符” 前面和后面的内容
var string= “07/12”var before = string.split(‘/’)[0]var after = string.split(‘/’)[1]console.log(before,after) // 07 12
2022-04-07 14:32:46
4146
原创 uniapp路由传递对象
uniapp路由跳转写法:openWeb(id){uni.navigateTo({url:‘/pages/index/index?id=’ + id}); // 这个id就是需要传递过去的参数}但是我们如果要传递两个或者多个参数呢,写法都差不多,但是需要用上JSON.stringify();openWeb(obj){uni.navigateTo({url:‘/pages/index/index?id=’ + obj}); // 这个obj就是需要传递过去的参数对象}openW
2022-04-07 11:53:57
3665
原创 uniapp中地址选择框
pickerAddress.vue``<picker @change=“bindPickerChange” @columnchange=“columnchange” :range=“array” range-key=“name” :value=“value” mode=“multiSelector”>``
2022-03-23 17:01:48
2368
原创 数组中使用forEach出现的问题
如果要使用数组的forEach()方法对其改值时,需要直接通过arr[i]这种方式来更改。请看下面代码: // 数组改值 let arr = [1,3,5,7,9]; arr.forEach(function(item){ item = 30; }) console.log(arr); //输出 (5) [1, 3, 5, 7, 9]
2022-03-23 11:05:31
474
原创 uniapp中使用uview实现地区选择
在api文件中创建getLocationList.jsconst baseUrl = 'https://restapi.amap.com/v3/config/district'const subdistrict = '3' //地区层级 const key = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' //申请的秘钥const type = 'GET'export function LocationList() { return new Promise((re
2022-03-22 13:39:00
1683
原创 通过class类绑定也能拿到实现悬浮颜色变化
.order_main_box:hover {box-shadow: 0 0 0 1px rgb(210, 214, 210) !important;}我们可以通过绑定 class = ‘order_main_box’ 起到悬浮效果 但要加入!important
2022-03-07 17:17:39
294
原创 子传父 this.$emit(‘input‘,val)
子组件在传值的时候,选用input,如this.$emit(‘input’,val),在父组件直接用v-model绑定,就可以获取到了如果你不用input,则需要常规的@方法获取值,并用jq代码给kcrid赋值。
2022-03-02 12:14:45
581
原创 flex布局如何右对其
{display: flex;align-items: center;margin-left: auto; //flex下float无效,右对齐}
2022-03-02 11:20:40
312
转载 vscode中用tsc编译ts文件的时候报错
一、问题描述:TypeScript安装成功,在C盘的Administrator目录下,运行 tsc -v 也可看到TypeScript的版本。但在vscode中的时候运行tsc 编译ts文件的时候报错如下,此时tsc -v也报同样的错:(vscode不在C盘的Administrator目录下)二、解决办法:以管理员身份运行 PowerShell,并执行命令set-ExecutionPolicy RemoteSigned将PowerShell的执行策略更改为RemoteSigned具体步
2022-02-22 18:53:53
2547
原创 如何通过flex布局实现换行
.order {width: 100%;.orderInfo {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;.innerDetail{width: 30%;display: flex;}}.orderBtn {display: flex;}}
2022-02-22 10:16:24
23521
原创 滚动条样式设置
需要使用滚动条的地方可以使用overflow-y:scroll/* 设置滚动条的样式 /::-webkit-scrollbar {width:12px;}/ 滚动槽 /::-webkit-scrollbar-track {-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);border-radius:10px;}/ 滚动条滑块 */::-webkit-scrollbar-thumb {border-radius:10px;background
2022-02-18 14:02:02
226
原创 span如何换行
style=“display:inline-block;width:90px;word-wrap:break-word;white-space:normal;”
2022-02-14 12:15:52
5226
原创 前端刚入公司需要了解的git命令
1.常用git命令创建分支:git branch newBranchName切换分支:git checkout otherrBranchName切换到上一个分支:git checkout -创建并切换到新的分支:git checkout -b newBranchName提交代码到暂存区:git add .暂存区代码提交到本地仓库:git commit -m “注释”本地仓库代码推送到远程仓库:git push origin branchName从暂存区将代码回退到工作空间:git reset
2022-01-21 14:42:59
415
原创 进公司拉代码注意事项
几点注意事项:1.以后用分支管理代码,一个需求拉一个分支,不要再出现一个分支多个需求的情况,就算改动的文件只有一两个也要这样做,稳妥才是最重要的;2.每天早上开始写代码前,先拉一下代码,养成习惯,及时更新最新的代码,保持代码同步;3.合并代码步骤一定要规范,不要觉得麻烦,总比花一下午时间解决问题容易很多;4.注意自己的代码清洁,无用代码及时去掉,在自己的分支上怎么写都行,但合并的代码一定要干净,因为合并后别人也可能看你的代码。...
2022-01-17 17:45:13
1092
原创 iconfont中添加彩色图标
symbol引用:使用步骤如下:第一步:引入项目下面生成的symbol代码:(首先需要引入iconfont.js文件,此js文件相当于是svg图形集合文件的调用)第二步:加入通用css代码(引入一次就行)第三步:挑选相应图标并获取类名,应用于页面:实际情况中"iconfont"(font-family)需要修改为你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。...
2022-01-12 15:25:21
904
原创 Cannot find module ‘vs/editor/contrib/anchorSelect/anchorSelect‘
出现这个问题是以为monaco-editor-webpack-plugin 和 monaco-editor 的版本对应不上可以去package.json中看看目前的版本号可以在以下网址查看版本对应关系https://www.npmjs.com/package/monaco-editor-webpack-plugin如下(可能有更新,最好还是去上面的网址去查看)...
2021-12-28 15:46:29
1947
原创 报错:Unexpected reserved word ‘await‘
async handleDelete() { let folderFilesIds = [1, 2] this.$confirm('此操作将永久删除文件, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { await this.confirmHandleFiles(folderFilesIds) }).catch
2021-12-25 09:23:43
4984
原创 vue中的v-slot
v-slot的出现是为了代替原有的slot和slot-scope简化了一些复杂的语法。一句话概括就是v-slot :后边是插槽名称,=后边是组件内部绑定作用域值的映射。
2021-12-23 11:40:42
538
转载 Ajax发送请求
function ajaxRequest() {// 1、我们首先要创建XMLHttpRequestvar xmlhttprequest = new XMLHttpRequest();//2、调用open方法设置请求参数xmlhttprequest.open(“GET”,“http://localhost:8080/16_json_ajax_i18n/ajaxServlet?action=javaScriptAjax”,true);//4、在send方法前绑定onreadystatechange事
2021-12-16 11:17:34
185
原创 nodejs -- Node Sass does not yet support your current environment解决办法
解决了
2021-12-15 16:35:36
469
原创 axios访问本地json数据报404
本地请求需要在public文件中新建一个js文件,在js文件中添加json的本地数据文件this.$http.get(’/js/data.json’).then(res=>{console.log(res);})
2021-12-11 12:25:57
612
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人