• ES6 require ( 路径变量 ) 相关使用方法---动态传值给

    最近做了一个关于vue.js的小demo: 当用户登录时,使用状态保存vuex将用户的头像信息存储到store.state当中,这样不同用户登录就会显示相应的头像。 具体实现方法: 在组件的计算属性当中通过this.$store.getters.userImg 获取当前用户的头像,然后用require引入图片,...

    2018-08-10 23:47:44

  • JavaScript中常见的十五种设计模式

    在程序设计中有很多实用的设计模式,而其中大部分语言的实现都是基于类。 在JavaScript中并没有类这种概念,JS中的函数属于一等对象,在JS中定义一个对象非常简单(var obj = {}),而基于JS中闭包与弱类型等特性,在实现一些设计模式的方式上与众不同。 本文基于《Jav...

    2018-08-10 23:47:37

  • 快应用小试

    开题先抛一个快应用的开发文档链接 https://doc.quickapp.cn/ 我只能说这个文档不是很人性化,左侧导航栏分了『指南和参考』,结果我最关心的组件,在『指南』中只有list和tabs,其余组件都在『参考』中,真是喷了一口老血才找到。 根据开发微信小程序和支付宝小程序的...

    2018-08-10 11:21:36

  • JavaScript 基于原型链的继承

    JavaScript 对象是动态的属性“包”(指其自己的属性)。JavaScript 对象有一个指向一个原型对象的链。当试图访问一个对象的属性时,它不仅仅在该对象上搜寻,还会搜寻该对象的原型,以及该对象的原型的原型,依次层层向上搜索,直到找到一个名字匹配的属性或到达原型...

    2018-08-10 11:21:34

  • html,CSS,javascript 做一个弹窗

    弹窗的工作原理: 在网页中写一个div ,布局到想要显示的位置,将display设为none,隐藏该div。然后通过点击事件或其他操作,利用Js代码,将display设置为block,将div 显示到网页中。 Tips:display:none//隐藏 display: block//显示 效果图: 点击弹出一个弹窗按钮,显...

    2018-08-10 11:21:32

  • js 颜色16进制转RGB方法

    // 颜色16进制转RGB方法 String.prototype.colorRgb = function (){ var sColor = this .toLowerCase(); // 十六进制颜色值的正则表达式 var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/ ; // 如果是16进制颜色 if (sColor reg.test(sColor)) { if (sColor.length ===...

    2018-08-10 11:21:31

  • WebWorker与WebSocket实现前端消息总线

    Web Worker让JS有了多线程的能力,可以将复杂耗时的操作都交付给Worker线程处理。WebSocket让web端与服务端维持一个有效的长连接,实现服务端主动推送数据。将二者一结合,业务系统信息流转通知功能完全就可以剥离出来。 架构图 JS Worker Worker工作在一个专用的作用...

    2018-08-10 11:21:27

  • 小程序渲染html的两种方法

    一、使用文档自带的原生API rich-text, nodes属性直接绑定需要渲染的html内容即可,文档参见这里:https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html 二、使用WxParseData插件,github地址:https://github.com/icindy/wxParse 使用原生ric...

    2018-08-10 11:21:25

  • rem js相关

    ! function(n){ var e= n.document, t = e.documentElement, i = 720 , d =i/ 100 , o = " orientationchange " in n? " orientationchange " : " resize " , a = function(){ var n=t.clientWidth|| 320 ;n 720 (n= 720 ); t.style.fontSize =n/d+ " px " }; e.addEve...

    2018-08-10 11:21:22

  • 如何实现进度条效果呢 ?

    如何实现进度条效果呢 ? 效果:点击页面的某个按钮,弹出一个进度条,然后实时显示进度,直到任务完成。 思路:页面里面有个隐藏的进度条,点击按钮后弹出。ajax循环请求数据,直到全部完成 难点:ajax的同步请求问题 1、首先引入页面样式: .myProgressDiv{ width:45...

    2018-08-10 11:21:23

2