楚峡云归-CSDN博客

原创【Node】express中post,put,delelte请求无法获取参数的解决办法

原因req.body无法正确解析,所以不能获取到参数解决办法使用 body-parser 中间件格式化req.body数据var bodyParser = require('body-parser');app.use(bodyParser.json());app.use(bodyParser.urlencoded({ extended: false }));

2021-10-31 03:11:53 647

原创 css适配iPhone X

env()和constant()，是IOS11新增特性，Webkit的css函数，用于设定安全区域与边界的距离，有4个预定义变量：safe-area-inset-left：安全区域距离左边边界的距离safe-area-inset-right：安全区域距离右边边界的距离safe-area-inset-top：安全区域距离顶部边界的距离safe-area-inset-bottom ：安全距离底部边界的距离...

2021-10-13 10:45:36 263

原创【js】call,apply,bind的区别

API字段类型备注hstring高度,单位rpxcstring背景颜色,如#FFFFFF

2021-09-28 11:52:09 119

原创【node实战】使用nodejs生成Excel表格

//生成Excel依赖包var xlsx = require('node-xlsx')//写入文件依赖包var fs = require('fs')//数据const data = []//配置，设置列宽const options = {'!cols': [{ wch: 6 }, { wch: 7 }, { wch: 10 } ]};//生成二进制数据流var buffer = xlsx.build([{name: "mySheetName", data: data}], options)

2021-03-13 22:01:37 2316

原创【js】异步方法同步化

【阿楚JavaScript知识点】异步方法同步化背景实现思路实现过程总结背景最近刷知乎的时候使用到了返回顶部的功能，跟我以前写的直接将滚动条滑动到顶部不太一样。知乎的滚动条是由慢到快加速度慢慢滚动上去的。于是我见猎心喜，琢磨着自己也实现一个这样的功能。毕竟以前是直接控制滚动条定位到顶部这样跳转太突兀了。实现思路于是我开始了对知乎返回顶部功能进行反复尝试，总结出了思路：知乎的返回顶部是有停顿时间的，有一个肉眼可见的停顿，并不是直接定位返回的速度是由慢到快逐步加速的实现过程实现

2021-03-04 13:09:06 561 1

原创手把手带你实现一个Vue全局组件（全局图片查看）

是不是用过element-ui 的this.$message()或者uniapp的uni.previewImage()这类方法？一个方法就能调用组件而不用写导入组件的感觉是不是很爽？今天，就带你手把手实现一个。实现先写好组件内容，组件怎么实现的就不说了，我这里写的是一个图片查看的组件，直接贴代码<template> <div class="showImage" v-show="show"> <div class="mask"></div>

2020-07-20 15:49:08 671

原创 css媒体查询--每日一个前端知识点

之前一直有听说过媒体查询，但是没有好好去了解过这个东西，今天花了时间来了解了解。先贴一段代码// @media screen and (min-width: 300px)and (max-width: 600px) {// background: #000000;// }// @media screen and (max-width: 1080px)and (min-width: 800px) {// background: #ff0004;// }// @media s

2020-05-27 17:59:43 121

原创 uniapp写小程序时调用用户信息/手机号的坑

要实现一个这样的效果,获取用户信息,按照微信官网的定义login方法不可用了,要给button写open-type,但是在uniapp里实现这个效果却总是报错:pages/index/detail/detail" does not have a method “onGotUserInfo” to handle event “getuserinfo”.说我没有这个方法?但是我确实是写在meth...

2019-11-23 10:39:10 4848 1

原创 Vue+Element-ui实现考试检查答题（判断正确答题，错答，漏答）

今天实现检查答题功能做了一天了，效果如下：我就不贴代码了，代码太长贴了也看不明白，讲下思路和关键代码就好，<el-radio-group v-if="!isCheck" v-model=item.value style="width:100%" @change="selectSing"> <el-radio :disabled="disable" ...

2019-09-06 18:18:27 14486 1

原创 p标签不换行，超出部分用...替代

这个东西以前就做过，用的js判断字数超出改成点点点.本来一个三元运算符就能解决的text.length>50?text.substring(0,50):text;但是！！这次需求不一样，要求在缩放情况下仍然能够保持，这下就只能用css了通过查阅w3c找到了几个属性，就能实现了，还没测试，不确定会有什么兼容性问题 .title{ width: 95%; // 文本强制...

2019-09-04 10:09:31 7992

原创 Vue中三目运算符length为null的原因

.length的值为nullnull是不能.length的已错出现两次，记住（笔记）

2019-09-03 18:28:52 1185

原创本地浏览input里的图片（使用FileReader）

我们要实现的就是下图的效果//获取src的办法在一(谷)些(歌)浏览器上已经无法实现了，用户本地的路径是加密的,不允许获取//但是我们可以通过FileReader来实现//首先讲下思路，input选择图片 => filereader读取input选中的文件 => 将读取到的值赋给img的src//var file=document.getElementsByTagName(...

2019-09-03 10:59:23 244

原创 CSS 宽高度百分比数减去固定像素值的办法（例：100%-20px）

做个记录，也能够帮助恰好看到这篇文章的人height:calc(100% - 20px);注意：减号两遍一定要打空格，不然会失效这个地方我就遇到问题了，查了好久的资料才解决。...

2019-05-27 10:23:04 25312 7

原创 .net解决跨域问题

把下面的代码放在web.config文件中的 system.webServer 节点下 <httpProtocol> <customHeaders> <add name="Access-Control-Allow-Origin" value="*" /> <add name="Access-Control...

2019-05-16 11:13:09 5243 2