蜗牛先生

每一天都只为遇上更好的自己

前端小技巧集锦【持续更新中……】

记录一下前端开发过程中遇到的一些小问题以及解决方法。 目录 最近更新 2019/04/18:段落首行缩进 知识汇总 ▍HTML篇 一、加快audio标签音乐加载 ▍CSS篇 一、图片剪裁防止图片变形 二、消除input框选中时外边框 三:带有透明度的渐变 四:a标签的四个...

2018-08-10 10:17:55

阅读数 441

评论数 1

微信小程序(15)——实现:回到自己的位置

遇到一个需求,需要模仿高德、百度等地图,点某一个按钮能马上回到自己的位置。 wxml: <map id='map' ……> <cover-image src='……' bindtap='clickControl'>&...

2019-04-24 11:56:55

阅读数 6

评论数 0

微信小程序(14)——自定义按钮样式

微信小程序自带有button按钮,而button按钮中的某些类型也被赋予特殊意义,比如:获取用户信息、意见反馈等。 当我们需要用到这些特殊意义的按钮时,有时需要自定义按钮的样式,究竟应该怎样处理呢? // 以下为示例,不推荐使用标签选择器,实际环境中请选择类选择器class button {...

2019-04-22 20:58:05

阅读数 2

评论数 0

微信小程序(13)——利用utils.js时间戳转时间

碰到一个问题:我需要在页面上显示时间,但是后台传输给我的是时间戳(而且是字符串类型的时间戳),所以我需要将时间戳转换为时间。 原数据结构如下图: 操作方法如下: // require utils.js const utils = require('../../utils/util.js...

2019-04-21 10:08:55

阅读数 3

评论数 0

解决连接远程桌面缓慢的问题

这两天在搞毕业设计的事情,需要用到服务器,但是当我想打开我的服务器的时候,却发现无论我怎么连接都连不上,开始我以为是我电脑卡慢的问题,但是我在网吧电脑上试过之后还是一样的卡慢,整整搞了三个多小时,我确实拿它没有办法了,只好使出最后的大招: 重启服务器!重启服务器!重启服务器!!! 我打...

2019-04-14 17:09:13

阅读数 12

评论数 0

忽略不必要提交到GitHub的文件以及文件夹

尝试过很多方法,只有这个方法才实测有效。 ▍解决方案 在需要创建 .gitignore 文件的文件夹, 右键选择,Git Bash 进入命令行。 输入 touch .gitignore 在文件夹就生成了一个“.gitignore”文件。 然后用编辑器打开这个文件进行编辑就行了。如...

2019-03-29 21:25:33

阅读数 13

评论数 0

CSS斑马条纹背景

最近的一道面试题:css实现斑马条纹背景。 ▍效果 ▍源码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8&...

2019-03-21 10:26:13

阅读数 15

评论数 0

微信小程序(12)——哪些应用适合做成微信小程序

随着微信小程序的不断完善,其用户量一直处于爆发式增长状态,各类型的小程序如雨后春笋,纷纷上线。 但是,受微信小程序自身的限制影响,并不是所有的应用都适合开发出一款对应的小程序。 ▍微信小程序三大特点 1、业务逻辑简单; 2、使用频率低; 3、性能要求低 那么对应的,...

2019-03-04 13:13:04

阅读数 103

评论数 0

微信小程序(11)——去除滚动条

微信小程序(十)——利用scroll-view实现横向滚动讲了如何实现scroll-view的横向滚动,在实现滚动之后,发现有一个横向的滚动条存在,不是很美观,所以,我就想要去除这个滚动条。 ▍解决方案 在样式表里加上如下代码,就可以去掉丑陋的滚动条了。 ::-webkit-scrol...

2019-02-13 16:25:04

阅读数 41

评论数 0

微信小程序(10)——利用scroll-view实现横向滚动

这两天想做个小程序上线试试,小程序里需要用到横向滚动,却在做的过程中发现scroll-view即使加了scroll-x,也没有实现横向滚动的效果,于是查找了一下解决方案,解决方案如下: ▍解决方案 1、在scroll-view标签上加上样式属性:display: flex; white-...

2019-02-13 15:52:17

阅读数 44

评论数 0

TortoiseSVN无法查看日志的解决方案

在使用版本控制器的时候,我们有时需要看到以往的日志。在我使用TortoiseSVN的时候,想要查看日志,但是却失败了,在网上查了一下相关的解决方案,最后解决了。   ▍解决方案 1、编辑svnserve.conf,设置 anon-access=none   2、在authz文件中添加...

2019-02-08 15:23:14

阅读数 409

评论数 0

Promise基本用法

Promise就是一个异步执行的解决方案,将原本异步发生的事情转化成同步。   ▍示例 想让funA先执行,funB后执行   ▍初始代码 funA: function () { if (xxx) { xxx; } else { xxx...

2019-01-18 13:28:31

阅读数 87

评论数 0

超链接 target="_blank" 要增加 rel="noopener noreferrer"

我在a标签上使用了 target="_blank": <a href="xxx" target="_blank" >了解更多...

2019-01-08 17:57:29

阅读数 372

评论数 0

在flex布局中,不要使用绝对定位(fixed、absolute)

昨天在写布局的时候遇到一个问题,在一部iPhone 5s上发现了一项布局错位问题,然而在其他机型上的布局都是正常的。 今天同事晃过一眼代码,就说flex布局中不要使用position定位,容易出现定位错误。 然后他帮我改了一个地方,去掉了flex布局,果然其中一个错位消失了。...

2019-01-04 14:47:03

阅读数 1163

评论数 0

addClass和removeClass的用法

一个需求中需要用到样式的改变,自然想到了addClass和removeClass,但是在用的犯了一个很低级的错误,导致纠结了半天。   初始写法(错误写法): if (isPlayMusic) { console.log('music-to-paused'); $('.fo...

2018-12-25 14:33:51

阅读数 267

评论数 0

html特殊字符代码

前端在做一些文案的时候,有时会用到一些特殊字符,比如:空格、箭头、大于小于号等。 代码 显示 含义 < < 小于号 > > 大于号 &a...

2018-12-22 23:37:46

阅读数 117

评论数 0

捕获移动端键盘Enter事件

最近做了一个需求,其中有个细节是能搜索,点击键盘上的Enter时能进行搜索,这就需要捕获键盘上的Enter事件了。   其实键盘上的每个键都有一个键盘码,我们能获取其键盘码从而判断事件。 按键 键码 ESC键 VK_ESCAPE (27) 回车键 VK_RETURN...

2018-12-22 11:19:20

阅读数 313

评论数 0

React框架中setTimeout中的this作用域问题

前两天接到一个需求,需要在一个弹窗的“确定”按钮上加一个倒计时,试过setInterval,未成功,就想到了用setTimeout,但是其中的this作用域倒是令我困扰了好长时间。 初始大致的结构如下: // 错误代码 fun() { …… if (……) { ...

2018-12-03 13:14:19

阅读数 222

评论数 0

VS Code快捷键

同时打开多个窗口(查看多个项目) 打开一个新窗口: Ctrl+Shift+N 关闭窗口: Ctrl+Shift+W 同时打开多个编辑器(查看多个文件) 新建文件 Ctrl+N 历史打开文件之间切换 Ctrl+Tab,Alt+Left,Alt+Right 切出一个新的编辑器(最多3个)Ct...

2018-11-28 12:34:37

阅读数 32

评论数 0

__proto__和prototype

看到这两个东西就头疼。。。   ▍示例 var a = { num: 4, } var b = function() { } console.log('a.__proto_:', a.__proto__, '\n\n'); console.log('a.__proto_.__...

2018-11-21 17:22:28

阅读数 35

评论数 0

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