- 博客(44)
- 收藏
- 关注
RSS订阅
原创 小程序制作仿微信聊天的细节处理
记录做的一次仿聊天的小程序碰到的一些细节问题：1.键盘输入框随内容自动增高2.每次发完消息屏幕在发出消息的最底部（以及上拉在最上面）3.键盘弹起不盖住屏幕内容解决：一、解决输入框内容的自动增高如上图一样输入内容变多之后自动换行，而且限制高度（高度我们用max-height限制就好了）那么我们来看看我们怎么让内容自动换行吧。input 我们都知道输入...
2019-06-02 11:32:37
3100
1
原创 小程序中跳到webview页面没有返回按钮？已解决
我们小程序利用webview标签可以跳转到我们想要的h5，web页面，方面了我们再写一套小程序代码但是这里主要是解决webView跳转到的页面会没有返回键以及标题，看上去就比较空白解决方法：{ "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", "navigationBarT...
2019-04-08 14:23:03
4654
3
原创 Incorrect username or password ( access token )
用户进入码云(github)的时候进行ssh验证，不小心输错了用户名和密码然后就报了如下的错误↓↓↓Incorrect username or password ( access token ) 翻译过来就是：不正确的用户名或密码(访问令牌)git报错图，如下：造成这种错误的原因是1.由于之前重置了Git账户的密码，忘记修改计算机的凭据导致这个问题的出现。2.或者是第一...
2018-11-15 08:30:24
21008
原创 fatal: remote origin already exists. (远程来源已经存在 解决办法)
在当我们输入` git remote add origin https://gitee.com/(github/码云账号)/(github/码云项目名).git `就会报如下的错fatal: remote origin already exists. 翻译过来就是：致命：远程来源已经存在此时，我们可以先 git remote -v 查看远程库信息：可以看到，本地库已经关联...
2018-11-14 21:27:57
99287
8
原创 解决：npm中 下载速度慢 和（无法将“nrm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确， 然后再试一次）。
解决npm下载速度慢的原因 和 无法将“nrm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确， 然后再试一次1.解决下载速度 因为我们npm下载默认是，连接国外的服务器，所以网速不是特别好的时候，可能下不了包 安装nrm 使用 npm i nrm -g 我们的一般工具包都是下...
2018-10-29 20:49:54
11510
2
原创 npm全局安装和本地安装及卸载
NPM是 1）npm是第三方模块的托管网站 1.node包括ECMAscript核心 2.全局成员 3.模块系统成员 (包括 核心模块，第三方模块，自定义模块)2）npm是node包的管理工具 (npm = node package manager) NPM包括 全局npm 和 本地npm 全局NPM...
2018-10-27 22:06:02
32855
1
原创 React中ref的使用
类式组件使用Ref一、字符串Refs官方目前不推荐使用这种方式创建Ref，因为这种方式存在一些问题，影响效率，可能会在后续版本移除step1、在要获取的DOM上，加上ref='xxx'2、获取的时候通过this.refs.xxx获取当前DOM实例import React, { Component, Fragment } from 'react';class App extends Component { getName = () => { //注意：是refs
2021-04-01 15:13:11
327
原创 pad端无法触发touchmove事件
删除线格式 在一次实现canvas签名的时候，在微软 surface pad中的ie浏览器无法触发touchmove，而是一直触发mousestart，但是不触发mousemove，只有长按滑动才会触发一段mousemove。解决办法给使用的地方加上一个csstouch-action: none;加上上面的class轻松的解决了这个问题。touch-action在MDN是这样介绍to...
2020-04-15 22:51:33
714
原创 mouseenter/mouseleave多次触发fadeIn/fadeOut问题
在一次使用使用mouseenter/mouseleave实现显示/隐藏操作的时候发现会多次触发fadeIn/fadeOut,效果如下图：每次会累计触发fadeIn/fadeOut代码如下css：div { width: 50px; height: 50px; text-align: center; line-height: 50px; border: 1px s...
2020-04-15 22:25:36
1897
2
原创 canvas实现手写签名
使用canvas实现手写签名，效果如下PC端 // 实现canvas签名 var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); $('#canvas').mousedown(function (e) { e = e || e....
2020-03-17 09:43:15
2776
1
原创 canvas设置导出图片的大小
/***@param {Object} obj {url: '图片地址(必填),width: '图片宽度(选填)', height: '图片高度(选**填)'}*@param {Function} callback 图片加载成功返回图片 */function getImg(obj, callback) { var canvasWidth = canvas.offsetWi...
2020-03-16 21:17:23
5028
1
转载 getComputedStyle和currentStyle的区别和用法
获取元素CSS值之getComputedStyle方法熟悉一、碎碎念~前言我们都用过jQuery的CSS()方法，其底层运作就应用了getComputedStyle以及getPropertyValue方法。对于那些只想混口饭吃的人来讲，晓得CSS()如何使用就足够了。对于希望在JS道路上越走越远的来人说，简单了解一些JS库底层实现对自己的学习很有帮助。可能谈不上信手拈来的使用，至少对创...
2019-11-22 13:49:48
656
原创 （前端）解决emoji显示问题
这里来介绍一下前端解决Emoji显示的问题；后台返回UTF-8格式1、存储格式我们的emoji是一个个16进制组成的在传个后台不被编译的情况下我们把16进制转成8进制方法如下//把utf16的emoji表情字符进行转码成八进制的字符//str你传给后台的内容utf16toEntities(str) { var patt = /[\ud800-\udbff][...
2019-08-03 20:22:00
3364
原创 用CSS写一个开关Switch
效果如下：代码如下：HTML: <input class='switch-component' type='checkbox'>CSS(进行了浏览器的前缀兼容):.switch-component { position: relative; width: 60px; height: 30px; background-color: #da...
2019-08-03 20:05:52
318
原创 实现点击文本框不能输入文字，但可以点击选择赋值(有光标，多种方法)
场景: 禁止用户点击输入文本框、但是点击文本框可以弹出弹框选择内容赋值给文本框以下是我的办法以及尝试过的办法，选出来最佳的符合场景的方法方法1：给input加属性 readonly：没有光标 dis...
2019-07-30 21:34:30
1480
原创 启动vscode对于cup占用过高解决办法
记录解决vscode启动cup占用过高解决办法打开vscode之后，点击文件 --> 首选项 --> 设置搜索设置 search.followSymlinks改成false或者如下的场景， 去掉 选中 既可这样第二次打开cup就不会高了...
2019-07-13 17:09:46
880
原创 VsCode设置成中文
vscode默认是显示英文，那么我们如何让它显示成中文？1） 打开vscode工具2）使用快捷键组合【Ctrl+Shift+p】，在搜索框中输入“configure display language”，点击确定后；3）确认回车之后，是进入到了locale.json文件中，我们把 locale.json文件中的 "en" 改为 "zh-CN";4）重启vscode如果重启后vs...
2019-06-19 09:03:30
7124
原创 小程序中的日期格式化
小程序中的日期格式化1.创建wxs文件（util.wxs）//timestamp 时间戳//option 格式（年月日 就输入YY-MM-DD 时分 就输入 hh-mm）//功能如下注释 ↓↓↓↓formatDate(timestamp, option) { var date = getDate(timestamp); var year = dat...
2019-05-18 18:59:01
14480
2
原创 小程序制作吸顶菜单（监听滚动条）
1.使用onPageScroll()函数监听滚动条 onPageScroll(e){ //参数e会返回滚动条滚动的高度 console.log(e) if(e.scrollTop > 300){ }else { } },由这个方法可以监听滚动条变化做到需要改变的状态但是效果并不是很好，在编辑器上可能看不出效果，真机上效果很差，有很大的延迟（猜想可能是做的...
2019-05-14 20:16:25
3306
4
原创 小程序设置背景图片 (方法全)
小程序背景图设置在wxss文件中，使用background-image: url();设置背景图，报错，提示pages/me/me.wxss 中的本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用<image/>标签小程序中设置区域背景图，对于在wxss文件中，存在本地资源无法获取的问题。解决方案在错误提示中也给出来了1、使用网络图片我们...
2019-04-01 10:51:04
54807
2
原创 JavaScript简单获取url地址参数
JavaScript用URLSearchParams获取url地址参数 我们页面之间传递数据很多时候都会用到url地址传参，一般都会用window.location获取地址 对象，里面会有url信息，但是此方法比较麻烦 然后我有一个好方法来分享给大家 JavaScript中的URLSearchParams对象 这是MDN上对于URLSearchParams的解释 // 模仿一个U...
2019-03-31 12:21:37
1042
原创 最全面的vue和微信小程序的区别
学了这么久，vue和微信小程序到底有什么样的区别？写了vue项目和小程序，发现二者有许多相同之处，在此想总结一下二者的共同点和区别。相比之下，小程序的钩子函数要简单得多。写了vue项目和小程序，发现二者有许多相同之处，在此想总结一下二者的共同点和区别。一、生命周期先贴两张图：vue生命周期image小程序生命周期 相比之下，小程序的钩子函...
2019-03-31 10:44:37
822
原创 JS中检测对象是否含有某种属性
JS中检测对象是否存在当前属性判断对象中是否有某属性的常见方式总结，不同的场景要使用不同的方式。1、点( . )或者方括号( [ ] )加粗样式> // 创建对象> var obj = { name : 'fortune'}> > > // 用 . 的方式比较> obj.name ...
2019-03-23 15:51:51
765
原创 Vue传送JSON数据给后台报404错误
解决： vue传送json给后台，服务响应404当我们转换成JSON字符串的时候，发送请求会被转码例如 ：{ 我 ： ['1' , '2' ] } 里面的内容都被转码了 但是我们的 { } [ ] 并不会被转换传给后台， 这个时候 使用方法转换var let = JSON.stringify(要被转化的数据).replace(/{/g, "%7b").r...
2019-01-13 17:09:43
2172
原创 Vue中的打包配置引用路径的和背景图片路径问题(详细)
1.找到文件路径 config --> index.js --> build -> assetsPublicPath 中的 '/' 成为 './' (注意：两个assetsPublicPath)2.在build -> util.js 里找到 ExtractTextPlugin.extract 增加一行：publicPath: '../../'，主要解决背景图片路...
2019-01-13 16:30:52
3087
原创 Vue中的生命周期（浅谈）
Vue中的声明周期是什么？vue实例从创建到销毁的过程称之为vue的生命周期 用Vue框架，熟悉它的生命周期可以让开发更好的进行。首先先看看官网的图，详细的给出了vue的生命周期: 接下来我们就根据上面那张图来分析分析模拟一下执行生命周期它可以总共分为8个阶段：beforeCreate（创建前）,created（创建后）,beforeMount(载入前...
2018-11-10 10:00:01
254
原创 VScode中Vue快速生成代码片段
首先我们要找到设置（如下图）用户代码片段然后我们会看到这样一个框，然后搜索html.json如果没设置过就是一些注释掉的东西 可以全部删除复制下面的代码就可以了{"vue代码": {"prefix": "ve","body": ["<!DOCTYPE html>","","<html lang='en'>","<head>"...
2018-11-06 10:14:10
12772
1
原创 require.js的使用(js模块化)
为什么我们要使用requir.js呢在我们写页面的时候js的时候通常简简单单的页面都要引入好几个js文件甚至大项目要引入十几个几十个，通常会很乱也不好维护优点1.模块化方便管理2.压缩缺点(其实也说不上缺点)1.小公司，不会自己去开发前端插件，而都是拿来插件就用的2.非nodejs开发，或非游戏开发…我们开始require.js的使用吧一、1）首先我们肯定要引入require....
2018-10-18 16:27:56
230
原创 Node.js环境中执行js的两种方式
1.在REPL环境中(1)：首先打开cmd（window + R 输入cmd）（2)：输入node回车（会出现下面的样子）(3)：然后我们就能自己书写js了(退出按两次ctrl + c 写的时候注意了 node中没有BOM 和 DOM 对象)R：Read的意思，每次当我们输入代码完毕敲击回车，node坏境就会读取用户输入的代码E：Evaluate的意思，表示把Read进来的代码调...
2018-10-18 15:27:23
3233
原创 vscode中的ajax片段
1.首先打开vscode找到右下角的齿轮样子图标 2.点击打开 打开用户代码片段3.会出现一个框 搜索php 4.删除里面的内容复制下面的代码{ // Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, ...
2018-10-13 20:20:32
3430
转载 前端特效整理
一、CSS3动画名称用途链接阴影波纹特效1.元素hover效果2.突出表现效果http://www.jq22.com/code80横板导航菜单动画导航菜单http://www.jq22.com/code181横板导航菜单动画2导航菜单http://www....
2018-08-19 22:57:05
1060
原创 事件对象中clientX/Y 、pageX/Y、 screenX/Y、offsetX/Y的区别
事件对象它是系统传给我们的一个对象,触发DOM上的某个事件时，会产生一个事件对象event，事件对象里面包括很多方法和属性，鼠标和键盘等等事件触发的内容都不一样事件对象有兼容性 那么怎么处理兼容 兼容方法ie中event事件对象是全局的所以加了window<button> 点击 <button><script> var btn =...
2018-08-14 18:26:17
651
原创 JavaScript获取标签的六种方法
1.利用document.getElementById('id名')；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head>&am
2018-08-06 18:24:54
21031
转载 sublime常用的一些插件
一、安装及安装emmet插件首先,去sublime官网下载软件：[http://www.sublimetext.com/ ]，软件很小，我用的是最新版的text3，大家可以用目前稳定版text2。打开它的官网，我们就可以看到几个动画，演示sublime的强大功能。其次，软件安装好了之后，我们来安装一个插件，推荐...
2018-08-04 14:00:53
5994
转载 Sublime text 3设置侧栏
鉴于目前网上对修改sublime text3 左侧边栏样式的解决方法比较少，给的解决方法也很模糊，于是笔者我花了点时间整理个比较详细的解决方法步骤供各位参考：1、首先打开sublime text3，点击如下图所示：会进打开此文件夹：2、之后进入上图所示文件夹，打开里面的配置文件：Default...
2018-08-04 11:29:34
4024
原创 设置title网页图标
设置网页title图标1.准备.ico的图片 如果没有下面网站可以在线制作 http://www.faviconico.org/http://www.bitbug.net/2.在head标签中写入如下代码<link rel = "Shortcut icon" href = "favicon.ico"><link rel = "Bookmark" href ...
2018-08-01 23:44:37
1000
2
原创 JavaScript中的return返回值
return返回值 1.return之后不会再执行后面的代码了,直接结束,相当于breakfunction fn(a,b) { console.log(a);//输出1 return a + b;//返回结果用变量接收 console.log(b);//不输出 因为return之后不会再执行后面的代码了}var result = fn(1,1);consol...
2018-07-29 17:53:32
9280
2
原创 Array的方法大全
Array数组方法 1.数组是一种数据类型 用来存储数据 存储的数据可以是多项的 并且是有顺序的 可以存储多种数据类型2.创建数组的方法1)使用Array对象创建var arr = new Array();//创建一个空数组var arr = new Array(3);//创建一个数组，只有一个值表示有几位数组但是并没有值emptyX3var arr = new Arra...
2018-07-29 17:26:28
855
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人