- 博客(18)
- 收藏
- 关注
RSS订阅原创 JS生成相应格式的电话号码
项目需求中在通过电话号码登录或者注册时经常需要选择国家地区，不同的国家地区或许会有不同的电话号码格式，现在通过JS来实现一个用户选择区号后根据相应格式自动规范电话号码的功能。正常的话该国家地区的号码格式会和区号一起返回给我们，这里就直接定义一个格式了，如中国的电话格式：xxx-xxxx-xxxx，3-4-4 的格式，11位我们实现的逻辑是：获取到号码格式每一段的长度，也就是上面的 3-4-...
2020-04-01 21:04:52
1137
原创 Vue利用vant实现图片懒加载
在加载图片的过程中，经常由于图片加载太慢导致界面不友好，可以通过懒加载的方式实现让图片加载完成后再显示原图在Vue中，可以利用vant的组件Lazyload 图片懒加载来实现官方网址 Lazyload首先因为 LazyLoad 是Vue的指令，我们需要在 main.js 中引用它import { Lazyload } from 'vant';Vue.use(Lazyload);页...
2020-03-24 20:39:30
2440
原创 H5利用JS判断是安卓还是IOS
let u = navigator.userAgent;let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);if (isAndroid) {//是安卓}if (isIOS) {...
2020-03-19 22:18:18
271
原创 JS判断当前浏览器是否是微信浏览器
//将 navigator.userAgent 转化为小写var ua = navigator.userAgent.toLowerCase()if (ua.match(/MicroMessenger/i) == "micromessenger") { //在微信中打开}
2020-03-19 22:17:06
648
原创 JS将GMT时间转化为当前时区时间
如果我们从后台拿到一个时间，但是这个时间是GMT格林尼治时间，我们想要把它转化成为用户当前时区的时间，并且用户不仅限于中国，也就是还有其他时区的情况下，利用JS即可实现let local = new Date()local.getTimezoneOffset() * 60000getTimezoneOffset() 方法可返回格林尼治时间和本地时间之间的时差，以分钟为单位。东八区的时间与...
2020-03-17 21:51:00
2235
原创 JS 判断空对象
for 循环判断for (var i in obj) { return true}return false//遍历对象，如果有值，返回true，不为空，返回false为空对象JSON stringfy()判断通过JSON stringfy()将对象转化成JSON字符串，再判断字符串if (JSON.stringfy(obj) === '{}') { //为空} else {...
2020-03-11 21:45:45
181
原创 JS新增、删除节点
<div id="box"></div>新增节点在div中新增一个p// 创建 p 标签节点var node = document.createElement("p")// 创建 文本节点 ( 注意文本节点和 innerHTML 的区别 )var content = document.createTextNode("段落文本")//将文本节点添加到 p 标签...
2020-03-11 21:39:56
264
原创 React抽离组件命名
React 中我们抽离组件出来的时候，比如 一个 Header 组件，将其放在 src/components/ 下我们可以这么写：Header 文件夹中即是 Header 组件的所有内容，这里的一个小技巧就是，将 jsx文件或者js文件命名为Index.jsx ，这样的好处一是目录看起来更清晰一些，而是我们在引用组件的时候，只需要将路径写到Header 文件夹就可以，这样会自动找到它下面...
2020-03-10 21:49:13
308
1
原创 JS打开外部链接的方法
window.open() 方法，可以在当前页面打开指定链接，也可以在新窗口打开该链接。但是在移动端的时候，此方法不可行，会被浏览器拦截，而且很多浏览器不会提示。所以移动端中可以换一种方式，在 标签中打开var link = document.createElement('a');link.href = '你的链接';link.click();这样移动端浏览器会将其视为用户自己点击...
2020-03-09 22:42:44
4131
原创 Vue Cli 3 引入 jQuery
安装 jQuerynpm install jquery --savevue.config.js 配置const webpack = require('webpack')module.exports = { configureWebpack: { plugins: [ new webpack.ProvidePlugin({ $:"...
2020-03-09 22:37:47
313
原创 Vue生命周期详解
首先，什么是生命周期和生命周期函数一个组件从创建、渲染最后到销毁的这个过程就是生命周期在这之中发生的一些事件就是生命周期函数初始化组件的事件和生命周期函数↓beforCreate：第一个生命周期函数，这时组件的data、methnds、和DOM结构都没有初始化，什么都做不了↓初始化data中的数据和methods里的方法↓created：这里data和methods里的方法已经...
2020-03-07 22:34:04
146
原创 React图片地址设置
显示一张本地图片<img src="../assets/mainImg.jpg" alt="img"/> //无法正常显示//应该这么写import imgsrc from "../assets/mainImg.jpg"<img src={imgsrc} alt="img"/>//或者这么写<img src={require('../assets/main...
2020-03-07 22:32:21
736
原创 JS调用手机打电话功能
在页面 head 里加上<meta name="format-detection" content="telephone=yes"/>调用方法：<a href="tel:18711111111">打电话</a>另外，调用发短信的功能：<a href="sms:18711111111">发短信</a>...
2020-03-06 21:33:38
2039
原创 JS时间戳转日期格式
利用JS将时间戳转化为日期格式 var timestamp = 1486940538 //获取到的时间戳 var date = new Date(timestamp * 1000);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; var M = (date.getMonth()+1 < 10 ? '...
2020-03-06 21:28:36
207
原创 CSS设置元素宽度自适应
HTML一些元素是默认宽度为 100% 的，如 <div></div> <p></p>我们想要这些元素的宽度由子元素或者内容来撑起的话，利用CSS3的一个属性就可以实现：width:fit-content;width:-webkit-fit-content;width:-moz-fit-content;...
2020-03-05 19:56:33
1487
原创 HTML nofollow 属性
nofollow 属性的作用是让我们页面中的链接不被浏览器爬虫抓取，不会计算权重添加方式：写在 meta 标签中<meta name="robots" content="nofollow" />这样，此页面的所有链接浏览器爬虫都不会抓取了。在 a 标签中<a href=“......” rel=“nofollow”>xxx</a>这一条...
2020-03-05 19:53:03
611
原创 Vue Cli 3 动态路由实现伪静态
想要实现伪静态，路径后面加上 .html 后缀，可以通过动态路由来实现。首先在你想要实现伪静态的页面的路由规则中配置，如：{ path: "/Detail/:id", name: "Detail", compontent: ......}这里是给 Detail 这个页面的路由中配置一个参数 id，这个参数是 parmas 参数，传递的方式有两种this.$router.push(...
2020-03-04 21:51:57
1585
原创 Vue Cli 3.0中使用@import引入外部css文件
我在Vue Cli 3.0项目中把当前页面的样式分离出来，在通过@import的方式引入<style scoped> @import url("../styles/index.css");</style>从而减少单个页面的代码数量。但是在，其他页面出现了样式错乱的问题，分离出来的那个样式文件的样式应用到了其他页面。注意，不论是在首个页面还是其他页面我都有设置 ...
2019-10-16 21:25:43
9831
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人