24min-CSDN博客

原创 npm urn dev 开启项目？？？？？

当我想开启一个vue项目的时候，我会运行"npm run dev"。当完成后，就可通过localhost:8080等方式来访问。但是我今天想开启一个项目的时候，不小心把"npm run dev"打成了"npm urn dev"，但我神奇的发现，项目居然也能跑起来。并且能正常访问。我是不是发现了什么？...

2018-08-25 13:29:01 1813

原创 window.navigator.userAgent在各浏览器中分别返回什么？

1.chorme浏览器Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.362.火狐浏览器"Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:61.0) Geck...

2018-08-09 21:16:10 19757 1

原创 css选择器[class*= col-]

[class*= col-] 代表包含 col- 的类名，比如说 col-md-4 ,demo-col-2(这个是虚构的)等都可以匹配到。[class^=col-] 代表以 col- 开头的类名，比如说 col-md-4[class$=col-] 代表以 col- 结尾的类名这是不是和正则有点像呢？？^[0-9] 代表匹配以数字开头的而 [0-9]$ 代表...

2018-08-05 09:54:31 11887 1

原创 css样式中空格

第一个：.box .active { /*css代码*/}第二个：.box.active{ /*css代码*/}第一个类的选择器是代表box类与active类不在同一dom节点上，样式作用于box类下的active类，它的Html结构如下所示：<div class='box'> <div class='active'> ...

2018-07-24 09:27:10 1923

原创 javascript的预编译

function fn(a) { console.log(a); // function a() {} var a = 123; console.log(a); // 123 function a() { } console.log(a); // 123 var ...

2018-07-19 12:26:02 182

原创 css揭秘菱形动画效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2018-07-09 22:07:54 667

javascript reduce()函数的用法(用于)：array.reduce(function(total, currentValue, currentIndex, arr), initialValue)reduce函数可接受一个function函数以及一个initialValue(传入的初始值)的初始值。其中function函数接受四个参数分别为total（每次计算的返回值），curren...

2018-06-02 21:50:18 2498

原创实现圆边框的渐变色

【微信小程序】可通过伪元素来实现：效果图如下：index.wxml代码：<view class='son-box'>24min</view>index.wxss代码：.son-box { position: relative; //父元素定位属性 width: 80px; height: 80px; /...

2018-06-02 14:45:10 7863

原创原生js点击按钮倒计时

<! DOCTYPE html><html><head><meta charset="utf-8"><title >111</title><style type ="text/css"></style><script ty

2018-05-21 22:17:26 1379

原创【微信小程序】本地模拟数据实现上滑加载

Page({ /** * 页面的初始数据 */ data: { list:[ { time: '2015-05-06 09:12:30', moneynum: '-34', washid: '009987889' }, { time: '2015-05-06 09:12:30', ...

2018-04-21 14:19:22 1296

原创 2018 浅谈前端面试那些事（24min的答案总结）

整理该篇博客部分知识点的答案：https://blog.csdn.net/snsHL9db69ccu1aIKl9r/article/details/798944671.HTML5新特性？什么是语义化 html5新特性：H5新特性语义化：语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。通俗地讲,语义化就是对数据和信...

2018-04-12 14:10:41 1080

原创 js数组去重以及统计字符串出现最多的字符

数组去重：<!DCOTYPE><html> <head> <title>数组去重</title> <script> function test(str){ let len = str.length; let strtmp = []; for(let i = 0;i<len...

2018-04-11 17:49:52 345

原创这个js冒泡排序算法，咋一看有问题吗？

<!DCOTYPE><html> <head> <title>排序</title> <script src="http://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdA

2018-04-11 10:55:14 354

原创 DataTables的关键字汉化

在使用DataTables的时候，如下图被圈住的地方默认是英文的，显然这不太友好。其实这些关键字的汉化也很简单，只要在创建datatables对象时，对应接口使用中文重置一下就可以啦。在创建DataTables对象中，加入以下设置即可~ "oLanguage": { "sLengthMenu": "每页显示 _MENU_ 条记录", "sZeroRecords...

2018-04-10 22:05:19 4416 2

原创使用js分解url地址参数

使用split函数分别分割，先以"？"分割，再以"&",最后再以“=”，并将之存入一个对象示例的地址参数为：http://www.runoob.com/jquery/misc-trim.html?channelid=12333&name=xiaoming&age=23<!DCOTYPE><html> <head> <

2018-04-10 14:43:16 3900

翻译【学习笔记】——ES6（1）let与const变量

内容来自阮一峰的es6入门，我自己阅读后加以记录，以方便自己查阅。在es6中，变量的申明新增了let,const,import , class 命令，加上ES5的var命令和function命令，现在一共有6种申明变量的方法。先来说let，let其实和var命令差不多，只不过只在let命令所在的代码块内有效，或者说只在它所在的‘{}’内有效。举几个例子：<!DCOTYPE><h...

2018-04-10 10:31:14 226

原创验证身份证号码是否为正确值

今天（2018-04-09）在整理正则表达时，有一个关于身份证号码的正则匹配。最简单的不动脑子的匹配方式为：^[1-9]\d{16}[\d|x]$，但是这样很容易伪造一个身份证号来骗过电脑，于是加强版的正则匹配为：^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$虽然加强版的正...

2018-04-09 21:50:17 10088 4

原创【学习笔记】——正则表达式从匹配qq邮箱开始

正则在线测评验证1.匹配一个qq邮箱：[1-9][0-9][email protected] 或者[1-9]\[email protected]分析：qq邮箱是由数字[email protected]组成，实际上匹配qq邮箱的主要内容也就是对数字的匹配。这边的 \d 其实就是[0-9],也就是匹配数字字符。那我们再深入一点，我们已知qq号是从10000开始的，那么我们对上述的匹配规则可以做进一步修改为：[1-9][0-9]{4,}@qq.com这...

2018-04-09 12:14:14 12320

24min的博客