- 博客(14)
- 收藏
- 关注
RSS订阅原创 ES6 Module export与import
1.第一种写法(一个变量)export const config ={ } 导出 ------》 import { config} from ’ ./index.js ’2. 第二种写法（多个变量）export { config,fun1,fn} 导出 ------》import { config,fun1,fn} from ‘./index.js’...
2019-04-18 17:17:39
153
原创 ES6 class写面向对象--语法糖
class Abc{ constructor(){//属性 this.a=100; } num(){//方法 alert(this.a); } shownum(){ alert('ok'); } } var a1=new Abc() a1.num(); a1.shownum(); alert(typeof Ab...
2019-04-18 16:31:08
224
原创 JavaScript面向对象理解（构造函数+原型）
面向对象：面向对象的思想是把一个项目、一件事情分成更小的项目，或者说分成一个个 更小的部分，每一部分负责什么方面的功能，最后再由这些部分组合而成为一个整体。面向对象的特点：抽象(关注核心)，封装，继承(子类继承父类，不能影响父类)，多态(对象呈现多种状态)。构造函数模式虽然好用，但也并非没有缺点。使用构造函数的主要问题，就是每个方法都要在每个实例对象上重新创建一遍。（构造函数）functi...
2019-04-18 16:22:02
176
原创 Promise 练习
1.demo目录1.text ,2.text , 3.text;内容随意填；2.test.jsconst fs = require('fs')const path = require('path') //封装的读文件方法；传路径；返回内容；function getFileByPath(fpath, succCd, errcd) { fs.readFile(fpath, 'u...
2019-04-18 15:35:59
223
原创 owl-carousel轮播插件的使用
官方链接：点击进入1.下载demo；只需要dist目录即可；页面中引入css页面中引入js很好用的轮播组件库；值得推荐
2019-04-17 16:08:27
4555
原创 弹性盒使用笔记
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html一,适用于：弹性盒容器flex-direction属性：决定主轴的方向（即项目的排列方向）;row（默认值）：主轴为水平方向，起点在左端；row-reverse：主轴为水平方向，起点在右端；column：主轴为垂直方向，起点在上沿；column-reverse：主轴为垂...
2019-04-17 15:54:11
205
原创 pc zoom缩放js实现代码
1.vue中可使用window.onload = function() { document.body.style.zoom = "normal"; //避免zoom尺寸叠加 let scale = document.body.clientWidth / 1904; document.body.style.zoom = scale; }...
2019-04-17 15:48:53
2877
原创 vuex笔记
vuex是vue配套的公共数据管理工具,他可以把一些公共的数据,保存到vuex,方便整个程序中的任何组件直接或者间接使用或者修改公共数据vuex 是为了保存组件之间共享数据而诞生的.如果组件之间有要公用的数据,可以直接挂载到vuex中.而不必通过.父组件zi组件之间的传值了,1.npm i vuex -S2.导入 vuex--------->import Vuex from ‘vu...
2019-04-17 15:40:56
115
原创 git常用命令
全局设置git config --global user.name “Your Name”git config --global user.email "email@example.com"初始化 Git 仓库git init添加修改到暂存区git add …提交修改git commit -m 查看工作区状态git status查看已修改未暂存的内容git diff …查...
2019-04-17 15:38:30
73
原创 mock.js模拟数据
1.安装mock.js模块yarn add mockjs -S2.在main.js中引入:require("./mock.js")3.mock.jsimport Mock from 'mockjs' //引入mockjs，npm已安装import { Random } from 'mockjs' // 引入random对象,随机生成数据的对象，（与占位符@一样）Mock.setup...
2019-04-17 15:36:09
200
原创 前端实现简单的loding效果
11.html部分 <div id="preloader"> <div class="sk-spinner sk-spinner-wave" id="status"> <div class="sk-rect1"></div> <div class="sk-rect2">&...
2019-04-17 15:09:10
475
原创 H5和客户端（IOS、安卓）交互
1.IOSfunction setupWebViewJavascriptBridge(callback) { if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); } if (window.WVJBCallbacks) { return window.WVJBCallback...
2019-04-17 15:00:10
1426
原创 移动端h5页面 rem布局解决方案
1.首页你只需在页面引入这段原生js代码就可以了pxtorem.js(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = fu...
2019-04-17 14:53:43
1284
原创 vue2+elementUI+i18n 国际化语言切换实现
1.准备安装：yarn add vue-i18n -S在main.js中引入import i18n from './i18n/i18n';new Vue({ router, store, i18n, render: h => h(App)}).$mount('#app')2.目录结构i18n.js import Vue from 'vue'impo...
2019-04-17 14:42:28
912
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人