2019年04月_岁月如歌_

转载 HTML5如何使用SVG

合理的利用SVG图片来代替部分PNG/JPG等格式的图片则是前端优化重要的一环，既然是优化，那我们先来看看SVG图片都有哪些优势：SVG 可被非常多的工具读取和修改（比如记事本）SVG 与 JPEG 和 GIF 图像比起来，尺寸更小，且可压缩性更强。 SVG 是可伸缩的 SVG 图像可在任何的分辨率下被高质量地打印 SVG 可在图像质量不下降的情况下被放大 SVG 图像中...

2019-04-24 18:01:15 5841

原创 SVG使用

菜鸟教程：http://www.runoob.com/svg/svg-intro.html使用方法案例<!DOCTYPE html><html><body><svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" y1="0" x...

2019-04-24 17:54:35 337

原创 vue使用element侧边导航从导航页跳转到非导航页，失去选中状态

<template> <div class="app-nav-wrap"> <el-menu :default-active="$route.path" class="el-menu-vertical-demo" :router="true" v-if="isAlive" unique-opened='true'> <h5 ...

2019-04-22 15:16:19 1997

转载 vue 使用element 菜单与tab页联动

<template> <div class="ucen-menubar menu"> <div class="sider"> <el-menu class="el-menu-vertical-demo siderBar" background-color="#2A2E3C" text-color="#fff"> ...

2019-04-17 10:30:27 10382 8

原创小程序官方返回顶部

//返回顶部 if (wx.pageScrollTo) { wx.pageScrollTo({ scrollTop: 0, duration: 0 //返回的时间动画 }) }

2019-04-16 13:06:30 113

原创一款超级炫酷的编辑代码的插件 Power Mode

今天偶尔发现了一款比较炫酷的插件，想让你们看看效果//powser mode "powermode.enabled": true, //样式 "powermode.presets": "particles", // 时间间隔 "powermode.comboTimeout":8, // 抖动 "powermode.enableShake": fals...

2019-04-15 17:19:27 2267

原创 vue和小程序中utc时间封装成指定格式时间

const formatTime = time => { var date = new Date(time) const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const hour = date.getHours() const m...

2019-04-15 17:08:35 1219

转载 timeformater.js封装

，后台返回一个时间戳，前台需要处理成 xxxx年xx月xx日等格式的时间格式//开启严格模式，规范代码，提高浏览器运行效率"use strict"; // 定义一个存放返回时间类型的数组 var timeType = [{ type: 1, description: 'YYYY-MM-DD' }, { type: 2, description: 'YY...

2019-04-15 17:07:02 511

转载细述怎么开发自己的插件依赖，并发布到npm上

写在文章前：一个在项目开发中通常遇到的需求，后台返回一个时间戳，前台需要处理成 xxxx年xx月xx日等格式的时间格式。通常我们会封装成一个函数进行调用，但在本文中，就小题大作一下，一个这样的需求怎么写成一个插件依赖呢？ a. this.timeformater('1528094422381') // 2018-06-04 14:40:22b. this.timefor...

2019-04-15 16:36:18 882

转载 chorm插件开发，

进入正题:　　首先，我们需要manifest.json文件来声明我要写的插件的相关信息。可以把manifest.json理解成插件的入口，即chrome需要通过manifest.json来理解你的插件要引用哪些文件、需要哪些权限、插件图标等信息。ok，那就先来写manifest.json文件吧：　　/*以我新手上阵写的插件为例：cyber_watcher，名字看起来挺87的，其实就是追踪...

2019-04-15 15:19:16 407

原创微信小程序防止重复点击（节流函数）

utils.js//防止多次重复点击（函数节流） function throttle(fn, gapTime) { if (gapTime == null || gapTime == undefined) { gapTime = 1000 } let _lastTime = null // 返回新的函数 return function (e) { ...

2019-04-11 15:24:36 3716

原创 js敏感词过滤库 SDK 调用接口

2019-04-10 13:24:44 1488

转载 HTML空格占位符

  == 普通的英文半角空格  ==   ==   == no-break space （普通的英文半角空格但不换行）　 == 中文全角空格（一个中文宽度）  == &ensp; == en空格（半个中文宽度）  == &em...

2019-04-05 16:10:22 837

岁月如歌去，十年弹指间