- 博客(27)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 移动端H5开发的一些经验与小技巧(持续更新)
目录目录前言audio标签问题video标签问题a 视频格式b ios11 下功能不可用c app里面不能控制随心所欲的控制视频的播放和暂停d微信端自动播放弹出键盘问题获取文档滚动高度zepto获取select文本swiper图片超出父级盒子判断手机类型帧动画的简单实现前言当下移动端横行，平常我们做一些移动端的项目，接触最...
2017-11-27 20:31:43
1229
原创 数组分组的方法
这里写自定义目录标题前言使用forArray + map前言最近项目中使用日历控件比较频繁， 自己封装的方法中会有数据分组的功能，但是有点兼容性问题，所以使用了多种数组分组的方式，现在总结记录一下使用forfunction againGroup(data, num) { var result = []; for (var i = 0, len = data.length; i < len; i += num) { result.push(data.sli
2020-10-15 12:24:07
2469
原创 webpack4.x 踩坑记录
1. Error: Cannot find module ‘webpack/bin/config-yargs’删除 package.json 中的 webpack-dev-server重新执行 npm i webpack-dev-server2. TypeError: compilation.mainTemplate.applyPluginsWaterfall is not a fu...
2020-04-21 12:25:35
247
原创 单/行文字溢出省略
常规做法html<p class="text"></p>css/*单行*/.text { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }/*多行*/.text { display: -webkit-box; -webkit-box-orient: vertical;...
2019-12-26 14:53:32
169
原创 移动端点击复制文字
需求:这里有一个客服微信号, 需要用户点击复制后 复制到粘贴板html<div id="number" onclick="copy()">139xxxx7772</div><textarea id="input"></textarea>jsfunction copy() { const text = document.get...
2019-11-22 18:22:13
520
原创 chrome 模拟微信浏览器
1. ios UAmozilla/5.0 (iphone; cpu iphone os 5_1_1 like mac os x) applewebkit/534.46 (khtml, like gecko) mobile/9b206 micromessenger/5.02. 安卓 UAmozilla/5.0 (linux; u; android 4.1.2; zh-cn; mi-one...
2019-10-15 10:15:11
1218
原创 css 去除 button 点击之后的默认样式
HTML<button class="btn"></button>CSS.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus { outline: none; border-color: transparent; /...
2019-10-11 14:38:32
14244
原创 vscode常用的一些插件
Auto Close Tag 自动闭合HTML标签Auto Import Typescript自动import提示Auto Rename Tag 修改HTML标签时，自动修改匹配的标签Beautify css/sass/scss/less css/sass/less格式化Better Comments ...
2019-06-28 14:15:33
659
原创 数组拉平的几种方式
日常前端在处理一些数据结构的时候, 经常用的就是对象({key: value})和数组 [value1, value2]今天介绍三种数组拉平的处理方式1. 递归现在我有一个字段的数据结构是这样的: array: [a, b, [aa, bb, cc], [aaa, [aaaa, bbbb]]]需求需要转化为: [a, b, aa, bb, cc, aaa, aaaa, bbbb...
2019-06-27 18:39:41
6062
原创 弹性布局-- flex
写在前面为什么要写这篇博客, 前一段时间是大伙公认的跳槽季, 所以呢, 我就收集了一些面试题目, 发现关于flex的问题还是比较受面试官的青睐的. 今天就写一下关于flex的一些个人理解. 接下来还有持续更新一些面试中常被问到的一些问题.什么是flexFlex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。注意，设为F...
2019-05-09 18:42:42
410
原创 正则匹配中文及一点点延伸
这篇文章主要讲如何使用正则匹配中文字符，中文正则表达式的匹配规则不像其他正则规则一样容易记住，下面一起看看这个中文正则表达式是怎么样的。\w匹配的仅仅是中文，数字，字母，对于国人来讲，仅匹配中文时常会用到，见下匹配中文字符的正则表达式： [\u4e00-\u9fa5]或许你也需要匹配双字节字符，中文也是双字节的字符匹配双字节字符(包括汉字在内)：[^\x00-\xff]注：可以用来...
2018-12-05 12:43:52
305
原创 我的前端之路 ---- 高效编码
前端开发主要用到的就是html、css和javascript。针对不同类型，我们有不同的编写方式。HTML首先我们要保证我们的HTML代码是符合标准的，这个标准是指W3C的最新标准。使用W3C规定的标准的HTML代码能保证浏览器正确的渲染我们的页面。虽然各个浏览器和客户端都会有一些自带的纠错能力，能使得页面正常显示。但是我们很难保证所有的浏览器和客户端都能兼容不符合标准的代码。为了...
2018-07-23 21:02:29
354
原创 我的前端之路 ---- 高效开发
前言好的开发方式在项目中会起到事半功倍的效果，并且可以保证开发过程中代码的结构清晰，可维护性好。良好的命名规范和规整的格式会让代码看起来很清爽，同时也可以体现出开发者良好的开发习惯和职业素养。代码文件的组织结构下面贴一张我一般会使用的一个简单的代码组织结构其实现在有很多的框架的脚手架里面都会有一种固定的文件组织结构，但是你无论看什么框架的脚手架，大体上的东西都是这样的。多的都...
2018-07-16 01:32:34
1220
原创 我的前端开发之路 ---- 必备技能介绍
## 今天开始写一个关于前端开发的一些东西，记录一下自己学习前端过程中的一些感悟、总结。 今天第一篇，主要是说一下做前端开发工程师需要具备的一些必备技能，这些技能能让你在前端开发这条路上走的相对轻松些。#### 1. 了解页面标记 HTML HTML 是页面的基本结构的组成部分，是一个网站的基础。虽然简单易学，但是为了我们后期的网站维护，需要我们编写语义良好、简洁整齐的HTML 代码。#...
2018-07-06 16:33:49
4140
原创 Mac 安装mysql的采坑之旅
最近写项目想了解一下数据库的东西，所以就想着安装一个数据库来进行学习。但是遇到很多坑，这里就不一一说了。现在贴一份完整的安装流程供大家参考。下载直接去官网下载即可，地址：https://dev.mysql.com/downloads/mysql/安装2.下载完毕之后打开，傻瓜式安装 一路点继续就好。最后会出现一个弹框 记得要保存下来哟，后面会用到。启动3....
2018-04-14 15:29:54
207
原创 Mac 卸载mysql服务的命令
今天安装mysql的时候, 由于没有使用过，导致总是弄错，一次次删除、安装。安装很简单，傻瓜式的一直回车就行。删除很麻烦，需要运行很多命令。在此做个记录。方便查阅sudo rm /usr/local/mysql* 输入完这个之后需要输入一下电脑的开机密码sudo rm -rf /usr/local/mysql* sudo rm -rf /Library/StartupItems/MySQLCOM
2018-04-13 21:29:15
2151
2
原创 雪花飘落效果
冬季，关于雪的东西就多了起来,最近写代码经常会用到雪花飘飘的效果,今天整理了出来。废话不多说,直接上代码var flakeColor = "#fff"; //雪花的颜色 var newOn = 500; //间隔多长时间产生一个雪花 var flake = $("<div></div>").css("position", "absolute").html('<img src= "i
2018-02-12 17:55:36
507
原创 js的一些经典面试题
年底好多小伙伴找新工作，为了面试可谓是殚精竭虑啊，但还是免不了被面试官说的一脸懵逼。哈哈哈... 今天总结点经典面试题目，有些是es6，有些是es5。不要吐槽我 -.- 1.记忆化斐波那契函数（Memoization）Q1:数组 [1, 1, 2, 3, 5, 8, 13, ....] 请你完成 fibonacci 函数，接受 n 作为参数，可以获取数列中第 n 个数.A1:
2018-02-03 18:34:55
1235
原创 简单实用且高逼格代码
目录目录不使用新变量的情况下交换两个变量的值一个数字与自身的取反值相加等于 -1最快的取整方式数组去重Es6使用 consoletable 来进行调试寻找数组中的最大值计算数组的总和数组拼接观察者模式1.不使用新变量的情况下交换两个变量的值a.异或运算var a = 10,b = 99;a^=b,b^=a,a^=b;co
2018-01-23 14:54:26
7261
原创 video标签的属性详解
最近做的些web页面,内嵌许多小视频，在ios和安卓手机上播放时，遇到不少问题：在微信浏览器内播放时，视频会自动全屏如果每个视频都有一张自定义的图片作为封面，在显示视频的同时，如果没有给这个视频设置高度，视频的容器在安卓手机上会被视频的封面撑大到变形 ……. 现在整理一篇关于 video 的属性preload：这个不做解释，W3C 上写的很清楚。muted：当设置该属性后，它规定视频的音
2018-01-16 14:58:13
4679
1
原创 禁止鼠标右键功能以及一点点延伸
1.禁止鼠标右键弹出菜单document.oncontextmenu=newFunction("event.returnValue=false;");document.onselectstart=newFunction("event.returnValue=false;");2.兼容火狐失灵if (window.Event){ document.captureEvents(Event.MOUSE
2017-12-29 18:20:57
699
原创 搭建一个前端简易监控平台
前提首先我们为什么要做前端系统？ 前端的性能对于产品的价值提升还是蛮有帮助的，但是这些信息如果我们能实时的采集到，并且实施以监控，让整个产品在产品线上一直保持高效的运作，这才是我们的目的。其次，也有利于我们发布的产品，能够及时发现我们的错误。如果一个产品在新的迭代中，发生不可描述的错误。开始1.收集信息要做监控系统，首先我们得有一个对象。我们监控的对象。<body> <div>2<
2017-12-25 11:54:23
3959
原创 关于数组合并的一些方法
1.concat方法var arr1 = [1,2,3,4],arr2 = [5,6,7,8]; arr1=arr1.concat(arr2); console.log(arr1)//[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]Concat 会生成一个全新的数组，表示两个数组的组合，并让原数组不变。但是如果数组过长就很占内存。2.for 循环的方式var arr1
2017-12-17 17:41:33
730
原创 总结--15个实用CSS属性
平常我们编码过程中总会遇到好多听起来很简单，但是实现的时候有点挠头的需求。今天来总结一些实用的CSS属性。1.为了不让用户复制内容，使用下面的属性禁止选择<div unselectable="on" onselectstart="return false;"> <!-- countent... --></div>2.input声音录入按钮（仅支持谷歌）<input id = "bo
2017-12-10 12:36:27
335
原创 Github使用指南
目录目录什么是 Github注册账户以及创建仓库Github 安装配置Git检出仓库工作流推送改动分支更新与合并替换本地改动实用小贴士写在最后什么是 Github?github是一个基于git的代码托管平台，付费用户可以建私人仓库，我们一般的免费用户只能使用公共仓库，也就是代码要公开。 Github 由Chris Wanstrath, PJ Hyett 与Tom Pre
2017-12-02 18:22:29
546
原创 最全 javascript内置对象整理
在javascript里，一切都是或者都可以被用来当成对象。通过new或者直接以字面量的形式创建变量(var a=‘a’),所有变量都有对象的性质。注意：通过字面量创建的对象在调用属性和方法的时候会被对象包装器展示包装成一个对象，具有对象的性质。例：var str=“我不是一个真的对象”;alert(str.length); //str被展示包装成一个String对象，可调用该对象
2017-11-24 23:46:19
381
原创 javascript 数组去重并统计原数组每个元素个数
经典面试题–数组去重我们经常在看一些面试题的时候回遇到数组去重的问题，今天整理一个统计原数组元素个数并去重的方法给大家。先上代码function arrCheck(arr){ var newArr = []; for(var i=0;i<arr.length;i++){ var temp=arr[i]; var coun
2017-11-16 18:46:59
859
空空如也
bootstrap表格表头固定 身体自动滚动
2017-05-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人