自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 CSS —— 有了它,图片再也不会变形了!object-fit 与 object-position 属性详解

在页面展示图片中,总会遇到图片展示不符合自己想法的事情,比如固定了图片宽高,图片会变形 其实CSS提供了一个object-fit属性,object-fit: cover; 就可以解决图片变形的问题 介绍: object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。 ob...

2020-04-27 15:58:24 52 0

原创 微信小程序——打开地图 选择位置 完整功能实现代码(定位,检索周边,可移动选点,可搜索,腾讯地图API)

小程序中打开地图选择店铺位置,地图定位选择地点实现方法如下,(仿美团外卖商家入驻店铺地址选择页面制作) 源码地址: CSDN:https://download.csdn.net/download/yu17310133443/11085028 github:https://github.com...

2019-04-03 11:20:08 8011 24

原创 VUE ———— Element Carousel 走马灯 源码分析与改写 (显示多张)
原力计划

用过Element Carousel 组件的 应该都知道 ,他只能显示3个item, 而没有提供显示数量设置的属性,那如果想要显示多个,就要来改下他的源码,一起看下吧! 原本样式: 改动后: 首先在浏览器里先看下他的样式: 首先我们将隐藏的item 显示出来 发现他是这个样子的 ...

2020-05-22 14:52:44 111 0

原创 微信小程序 ———— 使用ECharts实现树状关系图

在开发中,有时候会遇到展示一些人物关系,上下级关系等相关需求,使用树状图可以清晰的表达出来 首先看下目录结构 - component - echarts - ec-canvas.js - ec-canvas.json - ec-canv...

2020-05-19 11:24:52 107 0

原创 微信小程序 ———— 异步请求中使用async/await实现同步请求

在小程序开发中,大多数都是在打开小程序在app.js中获取用户信息的,但是如果我们进到主页获取内容需要用到用户信息 比如用户id,那我们要怎么保证在进到主页时已经拿到了用户信息呢? 最开始做小程序的时候 我用过各种笨方法,比如在主页写了个定时器,判断用户信息获取到了在停止定时器。虽然能解决,但是...

2020-05-05 17:37:28 79 0

原创 leetCode随机刷题(五) ———— 串联所有单词的子串

题目: 给定一个字符串s和一些长度相同的单词words。找出 s 中恰好可以由words 中所有单词串联形成的子串的起始位置。 注意子串要与words 中的单词完全匹配,中间不能有其他字符,但不需要考虑words中单词串联的顺序。 示例: 示例 1: 输入: s = "b...

2020-04-30 11:44:08 57 0

原创 leetCode随机刷题(四) ———— 山脉数组中查找目标值

题目: 这是一个 交互式问题) 给你一个 山脉数组mountainArr,请你返回能够使得mountainArr.get(index)等于target最小的下标 index值。 如果不存在这样的下标 index,就请返回-1。 何为山脉数组?如果数组A 是一个山脉数组的话,那它满足如下条件:...

2020-04-29 17:11:39 34 0

原创 leetCode随机刷题(三) ———— 盛最多水的容器

题目 给你 n 个非负整数 a1,a2,...,an,每个数代表坐标中的一个点(i,ai) 。在坐标内画 n 条垂直线,垂直线 i的两个端点分别为(i,ai) 和 (i, 0)。找出其中的两条线,使得它们与x轴共同构成的容器可以容纳最多的水。 说明:你不能倾斜容器,且n的值至少为 2。 示例:...

2020-04-29 14:17:17 46 0

原创 leetCode 随机刷题(二) ———— 长按键入

题目 你的朋友正在使用键盘输入他的名字name。偶尔,在键入字符c时,按键可能会被长按,而字符可能被输入 1 次或多次。 你将会检查键盘输入的字符typed。如果它对应的可能是你的朋友的名字(其中一些字符可能被长按),那么就返回True。 示例 1: 输入:name = "ale...

2020-04-29 11:03:43 34 0

原创 leetCode随机刷题(一) ———— 两数之和!

给定一个整数数组 nums和一个目标值 target,请你在该数组中找出和为目标值的那两个整数,并返回他们的数组下标。 你可以假设每种输入只会对应一个答案。但是,数组中同一个元素不能使用两遍。 示例: 给定 nums = [2, 7, 11, 15], target = 9 因为 num...

2020-04-29 10:44:41 56 0

原创 JavaScript —— 数组转成字符串 (新方法,另辟蹊径!)

众所周知 js中数组转成字符串使用join方法 字符串转成数组使用split方法 例如: var arr = [1,2,3]; console.log(arr.join()); // '1,2,3' console.log(arr.join('....

2020-04-27 14:36:06 48 0

转载 小程序通过摄像头拍摄个人身份证

前段时间,手上刚好接手一个小程序的项目,心想之前自学过一段时间的小程序,终于有项目可以练练手了,可惜,万万没想到,加了两个周末的班结果却成了飞机稿。好在有些收获,于是趁思路尚且清晰,先记录下来,以下纯属个人见解。 项目大概是这样的,通过摄像头拍摄个人身份证,并上传资料完成备案。 帐号 ...

2020-04-27 11:34:43 49 0

原创 jQuery——自定义浏览器滚动条,改变滚动条样式。实现滚动条效果

自定义浏览器滚动条,并实现滚动条功能 废话少说,直接上代码: HTMl <div class="scroll-box" onscroll="onScroll()"> <p>1</p> <p>2&l...

2020-04-27 11:17:12 46 0

原创 微信小程序——安卓可能遇到的卡顿问题解决方案

在微信小程序开发中,页面路由之间跳转后可能会遇到页面卡顿的问题 可以检查下页面是否有使用或者多次使用redirectTo 方法,这个方法在安卓上的会造成页面卡顿的现象,但也不是必发,如果出现页面卡顿的现象不妨尝试下,可以换成reLaunch方法解决,这个问题在IOS上不会有,小程序在IOS上的性...

2020-04-07 18:29:09 439 0

原创 微信小程序:手机号码解析失败解决方案

在小程序开发中,获取用户信息,获取手机号基本是必须用到的功能 但是有时可能会遇到“手机号解析失败”的问题,这个时候我们检查下代码是否是在获取手机号的回调中才调用的wx.login的方法,如果是这样,这一点官方文档是有说明的,如下: 所有解决办法是提前调wx.login,在获取手机号的回调方...

2020-04-07 18:17:43 305 0

原创 屏幕滚动到页面某个位置,导航栏固定顶部功能。临近值闪烁问题解决办法

在前端开发中,又是会遇到实现页面中有个导航栏,页面滚动到导航栏位置时,导航栏固定在顶部。滚动回去,导航栏再恢复到页面中。 我们需要获取 : 1. 导航栏在页面中距离窗口顶部的高度 top 2. 时刻检测窗口滚动的高度 scrollTop 当 scrollTop >= top时 说明页...

2019-08-06 17:52:25 628 0

原创 工具——MP4转GIF,在线转换工具,超好用

在线地址:https://ezgif.com/video-to-gif

2019-04-29 14:14:55 17445 0

原创 javascript—— JS 深拷贝与浅拷贝方法总结

<script> var arr1 = [1,2,3,{a:4}]; var arr2 = []; //浅拷贝 function shallowCopy(a1, a2){ a2 = a1; } //普通元素为深拷贝,对象为浅拷贝 function copy(a1, a...

2019-04-29 11:50:07 298 0

原创 微信小程序——微信支付,前端实现统一下单方法

微信小程序中微信支付统一下单前端实现方法:(实际项目中建议在后台来实现) /*统一支付接口*/ unitedPayRequest: function(openid){ var that=this; //统一支付签名 var appid = ''...

2019-04-23 13:51:24 1798 2

原创 微信小程序——自定义上拉加载,下拉刷新 实现方法

开发中,有时列表使用<scroll-view>来实现滚动效果,然而在实现上拉加载,下拉刷新的时候,希望可以在<scroll-view>中来实现拖拽效果,而不是使用wx.startPullDownRefresh()去展示整个页面的拖拽 这里选择使用 bindtouchst...

2019-04-12 11:35:21 236 0

原创 小程序手动退出方法

小程序中手动点击按钮退出小程序的方法: <navigatoropen-type="exit" target="miniProgram">退出小程序</navigator>

2019-04-11 17:02:10 1444 0

原创 微信小程序——选择图片,上传图片,点击查看大图,删除图片

Page({ data: { images: [], count: 3, //设置最多三张图片 }, chooseImage: function () { var self = this; var images = self.data.images; ...

2019-04-11 16:42:04 680 0

原创 微信小程序——列表遍历排序方法

Page({ data: { arr: [ { id: '1', name: '一', age: '12' }, { id: '5', name: �...

2019-04-11 16:19:35 4000 0

原创 微信小程序 git代码管理使用的详细步骤

小程序 代码管理 操作 详细步骤: 首先,微信开发者工具点击"代码管理"后,执行 初始化git仓库后 点击确认 就来到如下页面: 点击右上角的代码管理按钮,打开 管理后台, 选择创建项目: 这里面创建之后,会设置邮箱 账户 密码一些东西 ,账户密码设置之后后面需要...

2019-03-28 11:56:51 6228 3

原创 2099年?

……………………

2019-03-22 10:06:47 122 0

原创 【angular】error TS2307: Cannot find module 'rxjs-compat/Observable

今天在ng build 时 报了个错  error TS2307: Cannot find module 'rxjs-compat/Observable 出现原因是因为 rxjs v5.x 升级到 6了  解决办法很简单: 在项目目录下执行: npm install rxjs@...

2018-11-16 18:19:02 2437 6

原创 【百度小程序】tabBar自定义组件使用

之前微信小程序使用模板形式自定义的tabBar, 转到百度小程序发现不是很好用,data值传不进去,所以就做了修改,改成了component组件式了,下面是我的代码,有需要的朋友可以参考,根据自己需求调整 我的tabBar为 首页,客服,电话,预约和查询,整个文件夹目录放在了pages文件夹下面...

2018-10-11 09:59:22 2452 1

原创 【mip】 mip 组件

整理了在mip开发中自己所封装的一些组件,如果大家有用的上的可以参考或提供改进建议 mip官网:https://github.com/mipengine/ mip组件存放地址:https://github.com/mipengine/mip-extensions-platform   ...

2018-08-31 17:21:07 455 0

原创 微信内置浏览器缓存如何避免,如何防止微信缓存

在前端开发中,都会碰到网址在微信浏览器打开的缓存问题,页面资源没有更新在开发过程中,我们可以使用debugx5.qq.com来清除缓存但是更新版本后却不能这样,我们可以在引用时在链接后面加版本号,或者MD5加密静态资源名使用gulp批量前端静态资源加MD5或版本号,防止缓存,并替换引用地址链接地址...

2018-05-16 16:37:19 1844 1

原创 【gulp】前端静态资源加MD5或版本号,防止缓存,并替换引用地址

一. 最后实现的效果如下:&lt;script type="text/javascript" src="resource/js/jquery-3-a46fb81762.3.1.min.js"&gt;&lt;/script&gt...

2018-05-16 16:30:12 1735 2

原创 【jQuery】获取鼠标位置

//获取鼠标距dom0,0坐标 与当前对象0,0坐标的位置 .factory("getPosition",function(){ return{ // 获取当前dom元素 getCrossBrowserEl...

2018-04-28 17:14:24 1356 0

原创 【css】苹果手机上input的button按钮颜色显示问题

在手机页面上写了个input的button按钮,但是颜色显示不对可以在css中加上下面这句input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: ...

2018-04-16 10:10:16 1512 1

原创 【jQuery】获取图片img的真实宽高大小

在开发过程中,由于浏览器的缓存,有时候获取到&lt;img&gt;标签图片的高度并不是图片真实的高度,会影响我们在js代码中一些对图片尺寸的处理,那么怎么获取图片的真是高度呢?方法如下:// 获取图片真实高度 function getImageWidth(url,callback)...

2018-04-08 16:52:06 9869 1

原创 【Electron】Electron开发中,与部分jQuery/angularjs/vuejs等外链冲突的问题

在Electron开发桌面应用中,之前的angularjs项目使用了websocket重连的方法,通过&lt;script&gt;引入进来,但是在Electron上运行的时候,会报错!后来找到一片说明的文档,是因为有冲突解决办法:&lt;html&gt; &am...

2018-03-27 09:48:33 676 0

原创 【CSS】css实现移动端或手机网页上溢出滚动但隐藏滚动条的原理和方法

要实现可以滚动但又不显示滚动条的原理很简单,只要在外面再套一个盒子,想办法把滚动条挤出盒子外隐藏掉就好了下面以导航栏允许横向滚动不显示滚动条的方法为例:&lt;div style="overflow:hidden;height:60px;"&gt; &...

2018-03-23 15:23:48 7553 0

原创 【AngularJS】Angularjs中 图片等链接 unsafe的问题解决方法

angular对href是有安全检查的,只能生成它认为安全的链接,所以在我们加载绑定base64的图片或者一些tel,sml链接的时候,会报出类似下面的错误解决办法很简单,AngularJS内置的provider——$compileProvider$compileProvider.aHrefSan...

2018-03-16 10:15:52 1547 2

原创 【Electron】Electron 如何通信,把消息发送到main.js

在Electron应用中,实现页面与main.js直接的通讯很方便,我使用的方法是:1. 在main.js中加入一下代码:const ipc = require('electron').ipcMain; //接收 ipc.on('news',function...

2018-03-13 15:21:26 4182 0

原创 【ELectron】electron应用任务栏图标闪烁提醒

1.在Electron应用中,设置应用任务栏图标的方法很简单,只需要在main.js加入以下代码:const electron = require('electron'); const Tray = electron.Tray; //系统托盘图标目录 trayIcon = ...

2018-03-13 15:09:28 6217 1

原创 【Electron】Electron 系统托盘图标/任务通知栏图标/右下角图标

QQ启动时,右下角会有企鹅的小图标。使用Electron可以通过下面的方法实现这种效果1.这是我们项目的目录结构2.打开main.js ,目前我的main.js 是这样的:const {app, BrowserWindow} = require('electron'); l...

2018-03-13 12:01:09 13515 4

原创 【Electron】 NSIS 打包 Electron 生成exe安装包

上一篇文章【Electron】 Electron 开发桌面应用(一) 编写→运行→打包 我们已经得到了electron打包好的应用了,目录如下,但是我们如何整合成一个安装程序,发给客户使用呢?这一篇文章我们使用NSIS来打包Electron安装程序NSIS操作简单,而且打包出来的安装包,安装过程和...

2018-03-09 14:42:00 10448 11

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