- 博客(25)
- 资源 (1)
- 收藏
- 关注
原创 js 筛选空值,并删除
场景:axios 发送请求时需要把空值的属性删掉下面展示一些// An highlighted blockvar obj = { "a": 1, "b": undefined, "c": 3}for (var key in obj) { if ((obj[key] === "" || obj[key] == undefined) || obj[key] === null) { delete obj[key] }}console.log(obj)//{ a: 1, c
2022-05-19 13:10:41
292
原创 浏览器控制台打印数据
因为控制台打印的数据内容层次很深,一个一个属性点开看很麻烦,怎么直接复制出来?因为控制台打印的数据内容层次很深,一个一个属性点开看很麻烦,怎么直接复制出来?下面来说一下具体步骤,简单方便,超级好用哦!!!在对象上右键,出现标红的命令,点击会出现如上格式的东西,然后再右键复制黏贴。。。。。。。随便找个文本就这样啦...
2022-05-13 17:24:29
1588
原创 vue3 ref.... json.stringify....
ref获取节点元素,如果节点结在v-for,v-if,v-if节点下面,会获取不到// An highlighted block <div ref="editor"></div>下面初始化一个富文本编辑器,不完整代码// An highlighted block const editor = ref(null); onMounted(() => { instance = getRichTextInstance(editor.value);
2022-04-29 18:13:35
701
原创 element-ui关于el-select的下拉框选项匹配不到数据
// An highlighted block <div class="mrleft10 width60"> <el-select v-model="itemp.id" class="m-2" :filterable="true" @change="getSelect(index,itemp)"
2022-04-25 15:46:27
4081
原创 了解的架子
菜鸟码农,喜欢各种架子,有正规渠道来的,也有不正规的,个人感觉:架子嘛,了解的越多越好啊。啥都看一点,啥都不精通,但是啥都会用第一个是一个后台管理系统的,我第一家公司所用的,很平常但是很牛掰子知道的人也很多,vue -antd-admin 地址:https://iczer.gitee.io/vue-antd-admin/第二个是一个全栈的项目,应该说是三个架子,但是感觉一个全栈的架子更合适他,后端是java,后台是vue做的,前端是bootstrap,地址稍后放上:第三个是我学习用的,两个项目,是
2022-04-15 16:04:24
522
原创 js递归树形
js递归树形结构下面展示一些 内联代码片。// A code blockvar foo = 'bar';// An highlighted blockfunction filterArray(data, parent) { let tree = []; let temp; for (let i = 0; i < data.length; i = i + 1) { if (data[i].pid == parent) { var
2022-04-04 01:17:01
267
原创 uniapp拨号
#uniapp封装的 uni.makePhoneCall API可以实现拨号功能文档如下下面展示一些 内联代码片。// A code blockvar foo = 'bar';// An highlighted block dial(Telephone) { uni.makePhoneCall({ phoneNumber: Telephone, success: (res) => { console.log("拨打电话"
2021-09-21 20:54:44
341
转载 深拷贝几种方法
#深拷贝指的是:将原对象的各个属性逐个复制出去,而且将原对象各个属性所包含的对象也依次采用深复制的方法递归复制到新对象上。并开辟了一块新的内存地址来存放复制的对象。当对对象a进行深拷贝给对象b后,之后无论是对a操作还是对b操作,都是指改变自己的内容。实现深拷贝的方法有很多种,如下:#1、JSON.stringify/parse的方法下面展示一些 内联代码片。// A code blockvar foo = 'bar';// An highlighted blocklet arr1 = [1,
2021-09-10 13:19:22
1159
原创 后台发送请求
#第一步在方法类里边定义下面展示一些 内联代码片。// A code blockvar foo = 'bar';// An highlighted blockexport const articleList = async(payload = {}) => { const params = { url: `${config.prefix}/wapp/article`, payload, auth: true, }; c
2021-09-01 22:04:09
133
原创 git常用命令
首先将网上仓库克隆到本地克隆本地以后,就相当于把网上仓库拉到本地提交代码操作1 git add . 添加当前目录下的所有文件到暂存区:2 git commit -m ‘提交’ 提交暂存区到本地仓库中:3 git pull 拉取最新代码,保证提交前自己没有改过的地方是最新的,因为开发过程中,往往不是一个人在战斗,4 git push 提交代码拉取代码 git pull# tips ::: .gitignore 这个文件是忽略提交的文件 如这个是把项目里的 unpackag
2021-08-30 21:18:36
56
原创 uniapp跳转页面传值
#第一个页面跳转第二个页面步骤# #事件函数// An highlighted blockgoToitem(item) { uni.navigateTo({ url: `/pages/news/space ? articl=${item.uid}`, }); ///pages/news/space 页面路径 ?后面是传递的参数 tips:路径必须使用模板语法 ``# #被跳转页面接收下面展示一些 内联代码片。
2021-08-30 15:18:43
187
原创 uniapp下拉刷新
页面下拉刷新#1,在pages.json配置enablePullDownRefresh下面展示一些 内联代码片。// A code blockvar foo = 'bar';// An highlighted block { "path": "tenant/shunjing/map_grid/map_grid", "style": { "enablePullDownRefresh": true,
2021-08-27 16:49:14
97
原创 伪元素居中方法
伪元素居中方法下面展示一些 内联代码片。// A code blockvar foo = 'bar';// An highlighted block left: 50%; transform: translateX(-50%);
2021-08-06 22:36:24
675
原创 margin与padding
margin和padding数值要对仔细,这个数值如果要与设计稿不一样,对产品的影响可大可小,如果产品已经发布,会对用户的带来坏印象,继而对产品造成影响所以对待margin与padding一定要仔细,认真,不能出任何差错...
2021-08-06 22:32:58
79
原创 css圆角与阴影的应用
css的圆角是比较常用的属性,使用圆角可以是页面看上去不生硬,如下加上圆角之后虽然乍一看效果一样,但是,带圆角的确实比不带的看着要舒服并且圆角的属性也简单只有简简单单的一句border-radius: 20px;但是,就是因为字段简单,在工作活学习中经常把他忘掉,,,这是个大问题...
2021-08-06 22:13:53
172
原创 css各种小问题
地图下面的效果是css的遮罩实现的代码如下下面展示一些 内联代码片。// A code blockvar foo = 'bar';// An highlighted block .mask { width: 100%; height: 80%; position: absolute; top: 0; background: linear-gradient(to bottom, rgba(22, 21, 21, 0),.
2021-08-02 20:16:55
96
原创 子组件传值父组件步骤
再父组件内注册子组件后并引用,在子组件自定义事件下面展示一些 内联代码片。// A code blockvar foo = 'bar';// An highlighted block<button @click="transger({infromation})">传递</button>下面展示一些 内联代码片。并对事件在methods内进行定义// A code blockvar foo = 'bar';// An highlighted blockmet
2021-08-02 19:50:13
110
原创 组件的onload无法执行
在uniapp项目中,封装一个组件后,在组件内部的的onload函数是不执行的,小程序的onshow也是。如果有需求,需要在组件加载时执行可以用加载函数内联代码片。// A code blockvar foo = 'bar';// An highlighted blockmounted(){console.log("mounted函数")} onload() { console.log("onload函数"); }, onShow() { console.lo
2021-07-31 20:42:45
2825
5
原创 定位微信小程序导航栏
定位微信小程序,首先做一个关于头部的组件,主要是让这个组件的位置固定这里需要使用到css的 fixed定位和z-index的属性下面展示一些 内联代码片。// A code blockvar foo = 'bar';// An highlighted block position: fixed; //1 z-index: 1; //2 top: 0rpx; //3 left: 0; //4 width: 100%; /
2021-07-29 20:03:05
340
原创 关于flex布局部分语句
在使用flex布局中,使用常见的语句如下下面展示一些 内联代码片。// A code blockvar foo = 'bar';// An highlighted blockdisplay:flex;//指定一个盒子下的元素使用flex布局flex-direction //这个属性有四个参数分别为row|| row-reverse|| column || coulmn-reverse//第一个row为默认值主轴方向为水平方向,起点在左端//第二个row-reverse 他的方向也是水平
2021-07-29 19:48:21
98
原创 2021-7-27
今天是实习第一天,也是开始更新博客的一天。实习期一年。在这一年中如果有进步或新技术的发现须在次博客记录。记录前端点滴。让互联网见自己的成长
2021-07-27 20:21:25
39
原创 微信小程序自义定头部
首先把初始的微信头部隐藏掉接着封装一个组件navigation-bar在父组件中导入navbarvue并进行注册这是在父组件获取手机导航栏的高度,传到子组件进行尺寸的调试。计算公式:导航栏高度 = 状态栏到胶囊的间距(胶囊距上距离-状态栏高度) * 2 + 胶囊高度 + 状态栏高度在父组件使用。注意父组件传值的方式是动态的 。“ :”不要忘记最后就是在封装的组件用props接收传进来的数据,给头部的高度赋值...
2021-07-27 19:32:43
230
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人