自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

返璞归真

博学之,审问之,慎思之,明辨之,笃行之。

原创 【web前端】23.解决内部div的margin影响外部div的margin

有一个内部的div里面包含div. .html <div id="container"> <div id="inner"></div> </div> .css #container { ...

2020-04-08 13:17:45 93 0

原创 【Angular】7.Angular8 如何用angular cli工具创建工程

前提条件: 在创建angular8项目之前,首先要先确认一下电脑有没有装node.js和npm包管理器。 Node.js Angular需要Node.js版本10.9.0或更高版本。 (1)要检查你的版本,在终端或控制台窗口运行node -v (2)要获取Node.js,请转到nodej...

2020-04-02 17:40:15 132 0

原创 【LeetCode】1313. Decompress Run-Length Encoded List(javascript版)

1313.Decompress Run-Length Encoded List We are given a list nums of integers representing a list compressed with run-length encoding. Consider ea...

2020-03-25 17:12:41 43 0

原创 【LeetCode】905. Sort Array By Parity (javascript版)

905.Sort Array By Parity Given an array A of non-negative integers, return an array consisting of all the even elements of A, followed by all the o...

2020-03-25 17:04:06 35 0

原创 【LeetCode】561. Array Partition 1(javascript版)

561.Array Partition 1 Given an array of 2n integers, your task is to group these integers into n pairs of integer, say (a1, b1), (a2, b2), ..., (a...

2020-03-25 16:13:10 30 0

原创 【LeetCode】26. Remove Duplicates from Sorted Array(javascript版)

26.Remove Duplicates from Sorted Array Given a sorted array nums, remove the duplicates in-place such that each element appear only once and retur...

2020-03-13 17:30:18 33 0

翻译 【web前端】22.解决-webkit-overflow-scrolling:touch的bug

-webkit-overflow-scrolling:touch用来控制元素在移动设备上是否使用滚动回弹的效果,兼容Android和Ios的写法如下: overflow:auto;/* winphone8和android4+ */ -webkit-overflow-scrolling: tou...

2019-11-14 13:08:06 79 0

原创 【Vue】26.Vue中引入Echarts图表tab切换时遇到的坑

最近在做Echarts图表切换的时候遇到了一个坑,产品设计的需求是这样,两个tab,一个是疾病风险图表,一个是意外风险图表,tab切换时显示不同的图表,而且要根据不同角色的年龄动态的在图表上打个坐标点,页面里面用的是v-show,没有用v-if,当时是这样考虑的,页面初始化进来加载的数据就直接都渲...

2019-11-14 10:33:59 1068 0

原创 【web前端】21.解决Android端垂直不居中的问题

对一个元素设置了line-height等于height垂直居中,但是在android浏览器上总会偏一点,这个问题可以使用flex布局,字体大小设置为偶数,如果字体大小一定要奇数的话,可以利用js判断当前是android机型还是ios机型。 垂直可以flex布局: display:flex...

2019-10-08 15:08:17 230 0

翻译 【杂谈】5 .git忽略 .idea文件

多人开发中,会出现明明.gitignore忽略文件里面,但是提交时仍然会出现.idea内文件变动的问题 原因:.idea已经被git追踪,之后再加入到.gitignore后是没有作用的 解决办法:清除.idea的git缓存 git rm -f --cached .idea .gitign...

2019-08-16 10:09:53 65 0

原创 【杂谈】4 .git跟踪不了新增文件

最近git遇到一个问题,我用的sourceTree,修改文件可以跟踪到文件,新增文件就检测不到了,自己也是很郁闷,于是就在网上搜了各种方法,试了都不行,最后没办法了就用git命令行 git add <file> 结果提示文件已经被忽略了,监测不到,看了一下自己的.gitignor...

2019-08-16 09:59:07 298 0

翻译 【杂谈】3.Mac系统如何显示隐藏文件解决办法

苹果Mac OS操作系统下,隐藏文件默认为隐藏状态,隐藏文件是否显示有多种方式可以设置。 打开终端,输入命令行 显示Mac隐藏文件的命令: defaults write com.apple.finder AppleShowAllFiles -bool true 隐藏Mac隐藏文件的命令:...

2019-08-16 09:41:10 112 0

翻译 【Vue】25.Vue 三元判断绑定class

v-bind:class="index==searchIndex ? 'classOne' : 'classTwo'"

2019-07-16 10:51:33 1314 0

翻译 【微信_小程序】4.小程序Android web-view内嵌网页字体加粗不显示的问题

最近做项目遇到一个问题,公司的小程序内部要嵌入H5页面,结果这个字体加粗在网页里面显示是正常的,在ios里面显示也是正常的,就是在Android上显示是不正常的,字体显示不加粗,网上搜了一圈,找到了答案。 (1)字体加粗属性 <style type="text/css&qu...

2019-07-16 10:35:54 681 0

原创 【web前端】20.手机端网页禁止长按图片保存图片

最近做项目遇到一个问题,就是img图片长按会从底部弹出来保存图片的弹框,因为页面上不需要这个功能,所以产品要求去掉,解决这个问题,有两种方法: 1. 利用css img属性 img {pointer-event:none;-webkit-user-select:none;-moz-user-...

2019-07-15 11:10:22 2132 0

原创 【Vue】24.遮罩层阻止默认滚动事件

在写移动端页面的时候,弹出遮罩层后,我们仍然可以滚动页面。vue中提供@touchmove.prevent.stop,@mousewheel.prevent方法可以完美解决这个问题。 <div class="dialog" @touchmove.prevent.sto...

2019-07-15 10:58:10 478 0

原创 【Vue】23.vue项目中子组件接收不到父组件传值的问题

项目背景:使用vue-cli3搭建的项目框架 问题描述:父组件里面有一个轮播图,这个轮播图我封装了一下,封装成了一个组件引到了这个页面里面,我们产品的需求是,根据页面获取到的婚姻状态做判断,第二张图片的链接点进去显示不同的文章,意思就是根据婚姻状态给第二张图片赋不同的链接值,所以我需要传给这个轮...

2019-06-14 19:06:29 4269 0

翻译 【web前端】19.手机分享网页链接的描述,标题,图片的控制

(1)微信 微信中可以通过微信提供的jssdk进行配置,详细文档参考微信JS-SDK说明文档 (2)QQ 在手机qq中可以直接配置meta标签进行配置 我们在qq聊天中有时候给朋友发一个链接,我们看到的是卡片类型,在meta标签里面设置,就可以自定义卡片的文字及图片信息,如下图所示,QQ获...

2019-06-13 17:30:20 645 0

翻译 【web前端】18.web网页中实现点击下载功能

JS实现html页面点击下载文件有两种方式: (1) 使用<a>标签来完成 <a href="/user/test/xxxx.txt" download="文件名.txt">点击下载</a> (2)使用按钮进行监听...

2019-06-13 10:38:35 1491 0

翻译 【web前端】17.实现点击跳转锚点部分(vue)

<div class="big-data-content-bottom"> <section class="content-bottom-one" id="one"> <p...

2019-06-13 10:26:34 803 0

翻译 【web前端】16.实现点击回到页面底部/顶部

<script src="js/jquery-3.3.1.min.js"></script> <script> $(document).ready(function () { $('#go_up')...

2019-06-13 10:12:37 789 0

原创 【VUE微信_服务号】5.解决H5页面IOS下横向滚动条无法隐藏的问题

最近做项目需要实现一个横向滚动卡片的效果,因为项目是用vue搭建的,想着找一个vue的第三方插件,也没有合适的,于是仔细想了想,其实简单的css也能实现这个效果,而且效果也很好。 大致实现这个功能的方法,就是隐藏横向滚动条,按照以往的做法添加伪类,如下代码 ::webkit-scroll...

2019-05-08 17:44:47 509 0

原创 【微信_小程序】3.小程序IOS web-view内嵌二维码页面长按出现两个保存提示框

最近做项目遇到这样一个需求,实现一个长按保存二维码的功能,其实是个很简单的问题,说白了其实不需要我们程序员做什么的,这是微信自带的功能,但是呢,这里实现的时候确实有点问题,因为这里实现的时候是把二维码做到了H5页面里面,通过web-view嵌套到小程序里面,结果问题就出来了。 后来在网上查了...

2019-05-07 16:45:19 427 0

原创 【Vue】22.vue组件级路由钩子函数(beforeRouteEnter/beforeRouteUpdate/beforeRouteLeave)

一.beforeRouteEnter(to, from, next) beforeRouteEnter函数内部this是undefined,这是因为在执行路由钩子函数beforeRouteEnter时候,组件还没有创建出来;先执行beforeRouteEnter,再执行组件周期钩子函数befor...

2019-04-29 15:28:10 1543 0

翻译 【Vue】21.vue项目中ECharts图表双Y轴

安装ECharts图表插件 npm install echarts --save 实例效果: 代码: <template> <div class="chart-swapper"> <div id="my...

2019-04-29 14:35:10 874 0

翻译 【微信_小程序】2.微信小程序web-view内嵌公众号网页

需求:要做一个微信小程序,由于小程序里面图表实现有困难,需要h5实现(vue框架搭建的)嵌套到小程序里面,所以就涉及到相互通信的问题。 一.web-view内嵌的h5页面添加代码 1.安装js-sdk npm install weixin-js-sdk --save 2.引入js ...

2019-04-28 10:56:19 1186 0

原创 【Vue】20.vue项目中引入echarts图表遇到的问题

最近做一个公众号有需求是要添加一个图表,自己调查了一下,决定使用ECharts,在vue项目中引入ECharts,由于第一次做图表,还要跟UI设计图保持一致,也是遇到了好多样式问题,在这里做一下总结。 效果图如下: ECharts官方Docs ECharts官方Example ECha...

2019-04-26 15:10:25 584 0

翻译 【Vue】19.vue中router-link的一些问题

一.router-link切换路由不存入history记录的方法 在做tab切换子路由需求的时候,点击后退键,就会返回上一个子路由,不是很符合实际需求。可以在router-link后面加上关键词replace,就可以实现切换子路由,路径不存入history。点击后退按钮,会直接返回父路由的上一个...

2019-04-26 11:26:41 150 0

翻译 【web前端】15.input输入框的一些问题

一.input输入框怎么禁止粘贴 <input type="text" value="" onpaste="return false;" /> 二.IOS上input只读模式下点击有反应的解决方法 &l...

2019-04-26 11:13:59 266 0

翻译 【Vue】18.vue中使用Base64和md5

1.在项目根目录下安装 npm install js-base64 --save npm install js-md5 --save 2.在项目文件中引入 import {Base64} from 'js-base64'; import md5 from &#...

2019-03-04 14:01:10 207 0

原创 【Vue】17.vue-router history模式下的微信分享遇到的坑

最近用vue-cli3做微信公众号,使用了hiatory模式,其中也是波折不断,自己也是郁闷了好几天才把问题解决掉。 首先先安装微信js-sdk npm install weixin-js-sdk --save 然后在哪个页面里面用到微信的js api就把包导入进去 import wx...

2019-03-04 13:44:38 1137 0

翻译 【web前端】14.手机页面不允许缩放

手机页面不允许缩放要在meta标签里面添加user-scalable=no &lt;meta content="width=device-width,user-scalable=no,initial-scale=1" name="viewport"...

2019-01-27 20:20:43 368 0

翻译 【JavaScript】12.String字符串类型转换成Number数字类型

string字符串类型转换为number数字类型有5种方法 Number(),parseInt(),parseFloat(),new Number(),*/ 1.第一个函数Number(),即强制类型函数Number()可以用于任何数据类型,而另外两个函数则专门用于把字符串转化成数值 ...

2019-01-27 20:15:50 1171 0

原创 【Vue】16.vue项目里引入百度统计

参考官网:百度统计开放平台 百度统计 最近往项目里面引入百度统计,也是在网上查了各种资料,把百度统计的官网api又好好的看了一下,顺着文档的步骤,一步一步走下来,其实还蛮简单的,首先先在百度统计注册一个账号,在管理页面填写好自己要监控的网站域名,网站的首页,填写完成以后,会自动生成一段代码,如下...

2019-01-27 19:00:04 1337 1

原创 【Vue】15.vue-cli3项目配置webpack自动删除生产环境的console.log调试信息

我们都知道,项目在编译打包上生产环境的时候是不能有console.log()信息打印输出的,但是我们在开发环境有时候调试代码又需要打印输出一些信息,我们也不可能在编译上线的时候把代码里面的console.log()一个一个的全部删除掉,这个时候就需要我们在配置文件里面配置一下,生产环境编译的时候自...

2019-01-26 21:38:27 7129 4

原创 【Vue】14.解决微信浏览器input关闭键盘后导致页面底部空缺的问题

最近在做移动端vue项目的时候遇到了一个这样的一个问题,当我点击input框输调起手机软件盘输入内容以后,关闭软键盘,页面没有回到底部,导致底部出现了空白,手动往下滑动一下,页面才会恢复正常,当关闭软键盘的时候,页面不会自动回到底部。 我是flex的布局,目前Android和Ios上都有这个问题...

2019-01-26 19:38:06 3570 12

原创 【Vue】13.解决安卓手机上调出软键盘,屏幕背景被压缩的问题

在移动项目开发中遇到了一个这样的问题,我这里用的flex布局,因为flex布局是根据页面宽高度进行变化的,因此,当底部弹出手机软键盘的时候,因页面高度变化导致页面因而变化。 解决办法: 我们只需要在app这个div初始化完成的时候,获取手机的屏幕高度,并将值赋给height就好了 &...

2019-01-26 19:18:48 1980 6

原创 【Vue】12.vue中实现点击复制及打开手机微信APP的功能

最近在做vue项目的时候遇到了这样的一个需求,点击复制微信昵称并打开手机微信的功能,在网上查了一下,vue有一个第三方的插件,考虑到各个浏览器剪切板的兼容性问题,就直接引用了这个插件,打开微信就通过url协议weixin:// 可参考vue-clipboard2 &lt;templa...

2019-01-26 19:06:26 777 0

原创 【Vue】11.解决父组件通过props属性向子组件传入的值被修改以后报错的问题

我在做vue项目的时候遇到了这样的一个问题,在这里做一下总结,就是在提交表单的时候会有一个弹框提醒,这个Dialog我把它封装成了一个子组件,这样在父组件的data属性里面就会定义一个Dialog显示还是隐藏的变量,这个变量默认是false,点击按钮的时候这个变量要变成true显示Dialog,完...

2019-01-26 18:38:33 5393 0

原创 【Vue】10.vue中父组件通过props属性向子组件传值

在vue项目开发的过程中,经常会用到组件来管理不同的功能,有一些公共的组件会被提取出来,这时可能会产生一些疑问和需求?比如一个组件调用另外一个组件作为自己的组件,那么我们如何进行给子组件进行传值呢? 基于这种情况,本篇就介绍一下vue开发中常用的三种传值方式,父传子,子传父,非父子组件传值。 ...

2019-01-26 17:57:54 820 2

提示
确定要删除当前文章?
取消 删除