自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 web components试用

Web Components原生的组件模式,主要有customElement,shadowDom,template等,本次主要用customElement注册自定义元素组件,shadowDom存放组件内容说明:目前我知道的渲染后使用web components的框架有腾讯omi, 谷歌polymer两个;omi看了一下很简单,使用jsx语法或不使用构建工具的话用h渲染函数也可以,所以自...

2019-03-24 13:01:23 628

原创 记一次js数字上翻变动简单实现(比较简陋)

需求:数据实时变动,要求每次变动上滑效果(见腾讯位置大数据),且只变动变化的位数因为没找到相应类似的插件,所以自己写了个大致能用的 :)分析:数字千分位转化 css动画keyframes 生成DOM结构包含符号(千分位) 变动数据的差异对比(两个数值包括千分号的对比) 差异位数往后 都是变动上翻的元素CSS:.dd>ul { overflow: hidde...

2019-03-18 23:35:32 760

原创 原生js实现简易版promise

用原生js手写实现promise用原生js手写实现promise,参考了网上很多实现,最终写出自己的简易版promise,记录一下使用及调用同原生Promise方法,只实现了then(resolve),catch(reject),finally()三个方法,不涉及Promise.race(),Promise.all();构造函数:let that; // 存储 mPromise/...

2019-01-27 01:03:16 382

原创 数字格式化:包括金额(带小数),手机号码

数字格式化:包括金额(带小数),手机号码/** * [numFomat 数字格式化(金额,手机号码)] * @param {string/number} num [金额或手机号码] * @param {string} type [money: 金额,phone: 手机号码] * @param {string} sep [分隔符] * @return...

2018-06-02 10:59:28 669

原创 获取当前一周时间和最近七天

当前一周时间// 获取一周时间 var getWeek = (function(){ // 一周 var arr = []; // 周一开始 var newdate = new Date(); var now = newdate.getTime(); var day = newdate.getDay(); // 星期 ...

2018-06-02 10:58:29 5959 1

原创 url 中 hash ‘#’ 的作用

----- url 中 hash: '#' 号 的作用:-----1、添加历史记录2、记录滚动条位置(id)通过 'hashchange' 监听 '#' 改变事件,实现不刷新页面切换页面(同一页面不同模块)(假装监听后退事件)window.addEventListener('hashchange',function(){ }, false)下面封装一个函数方便调用:-- 添加刷新保持状态...

2018-06-02 10:56:51 2101

原创 自己写的vue图片上传插件(假装是插件)

假装是插件前言:项目使用的是vue2.x + vux + eventbus(个人练手项目,做个记录,有bug影响使用还望大佬们指点)vuex还没看过。。。(稍微熟练了vue之后再去看吧)说一下流程:1、引入(废话)2、点击(也是废话)3、选个图片(废话,不超过6M,因为试过10M的压缩太慢。。。)4、filereader读图片(base64预览,bin二进制用来上传) 超过2...

2018-06-01 12:26:09 1959

原创 vue打包和路由跳转

vue打包:(路径设置)图片引自网上(忘记哪里找的,多谢)路由跳转:1、<router-link to='aac'>aac</router-link>import aac from './aac'2、事件触发,然后 this.$router.push('/aac');在main.js中improt aac from './aac'const routes = [{path:...

2018-06-01 11:37:15 2677 1

原创 vue-evenbus使用记录

----- Vue-eventbus使用:-----eventbus.js----- 组件切换顺序:-----当前组件:目标组件:3、beforeDestroy 1、created4、destroyed 2、beforeMount1、触发:cc.vue<router-link to='/bbb'><x-button @click.native='tobbb'>eventbu...

2018-06-01 11:32:16 427

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除