- 博客(23)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 段落末尾对齐
html页面上编写一段话，常规情况下，段落末尾是不会对齐的。若需要末尾对齐，可以使用：<style>div { text-align: justify;}</style>意思是内容两端对齐。
2020-06-19 09:58:17
1636
原创 JavaScript的map()方法使用
定义和用法map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。map() 方法按照原始数组元素顺序依次处理元素。注意：map() 不会对空数组进行检测。注意：map() 不会改变原始数组。const myArray = [1, 2, 3, 4, 5];const square = (num) => { return num * num;}const result = myArray.map(square);console.log(r..
2020-06-11 17:07:07
188
原创 flex布局两端对齐space-between，最后一行如果不满的话则从左对齐
给容器元素增加伪类，宽度为子元素宽度&:after { content: ''; width: 200rpx;}
2020-05-15 10:47:19
2067
原创 JS获取下个月的第一天和最后一天
/*获取下个月的第一天*/ nextMonthFirstDay() { var time = new Date(); var year = time.getFullYear(); var month = time.getMonth() + 2; if (month > 12) { month = month -...
2020-02-10 12:15:45
4006
1
原创 点击切换标签页，为选中标签增加特定样式
循环显示标签的代码：<view v-for="(item,index) in tabBars" :key="item.id" class="nav-item" :class="{current: index === tabCurrentIndex}" :id="'tab'+index" @click="changeTab(index)">{{item.name...
2020-02-03 20:49:37
800
原创 Vue单页面应用实现微信浏览器分享文章详情页，解决授权及分享后文章重定向问题
Vue单页面开发的一个文章小应用，打开先跳转到授权页面，授权成功后跳转到文章列表页，然后再跳转到文章详情页，当通过微信自带分享功能分享文章出去后，别人点击链接会出现授权问题的坑，以及单页面哈希路由无法正确跳转详情页的坑。 data() { return { configInfo: {}, newDetailObj: { img_url: '',...
2019-11-07 15:59:59
640
原创 CSS3中使用calc()计算高度，vh以及vw
viewport：是可视窗口，也就是浏览器；vw Viewport是宽度，1vw 等于viewport宽度的1%；vh Viewport是高度，1vh 等于viewport高的的1%；calc()使用通用的数学运算规则计算元素的高度或者宽度。.scroll-list-wrap height calc(100vh - 50px) overflow-y auto overfl...
2019-11-07 11:25:09
2056
原创 移动端2倍图和3倍图的处理方法
/* 如果设备像素大于等于2，则用2倍图 */@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2) { .img { background-image: url(../images/[email protected]); background...
2019-11-07 10:42:46
2078
原创 移动端遮罩层有滚动条的情况下覆盖全屏
原本用position:absolute;页面滚动遮罩层不会覆盖下方内容，换成position:fixed;就可以解决问题了。.mask { position: fixed; z-index: 99; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; overflow: aut...
2019-10-31 11:44:53
615
原创 PC端微信自带浏览器网页跳转授权页面空白问题
手机微信授权正常的，但PC微信用自带浏览器打开网页的时候空白，经过多次尝试，发现原来是授权地址的参数顺序问题。因为项目是单页面应用，由于微信授权时会自动去掉“#”后的内容，所以当时调整了&redirect_uri参数的位置，没想到就掉坑里了，瀑布汗！"https://open.weixin.qq.com/connect/oauth2/authorize?" + "ap...
2019-10-23 09:25:21
4159
1
原创 微信网页ios端不能滚动
微信页面ios端没有滚动效果，安卓端正常，在最外层元素上添加css样式即可。-webkit-overflow-scrolling: touch; //ios滚动
2019-10-21 16:37:13
540
转载 页面设置body高度height:100%不生效解决办法
直接body{ height: 100%; }不生效的话，那就在前面加个html吧，如下：html,body { height: 100% }如果想要知道原理的可以参阅下面这篇文章，写得很好转自：https://blog.csdn.net/javaloveiphone/article/details/51098972...
2019-10-17 11:44:55
696
原创 Node.js使用Express及Mongoose实现增删改查、分类查询、分页和排序功能
Node.js初学者，记录一下自己的学习笔记。比如我们要做一个草药的列表，首先新建草药的数据模型，在models文件夹下新建文件herbals.js。代码如下：var mongoose = require('mongoose');var Schema = mongoose.Schema;var herbalSchema = new Schema({ "name": String...
2019-06-21 16:53:13
1332
原创 搭建本地MongoDB数据库
1、去官网下载mongodb的安装包，这边安装的是3.2版本；2、选择地方创建文件夹MongoDB下面data、logs、etc，在etc中新建文件mongo.conf；3、进入安装目录，cd D:\ruanjian\MongoDB\Server\3.2\bin 再执行下面的命令：mongod --dbpath=c:\MongoDB\data --port=27017上面命令中的...
2019-06-21 16:01:01
1384
原创 flex布局详解
使用flex进行页面布局非常方便，下面对flex的使用方法进行详细说明。假如页面上有3个色块，我们通过flex操作这3个色块的布局。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>flex</titl
2019-03-10 22:29:30
166
原创 Vue列表通过事件冒泡绑定行点击事件
用vue.js渲染列表的时候，如果项目是结合jQuery绑定行点击事件的，当翻页的时候会重新渲染列表数据，如果只是在页面加载的时候绑定了行点击事件，当下一页展示的数据多余前一页的时候，会出现绑定事件失效的情况。解决方法就是页面初始化的时候通过事件冒泡给table绑定事件，这样重新渲染列表的时候，行点击事件也不会失效。$(".table").on('click', '.js-edit', fu...
2018-12-25 10:38:16
839
原创 跨域问题解决
今天遇到了一个跨域问题，尝试了网上的各种方法都没有效，最终通过把ajax属性：xhrFields: { withCredentials: false}设置为false，成功解决了跨域问题。...
2018-12-20 13:22:49
154
原创 隐藏手机号中间四位
function hideMobile(tel) { var tel = tel.toString(); return tel.substr(0, 3) + "****" + tel.substr(7);}
2018-11-02 14:56:27
662
原创 vue.js渲染数据后使用footable.js无效的问题
今天维护一个项目，原本用的是template模板引擎渲染表格数据，我将它改成用Vue.js渲染数据，但是发现原来用的footable.min.js控制行数据显示及隐藏的插件失效了。经过研究发现，跟Vue的响应式机制有关，Vue并不是数据变化，DOM就立即变化，而是按一定的运行机制进行DOM的更新。这个时候就要用到$nextTick方法了，在修改数据之后使用 $nextTick，就可以在回调中获...
2018-10-29 17:03:28
730
2
转载 div或者p标签单行和多行超出显示省略号
单行文本溢出显示省略号overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行文本显示省略号display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;这个多行文本省略号在iPhone...
2018-10-15 09:35:53
436
原创 em和rem的区别
em和rem都是长度单位。em相对于父元素，rem相对于根元素。em：1、父元素font-size：16px，子元素font-size：1em，则为16px；2、width、height、padding、margin这些属性的em，是相对于该元素的font-size的，而不是父元素，div的font-size：30px，width：2em，则width为60px。rem：...
2018-10-12 14:10:45
170
原创 button按钮点击的时候出现边框
button按钮在chrome浏览器下被点击时会出现一个蓝色的边框解决方法：button:focus { outline: 0!important;}
2018-10-10 11:10:45
3106
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人