gzyzwx-CSDN博客

原创 vant datetimepicker 在桌面端无法使用（桌面端上模拟移动端 touch 事件）

原因，vantdatetimepicker 在事件监听上用了touch事件解决方案可以使用https://github.com/hammerjs/touchemulator

2020-02-26 17:07:47 1009

原创 JS &、|、^和~、~~（逻辑位运算符）移位运算符

逻辑位运算符&、|、^和~文章链接http://c.biancheng.net/view/5469.html原文 ~ 运算符在文章中的配图有误（截止2020-2-7）位非运算实际上就是对数字进行取负运算，再减 1~5=-6（计算方式大致如下）5在计算机中的值：0000 0101（正数的原、反、补是一样的）取反后：1 1111 1010（这是一个负数，反码...

2020-02-07 23:04:34 532 1

原创 JavaScript 杨辉三角杨辉三角 II

给定一个非负整数numRows，生成杨辉三角的前numRows行。在杨辉三角中，每个数是它左上方和右上方的数的和。示例:输入: 5输出:[ [1], [1,1], [1,2,1], [1,3,3,1],[1,4,6,4,1]]来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/pas...

2020-02-04 15:38:57 348

原创 JavaScript 只出现一次的数字给定一个非空整数数组，除了某个元素只出现一次以外，其余每个元素均出现两次。找出那个只出现了一次的元素。

给定一个非空整数数组，除了某个元素只出现一次以外，其余每个元素均出现两次。找出那个只出现了一次的元素。说明：你的算法应该具有线性时间复杂度。你可以不使用额外空间来实现吗？示例 1:输入: [2,2,1]输出: 1示例2:输入: [4,1,2,1,2]输出: 4来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/s...

2020-02-04 10:33:14 1096

原创 JavaScript 求最后一个单词的长度

给定一个仅包含大小写字母和空格' '的字符串 s，返回其最后一个单词的长度。如果字符串从左向右滚动显示，那么最后一个单词就是最后出现的单词。如果不存在最后一个单词，请返回 0。说明：一个单词是指仅由字母组成、不包含任何空格的最大子字符串。示例:输入: "Hello World"输出: 5来源：力扣（LeetCode）链接：https://leetcode-cn...

2020-02-03 21:50:03 1132

原创 JavaScript「外观数列」是一个整数序列，从数字 1 开始，序列中的每一项都是对前一项的描述。 js正则 \1\2 含义

如题「外观数列」是一个整数序列，从数字 1 开始，序列中的每一项都是对前一项的描述。前五项如下：1. 12. 113. 214. 12115. 1112211被读作"one 1"("一个一") , 即11。11 被读作"two 1s"("两个一"）, 即21。21 被读作"one 2", "one 1"（"一个二...

2020-02-03 11:44:02 1128

原创 javascript 给定包括 n 个整数的数组 nums 和目标值 target。找出 nums 中的三个整数，使得它们的和与 target 最接近。返回这三个数的和。假定每组输入只存在唯一答案

例如，给定数组 nums = [-1，2，1，-4], 和 target = 1.与 target 最接近的三个数的和为 2. (-1 + 2 + 1 = 2).来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/3sum-closest/** * @param {number[]} nums * @param {numb...

2020-01-29 17:24:53 1307

原创 JavaScript 假设你正在爬楼梯。需要 n 阶你才能到达楼顶。每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢？

假设你正在爬楼梯。需要n阶你才能到达楼顶。每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢？注意：给定n是一个正整数。标签：动态规划本问题其实常规解法可以分成多个子问题，爬第n阶楼梯的方法数量，等于 2 部分之和倒数第二步爬上 n-1 阶楼梯的方法数量。因为再爬1阶就能到第n阶倒数第二步爬上 n-2 阶楼梯的方法数量，因为再爬2阶就能到第n阶所以我们...

2020-01-28 14:51:08 3031

原创 javascript 实现函数 ToLowerCase()，将字符串中的大写字母转换成小写字母，之后返回新的字符串。

var toLowerCase = function(str) { if(String.prototype.toLowerCase) { return str.toLowerCase(); } let ret = '' for(let i = 0; i < str.length; i++){ let code = s...

2020-01-22 12:03:40 1292

原创 web前端 javascript 给出一个 32 位的有符号整数，你需要将这个整数中每位上的数字进行反转。

var reverse = function(x) { if (x >= 0 && x < 9) { return x; } var str = Math.abs(x).toString().split("").reverse().join(""); if (+str > (2 ** 31 - 1)) { ...

2020-01-21 15:07:21 894

原创 css3 边框实现圆角内凹效果边框内凹圆角效果

border-radius: 20px; 会有圆角效果，但是效果是向外的；效果截图：（移动端展示也一样）想要实现（边框圆角内凹效果）查阅资料，暂无属性可设置，只能自己撸；（思路是实现四个圆角然后遮挡在四个边角，实现。）注意有坑实现方案一<html><head> <meta name="viewport" content=...

2020-01-19 11:26:41 7477

原创 git 本地仓库从http/https 验证换成ssh 验证

缘由某天从某仓库 https/http:// sssss.git ；git clonehttps/http:// sssss.git 到本地。git pull 操作正常当每次git add ，git commit ，git push 时，会弹出账号密码填写框；烦烦烦...操作以下即可git remote -v 查看现在的仓库远程地址配置然后1. git ...

2020-01-14 17:58:06 743

原创 npx create-react-app my-app 时 error An unexpected error occurred

error An unexpected error occurred:error An unexpected error occurred: "https://registry.yarnpkg.com/react-is/-/react-is-16.12.0.tgz: connect ETIMEDOUT 104.16.19.35:443".info If you think this is ...

2020-01-08 22:06:30 609

原创微信小游戏内部引用路径问题

目录结构根目录game.jsjs文件夹 --- main.js ----其他jsaudioimagegame,js中引入main.js 中的类并 new 一个实例main.js中的引用文件路径应该以根目录即game.js相对查找如main.js 中//创建背景音乐createBackgroundMusic() {const bgm ...

2019-06-11 21:46:15 1351

原创 background-position x/y的取值为啥是负值

1、可以这样理解background-position的元素的左上角为顶点（0，0），xy正方向是朝右朝下的，元素左上角要回到容器左上角，这个时候，整个背景图需要向上和向左偏移，则x和y都是负值，这个时候，整个背景图中，你想要展示的图案，就会往左上移动，所以说使用background-position的值都是负值。图例图中的图案，就是元素；...

2019-04-17 20:17:05 1662

原创 git commit -m "text" /git commit -s -m /git commit -a -m /git commit -a -s

接触到的git commit 用法的一个解释git commit -m "text" 把上一步git add 暂存的文件提交，并备注"text"消息git add （将修改添加到暂存区）git commit -s -m 在git log 的时候会多展示 signed-off-by 行看截图git commit -a -m 用于提交跟踪过的文件；会自动把修改的文件，先暂存，然后...

2019-04-14 12:29:11 5167

原创微信小程序使用自定义字体图标（亲测方法）

场景1、设计图上面很多纯色icon，比如搜索icon，右箭头icon2、让设计师根据iconfont的图标制作规则链接如下https://www.iconfont.cn/icons/upload?spm=a313x.7781069.1998910419.d1baf4ee7制作svg图片3、上传图片到iconfont，添加到购物车，然后下载代码4、本地项目，新建iconfont....

2019-03-28 15:57:15 1187

原创 wx:if 跟 canvas绘图一起使用的bug 微信小程序 canvas 绘图的踩坑

微信小程序问题描述当使用wx:if="{{showStatus}}" 去切换canvas 的消失与出现时，第一次渲染会成功当关闭即设置showStatus为false，然后再次设置showStatus为true，会发现canvas 标签出现，但是内容为空解决方案1、this.setData({showStatus为true}) 时，不要立刻执行渲染函数，设置一个定时器，即...

2018-11-22 14:34:03 1644 3

原创解决wx.setTabBarBadge 只能在tabBar页调用的问题

1、问题描述wx.setTabBarBadge 这个API在非tabbar页面上调用会失效。假如我在首页（一堆商品），进入到商品详情页，把商品加入到购物车，这时候，想要购物车（tabBar页显示购物车数量）注意！！！在商品详情页直接调用wx.setTabBarBadge，然后回到tabBar页，会发现没效果解决方案1、在商品详情页加入购物车成功时设置app.globalData.c...

2018-11-20 14:56:06 13153 4

原创 git diff 比较两个不同版本的同一文件

git diff commit_id1 commit_id2 -- index.html或者git diff HEAD:webpack.dev.config.js 8de9ee1:webpack.dev.config.js

2018-11-15 10:21:19 6639

原创 npm ERR! Unexpected end of JSON input while parsing near '...0.2.tgz"}," 解决方案

清除缓存：npm cache clean --force经常使用nvm 切换node版本，npm的版本又不相同，出现了这个报错，查询解决方案，命令行运行npm cache clean --force解决 If you are behind a proxy, please make sure that the network 'proxy' config is set properl...

2018-11-07 15:51:00 2755

原创 css3 :first-child、:nth-child(1)选择第一个元素不起作用的解决方案

当我写一段页面结构如下（以微信小程序为例，传统网页div结构是一样的道理）<view class='seller-info-container'> <view class='seller-avatar-content'> <image></image> </view> <view clas...

2018-10-25 11:46:23 24655

原创 css3 实现无限循环渐变进度条

以下以小程序标签为例，可以直接改view => div 适用于传统网页wxml文件<view class="bg-default"></view>wxss文件.bg-default { animation-duration: 1s; /* 动画时长1s */ animation-fill-mode: forwards; ...

2018-10-16 15:53:26 4171 1

原创微信小程序的更新机制 && 如何让微信用户更新小程序

启动小程序启动会有两种情况，一种是「冷启动」，一种是「热启动」。假如用户已经打开过某小程序，然后在一定时间内再次打开该小程序，此时无需重新启动，只需将后台态的小程序切换到前台，这个过程就是热启动；冷启动指的是用户首次打开或小程序被微信主动销毁后再次打开的情况，此时小程序需要重新加载启动。更新机制小程序冷启动时如果发现有新版本，将会异步下载新版本的代码包，并同时用客户端本地的包进行启动...

2018-09-30 12:27:59 7455

原创 css3 隐藏滚动条（微信小程序隐藏滚动条）

需要了解的css3属性MDN传送门::-webkit-scrollbar在微信小程序的app.wxss 设置全局通用伪类，控制滚动条样式 ::-webkit-scrollbar{ width: 0; height: 0; color: transparent;}即可...

2018-09-21 10:46:38 3413

原创 Object.prototype.toString.call()

Object.prototype.toString.call(1) // "[object Number]"Object.prototype.toString.call("1") // "[object String]"Object.prototype.toString.call(true) // "[object Boolean]"Object.prototype.toString....

2018-09-11 19:44:49 655

原创 js == 和===(全等) 的区别

==非严格判断，只判断数值，不判断类型1、同类型两个变量比较，直接进行比较2、不同类型两个变量比较，先进行类型转换，再比较某些转换规则：如果一个是字符串，一个是数值，把字符串转换成数值再进行比较。如果任一值是 true，把它转换成 1 再比较；如果任一值是 false，把它转换成 0 再比较。如果一个是对象，另一个是数值或字符串，把对象转换成基础类型的值再比较。对象转换成基...

2018-09-10 20:16:14 697

原创 js 解决数组sort排序后，会影响原始数组,(利用下标撑大长度的数组，在some等api中不计入循环次数)

var arr = [1,3,2];arr.sort();console.log(arr) // [1,2,3]如果不想因为sort而影响了原数组，只需要把原数组拷贝一份，注意是深拷贝，而不是浅拷贝浅拷贝如下var arr2= [3]var arr3=arr2arr2[1] = 2console.log(arr3) // [3,2] 这里是浅拷贝，浅拷贝会使两个数组共处同...

2018-09-07 20:25:57 11086

原创 js 手机号正则匹配

主要是记录自己碰到的一些正则，做个记录1、匹配手机号let reg = /^((13[0-9])|(14[5,7])|15([0-3,5-9])|(17[0,3,5-8])|(18[0-9])|166|198|199)\d{8}$/;该正则：匹配13开头，后面任意9位，14开头，仅145，146，147以此类推，后面不详细解释具体解释:^:以什么开头的意思|:或的意思\d{8}:...

2018-09-03 10:34:24 923

原创解决微信小程序自定义弹窗，滑动导致底部也一起滑动的几种方案

在开发小程序中，自定义弹窗上面滚动，导致底部也一起滑动如左图，接触黑色阴影，会导致底部也一起滑动解决方案，我总结了以下几种1、控制底部根目录scroll-view 的scroll-y属性的true/false，控制底部滚动以及不滚动2、在自定义弹框最外层元素加上catchtouchmove=’true’ ；或者catchtouchmove="preventTouchMove"Pag...

2018-08-30 14:19:43 7456 4

原创微信小程序错误码40029 {"errcode":40029,"errmsg":invalid code, hints: [ req_id: eSNALA03934126 ]"

产生该报错原因前端跟后端，配置的AppID不同我产生此次错误的原因是在创建微信小程序项目的时候，因为微信官方还没有申请通过微信小程序的AppID，所以拿了之前的微信小程序AppID代替使用，导致跟后端联调接口的时候，传递过去的code，encryptedData，iv，会提示拿不到session_key尝试修改project.config.json中的AppID，会发现毫无效果；...

2018-08-28 11:57:36 15420 2

原创 css清除浮动(css 解决浮动元素引起的高度问题)

首先了解两个概念：文档流：文档流是文档中可显示对象在排列时所占用的位置。浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。浮动的实际用途，可设置文字环绕或使元素宽度由内容填充（类似Inline-block)。使用浮动需要注意的是如果浮动的元素高度比父级容器还高，那么需要设置父级容器的overflow属性为auto,使其自动撑满。本人经常...

2018-08-27 18:02:07 1111

原创 css自定义属性,操作css自定义属性的一些常见方法

跟着我左手右手一个慢动作，打开编辑器 => 创建html文件写入以下代码css 样式表结构:root{--base-color: red;}.container{ color: var(--base-color);}html结构<div class="container" >红色字体</div>效果：页面中, 具有.container样式...

2018-08-11 11:35:56 1567

原创行内元素如span（微信小程序text标签）等，在编辑器enter换行导致页面显示存在空格的处理

这里以微信小程序text标签为例1、产生空格代码（这里的:为英文字符）<view class='time-text'>距结束<text>{{data.countDownDay}}</text>天<text>{{data.countDownHour}}</text>:<text>{{data.countD...

2018-08-07 11:01:04 14976

原创 git 本地代码仓库跟远程仓库的关联

使用场景：本地项目目录已经有代码文件，这时候想要使用远程仓库，如github，或者gitee进行管理；则可以按照以下步骤，实现本地代码仓库跟远程仓库的关联关键代码git remote add <name> <url>git push <name> <branch>步骤一本地代码目录，使用git init 命令（前提，本地安装...

2018-07-27 12:23:22 5466

原创 css 实现image宽度百分百，高度跟宽度一样大小

前言：第一次写博客（不知道从何说起），希望以后再接再励。之前也遇到很多问题，有总结过，但是没有写出来（改天继续贴出其他总结），今天遇见css 实现image宽度百分百，高度跟宽度一样大小这个问题。贴出解决方案一个 1、写两个div盒子，父子关系<div class="image"><img :src="food.image"></div>2、...

2017-07-24 22:51:53 13079 1

gzyzwx的博客