- 博客(29)
- 资源 (2)
- 收藏
- 关注
RSS订阅转载 H5获取手机型号，获取具体手机型号
需求：需要读取系统手机型号，并显示出来。分析实现：因为H5 是运行在浏览器上的，只能获取window上给的信息也就是浏览器信息。如下图所示，这是安卓机（华为）的拿取到的信息。重这个信息中我们可以获取到手机的入网机型代码，这个也是唯一，是由工信部批准的，是唯一不会变的。苹果的我们是拿不到这个信息的，不过苹果我们可以根据逻辑分辨率来时区分机型（此方法无法区分具体机型比如与11都是414,896,2）那就做折中方案苹果机型做或的处理iPhone 11(XR)下面是代码实现。
2023-08-22 21:48:15
6312
转载 纯CSS实现横向瀑布流代码记录
<div class="container"> <div class="item" style="height: 140px"></div> <div class="item" style="height: 190px"></div> <div class="item" style="height: 170px"></div> <div class="item" style="height: 120p.
2021-10-12 17:51:38
967
原创 一些常用的正则表达式，正整数，邮箱，url等
好久没写文章了，赶紧记录一下。记录一些常见的正则表达式："^//d+$" //非负整数（正整数 + 0） "^[0-9]*[1-9][0-9]*$" //正整数 "^((-//d+)|(0+))$" //非正整数（负整数 + 0） "^-[0-9]*[1-9][0-9]*$" //负整数 "^-?//d+$" //整数 "^//d+(//.//d+)?$" //非负浮点数（正浮点数 + 0） "^(([0-9]+//.[0-9]*[1-9][0-9]*)|([0-9]*[1-
2021-03-22 16:31:38
284
转载 CSDN-markdown编辑器用法指南
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-09-23 10:33:19
271
转载 js判断浏览器方法记录。
js判断是否为ie浏览器的方法。(edge)判断为非。ie6-11都为是。function isIE() { //ie? if (!!window.ActiveXObject || "ActiveXObject" in window) return true; else return false; }js判断各浏览器版本的方法。function IEVersion() {...
2019-07-30 16:40:41
878
转载 一些CSS兼容性处理写法汇总。
一、placeholder修改样式兼容性写法：由于placeholder是h5新特性之一，目前还有兼容性问题，所以这样写以兼容各浏览器。 input::-webkit-input-placeholder{ color:red; } input::-moz-placeholder{ /* Mozilla Firefox ...
2019-01-07 22:41:53
1651
转载 VUE ROUTER-LINK 上添加点击事件
点击事件失败原因：router-link会阻止click事件，你可以试试只用click不用native,事件是不会触发的。而a标签不会阻止。在vue学习中遇到给router-link 标签添加事件@click 、@mouseover等无效的情况解决方案：根据Vue2.0官方文档关于父子组件通讯的原则，父组件通过prop传递数据给子组件，子组件触发事件给父组件。但父组件想在子组件上监听自己的...
2018-12-13 14:11:21
751
转载 取消a标签在移动端点击时的背景颜色
一、取消a标签在移动端点击时的蓝色-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;二、使用图片作为a标签的点击按钮时，当触发touchstart的时候，往往会有一个灰色的背景a,a:ho...
2018-12-13 10:42:10
727
转载 vue Bus总线
vue Bus总线有时候两个组件也需要通信（非父子关系）。当然Vue2.0提供了Vuex，但在简单的场景下，可以使用一个空的Vue实例作为中央事件总线。参考：http://blog.csdn.net/u013034014/article/details/54574989?locationNum=2&fps=1例子：https://segmentfault.com/q/10100000...
2018-11-24 14:15:32
438
转载 事件冒泡和事件捕获
由此可以知道 1、一个完整的JS事件流是从window开始，最后回到window的一个过程 2、事件流被分为三个阶段(15)捕获过程、(56)目标过程、(6~10)冒泡过程示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&am
2018-11-12 19:41:50
236
转载 ajax中readyState属性的状态码含义
今天查了一下ajax中readyState属性的状态码含义，发现大多解释不全，虽然每句话都是对的，但却都不一样。这里整理了一下个人觉得最佳的解释。readyState表示xhr对象的请求状态，取值范围是0——4，分别表示5个不同的状态。0：（未初始化）xhr对象已经创建，但还没有调用open()方法。值为0表示对象已经存在，否则浏览器会报错：对象不存在。1 :（载入/发送请求）调用open(...
2018-10-08 20:10:29
1658
转载 vue学习
在实战之前，你需要对vuejs的基础语法有一定的了解，可以通过以下几个途径进行学习：vue.js官方文档：https://cn.vuejs.org/v2/guide/index.htmlvue.js 教程：http://www.mingtern.com/vue/vue-tutorial.html官方的文档内容比较多且杂，对于初学者来说可能没有系统性的引导，可以查看明灯小站的基础教程，对...
2018-09-11 20:12:03
412
转载 vue生命周期简介和钩子函数（转）
前言：钩子就好像是把人的出生到死亡分成一个个阶段，你肯定是在出生阶段起名字，而不会在成年或者死亡的阶段去起名字。或者说你想在出生阶段去约炮，也是不行的。组件也是一样，每个阶段它的内部构造是不一样的。所以一般特定的钩子做特定的事，比如ajax获取数据就可以在mounted阶段。一、vue生命周期简介咱们从上图可以很...
2018-08-24 18:14:10
151
转载 移动端1像素边框问题
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在移动端web开发中，UI设计稿中设置边框为1像素，前端在开发过程中如果出现border:1px，测试会发现在某些机型上，1px会比较粗，即是较经典的移动端1px
2018-08-21 14:17:54
3197
转载 vue编写路由 命令行报错“Do not use ‘new’ for side effects“
main.js里的原代码是这样的：new Vue({ router, el: “#app”, render: h =&amp;gt; h(App)})这段代码不使用ESLint检查运行是没有问题的，使用了ESLint要改成如下的形式：let vm = new Vue({ router, el: '#app', render: h =&amp;gt; h(App)}) ...
2018-08-17 19:58:29
400
转载 一个实现的4种写法
new Vue({ el: '#app', router, render: h => h(App)});new Vue({ el: '#app', template: '<App/>' router, comments: { App }});new Vue(Vue.util.extend({ router},App)).$mount(...
2018-08-17 19:43:04
1299
转载 vue-router 基本使用介绍（转）
vue-router官网的介绍对于0基础的我来说还是看不太名称，所幸找到了这篇关于vue-router基础用法的讲解，讲解的非常清楚。
2018-08-17 18:49:11
2719
转载 var/let/const区别何在？？（转载）
let和const有很多相似之处，先说一说let吧。1. let添加了块级作用域我们知道，JavaScript是没有块级作用域的，如果在块内使用var声明一个变量，它在代码块外面仍旧是可见的：if (true) { var foo = 3;}console.log(foo); // 3for (var i = 0; i &lt; 9; i++)...
2018-08-17 14:11:33
219
转载 如何运行vue项目（从gethub上download的开源项目）
前提：入坑vue.js，从GitHub上download一个vue.js的开源项目，发现不知如何在浏览器运行，通过查阅网上教程，发现网上的很多是教你怎么新建项目，并没有一个是教如何打开已有的项目。自已折腾了一下，成功搭建好项目环境，最终调试成功。现在将过程分享给大家。首先，这个教程主要针对vue小白，并且不知道安装node.js环境的。言归正传，下面开始教程：首先下载安装node.js从nod...
2018-08-16 22:16:56
446
转载 使用vscode如何建立vue模板
目标：我们希望每次新建.vue文件后，VSCODE能够根据配置，自动生成我们想要的内容。方法：打开VSCODE编辑器，依次选择“文件 -&gt; 首选项 -&gt; 用户代码片段”，此时，会弹出一个搜索框，我们输入vue， 如下： 选择vue后，VSCODE会自动打开一个名字为vue.json的文件，复制以下内容到这个文件中：{ "Print to console":...
2018-08-16 20:57:14
13313
3
转载 /* eslint-disable no-new */的作用
使用vue-cli新建了一个vue项目后，main.js中会有这样一行语句。/* eslint-disable no-new */eslint-disable 的意思是完全禁用ESLint进行检测，这里就是禁用no-new的效验。在js里面，new 一个对象，需要赋值给某个值（变量），用Vue实例化的时候，不需要赋值给值（变量），所以要单独给配一条规则，给new Vue这行代码...
2018-08-16 18:27:41
2592
转载 一般app前端开发viewport设置。
&amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no&quot; /&amp;gt;这段代码的意思是，让viewport的宽度等于物理设备上的真实分辨率，不允许用户缩放。
2018-08-16 17:53:06
557
转载 什么是json？json应该如何使用和解读？json的语法格式
JSON是一种取代XML的数据结构,和xml相比,它更小巧但描述能力却不差,由于它的小巧所以网络传输数据将减少更多流量从而加快速度,那么,JSON到底是什么?JSON就是一串字符串 只不过元素会使用特定的符号标注。双括号{} 表示对象 中括号[]表示数组 双引号“”内是属性或值 冒号: 表示后者是前者的值(这个值可以是字符串、数字、也可以是另一个数组或对象)所以 {“name...
2018-08-14 12:33:47
18758
1
转载 关于display：flex布局的用法
关于display：flex布局，有人了解颇深，我也是看着别人的东西学习的。display：flex的布局是什么、基本概念之类的我根本就不了解，只会用。每次看到概念之类的东西，我都是扫一眼就过去。第一个属性和用法：flex-direction我了解的方法有4个：row（水平排列）、row-revese（水平反向排列）、column（垂直排列）、column-reserve（垂直反向排列）...
2018-08-07 16:05:25
3914
转载 vue-cli+webpack项目如何自动在浏览器打开
最近在学习vue的相关知识,使用vue-cli＋webpack创建的项目执行命令npm run dev的时候，并没有在浏览器自动打开,而在github上下载的vue项目都能够通过命令直接在浏览器运行。对比了一下，发现有个别文件发生了变化，于是就搜索了一下相关问题，找到了github上关于webpac...
2018-08-07 10:48:50
993
转载 vue-cli（vue脚手架）超详细教程
都说Vue2简单上手容易，的确，看了官方文档确实觉得上手很快，除了ES6语法和webpack的配置让你感到陌生，重要的是思路的变换，以前用jq随便拿全局变量和修改dom的锤子不能用了，vue只用关...
2018-07-28 19:49:05
512
全国省市区json数据，扁平树结构
2021-04-14
全国省市区街道的树形json数据结构
2021-04-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人