- 博客(20)
- 收藏
- 关注
RSS订阅原创 Charles下载安装及配置之Mac
因工作需要用到抓包工具，但Fiddler不能在mac上使用，所以找到了Charles，Charles其实是一款代理服务器，通过过将自己设置成系统（电脑或者浏览器）的网络访问代理服务器，然后截取请求和请求结果达到分析抓包的目的。该软件是用Java写的，能够在Windows，Mac，Linux上使用。安装Charles的时候要先装好Java环境。安装可选择官网安装和破解版安装，正编一、安装步骤：1、点击Agree。
2023-11-28 15:02:34
2631
原创 混合开发理解
一、移动端的应用分为哪几类？web app、hybrid app、native appweb app指采用html写出的App（页面放于服务器）； native app指采用Android或iOS开发的app（主要是原生） hybrid app把webapp打包成apk，能放到手机上（语言包括原生和html；受限于webview）只要能安装到手机上的就是hybrid app优...
2020-06-01 18:18:07
216
原创 微信小程序知识点解读
1、catchtap和bindtap的区别：首先，两者都是用来做绑定事件的，都可以触发绑定事件的逻辑处理。但是catchtap属于不冒泡绑定，bindtap属于冒泡绑定。顾名思义，冒泡就是外部元素可以触发内部元素的事件，不冒泡就是外部元素事件触发不会影响内部元素。2、subpackages分包加载：什么是分包加载？分包加载就是将小程序划分成不同的子包，在构建时打包成不同的分包，在用户使用时按需进行加载。在构建小程序分包项目时，构建会分出一个或多个分包。每个使用分包小程序都含有一个主包。那什么是主
2020-06-01 18:16:20
256
原创 CSS样式修改不换行显示省略号及多行显示省略号
我们经常会在开发过程中遇到这样的需求：不换行，超出的文本显示省略号；或者是超出两行显示省略号。那么我们都知道这个功能是CSS就能实现的，但是我们可能会经常忘记这些CSS属性，或者会记得比较混乱，那么我们就来看一下怎么实现超出文本显示省略号的功能实现吧：下面我以vue开发为例给大家上一段正常的修饰代码：<template> <div id="box"> <...
2020-04-08 16:20:29
577
原创 js实现计算有效期
在开发过程中我们会经常遇到要计算合同有效期的案例，产品需求是有效期是一年或者两年，我们需要计算出有效期一年或者两年之后的日期。下面我们就以今天为开始时间，有效期一年计算截止日期，代码如下：var date = new Date();var endDate= "" // 截止日期var year = date.getFullYear()+parseInt(1); // 年份var mon...
2020-04-08 15:40:14
1454
原创 js按下回车键事件
首先我们知道监听键盘事件的方法是：onkeydown下面我们实现按下回车键的监听事件：<div> <input type="text" onkeydown="keydown()"> <button onclick="submit">搜索</button></div>function keydown(){...
2019-12-09 16:42:08
620
转载 前端有关this指向的学习
this指向：普通函数的this指向全局对象window 构造函数this指向新创建的对象 方法谁调用this指向谁函数自执行call、apply、bind的this指向：call：call方法可以传多个参数第一个参数是this指向，该参数可以有四种情况：不传，或者传null,undefined,函数中的this指向window 传递另一个函数的函数名，函数中的this...
2019-12-09 14:46:30
81
原创 解决Typescript报错：Property 'style' does not exist on type 'Element'
直接说问题吧：说一下我的最初代码：此时使用style修改节点的样式时报错了，报错信息如下：直接提示我们'style' does not exist 百度查找之后发现是我们没有给list做类型断言，所以typescript在检查类型的时候直接报错了。解决方法如下：给list添加<HTMLElement>做类型断言，完美解决参考资料：https://www...
2019-11-26 10:38:47
5282
原创 Javascript实现滚动加载
当我们页面数据量过多时我们常常会用到滚动加载，那除了插件以外我们怎么实现滚动加载呢？首先我们先考虑滚动加载都需要哪些变量来做比较：1.文档内容实际高度：document.documentElement.scrollHeight，document.body.scrollHeight2.滚动条滚动距离：window.pageYOffset || document.documentEl...
2019-08-08 16:38:14
496
原创 Array数组对象排序
数组从小到大排序利用Array.sort():var arr = [ { clothes:"短袖", price:"88" }, { clothes:"短裙", price:"188" }, { clothes:"短裤", price:"288" }...
2019-08-08 16:15:54
195
原创 H5长按保存图片
说到长按保存图片，我们一定能想到touch事件，那么此时我们就需要用到touchstart、touchend、touchmove。下面我分别使用Vue和MUI进行代码解析Vue:首先我们需要给标签绑定这三个事件<img class="saveImg" src="图片途径" @touchstart="touchstart" @touchend="touchend" @touc...
2019-08-08 15:47:36
4130
1
原创 Vue监听window.resize
最近在开发微信公众号的时候发现了一个安卓兼容性问题。大家都知道IOS在input框获取焦点的时候会弹起软键盘，点击完成input会自动失去焦点，但是安卓不能。在微信浏览器中会发现给footer添加了position:fixed之后安卓机会出现软键盘将footer顶起的现象。这时我想到的第一解决方案就是监听软键盘事件。于是我决定通过监听页面的可是高度的变化，控制footer的position...
2019-08-02 18:02:17
226
原创 JypeScript递归函数详解
所谓的递归函数就是在函数内调用函数本身。下面就来一起看一下递归函数的运算顺序。function abc(num){ if(num > 3){ abc(--num) } console.log(num)}abc(5)function abc(num){ if(num > 3){ abc(--num) ...
2019-07-19 18:26:51
161
3
原创 escape、encodeURI和encodeURIComponent的区别
escape只适用于编码字符串，不能编码Url,当我们需要编码Url的时候就要放弃escape 那么编码Url应该使用什么呢？首先我们知道encodeUrl这个方法，这个方法在编码Url的时候会把空格编译成%20，但是这个方法不能编译“/”例如：encodeURI("http://www.baidu.com/index/one and two"); 编码后：http:/...
2018-11-30 16:33:27
115
原创 项目Bug解决方案整理
一、input在注册页面如何做限制？在input标签里加上oninput和onafterpaste给input做限制<input type="tel" maxlength="6" oninput="if(this.value.length==1){ this.value=this.value.replace(/[^1-9]/g,'') }else if(...
2018-11-30 14:24:14
3619
原创 作为一个前端，如何做联调？
1.首先把基础路径放到api文件里面export default { //测试环境接口地址 appid api: `http://}2.把测试地址放到api文件里export const CONTEXT = "http://";3.把需要用到的接口进行声明： //图片上传export const baseUploadPic = CO...
2018-11-13 19:58:19
4394
原创 Vscode编辑器中使用v-for的报错解决方法
我们应该都有遇到过Vue项目在Vscode编辑器中进行开发时，我们平常使用的v-for循环总是会报错，虽然这并不会影响项目的正常运行，控制台也没有报错信息，但是对于有强迫症的我们来说，这个报错总是刺眼的。于是我就动手搜了一下解决方案：报错示例：解决方法一：在v-for后面加上绑定key属性解决方法二：点击左下角“设置”&gt;“用户设置”内添加一下代码片段：{“vetur.v...
2018-10-18 15:51:29
4240
原创 微信网页授权——获取code、access_token、openid，及跨域问题解决
https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect 若提示“该链接无法访问”，请检查参数是否填写错误，是否拥有scope参数对应的授权作用域权限。
2018-10-18 10:30:48
8697
1
原创 Git版本管理工具的使用
1.在github上创建仓库2.在项目中打开Git Bash Here3.git init 初始化仓库4.git add . 添加5.git commit -m "" 6.git remote add origin 加远程仓库名 连接远程仓库7.git push -u origin master提交至远程仓库（master是主分支）8.git pull 拉取9.g...
2018-08-08 16:25:47
141
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人