• 七牛文件上传的前后端部署

    2019-09-06 浏览:2399
    后端(Node.js) 后端的作用是为前端提供上传所需要的凭证 准备 注册七牛开发者帐号 登录七牛开发者后台,获取AccessKey 和 Secret Key 创建对象存储的存储空间 地址:https://portal.qiniu.com/user/key sdk安装 npm install qiniu --save token生成 let mac = new qiniu.auth.digest.Mac(accessKey, secretKey); let options = { scope: config.Bucket, expires: 7200, returnBody: '{"key":"$(key)","hash":"$... 展开全文
  • vue中cross-env的使用

    2019-08-09 浏览:4185
    cross-env cross-env是跨平台设置和使用环境变量的脚本。 在大多数Windows命令行中在使用NODE_ENV = production设置环境变量时会报错。同样,Windows和Linux命令如何设置环境变量也有所不同。 使用cross-env可以设置在不同的平台上有相同的NODE_ENV参数。 适用场景 适用于本地线上环境有差异的场景,例如本地线上使用不用的开发域名则可以通过NODE_ENV来判断 if(process.env.NODE_ENV!='development'){ //线上环境 } proce... 展开全文
  • js的变量拼接

    2019-07-15 浏览:2640
    使用 [] 拼接变量 result.article_title //等效 let a='article'; result[a + '_title'] 使用evel() let a1 = 123 let s = 1 console.log(eval('a' + s)) //123 展开全文
  • 数组

    2019-05-30 浏览:1895
    数组创建 使用Array 构造函数 //使用Array 构造函数,在使用Array 构造函数时也可以省略new 操作符 var colors = new Array(); var colors = Array(); //如果预先知道数组要保存的项目数量,也可以给构造函数传递该数量,而该数量会自动变成length属性的值。 var colors = new Array(20); 使用数组字面量表示法 数组字面量由一对包含数组项的方括号表示,多个数组项之间以逗号隔开 var colors = ["red", "blue", "green"]; // ... 展开全文
  • es6中的剩余参数(…)

    2019-05-29 浏览:1952
    ES6提供了剩余参数,剩余参数将没有对应形参的参数聚合成一个数组: function f(a,...b) { console.log(a)//1 console.log(b)//[2,3] } f(1,2,3) 剩余参数为空时返回空数组 function g(...b) { console.log(b)//[] } g() tips: 参数有形参(parameter)和实参(argument) 形参就是函数声明时的变量,实参是我们调用该函数时传入的具体参数。 展开全文
  • js中插件的封装与调用

    2019-05-29 浏览:2051
    (function () { "use strict" let _global; function Add(data) { this.defaulData = { a: 0, b: 0, } this.data = Object.assign(this.defaulData, data) this.init() } Add.prototype = { init: function () { console.log(this.data) }, add: function (...a) { console.log(a) ... 展开全文
  • isNaN 与 Number.isNaN

    2019-05-24 浏览:2028
    isNaN 与 JavaScript 中其他的值不同,NaN不能通过相等操作符(== 和 ===)来判断 ,因为 NaN == NaN 和 NaN === NaN 都会返回 false。 因此,isNaN 就很有必要了。 isNaN() 函数用来确定一个值是否为NaN 。 如果isNaN函数的参数不是Number类型, isNaN函数会首先尝试将这个参数转换为数值,然后才会对转换后的结果是否是NaN进行判断。因此,对于能被强制转换为有效的非NaN数值来说(空字符串和布尔值分别会被强制转换为数值0和... 展开全文
  • js中的显式转换和隐式转换

    2019-05-24 浏览:3170
    JavaScript 是一种弱类型或者说动态语言。这意味着你不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。这也意味着你可以使用同一个变量保存不同类型的数据 显式转换 通过String(),Number(),Boolean(),parseInt(),parseFloat()函数强制转换 var str=123; var str1='123'; console.log(typeof str);//number console.log(typeof str1);//string console.log(typeof String(str));//string console.log(typeof Nu... 展开全文
  • js数据与类型与数据拷贝

    2019-05-24 浏览:1830
    数据类型 s的数据类型有种划分方式为 原始数据类型和 引用数据类型。 原始数据类型 存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置。栈区包括了 变量的标识符和变量的值。 引用数据类型 存储在堆(heap)中的对象,也就是说,存储在变量处的值是一个指针(point),指向存储对象的内存处。放在栈空间中的值是该对象存储在堆中的地址。 基本类型 Undefined、Null、Boolean、Number、String、Symb... 展开全文
  • vue路由懒加载

    2019-05-23 浏览:1953
    当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。 结合 Vue 的异步组件和 Webpack 的代码分割功能,轻松实现路由组件的懒加载。 我们想把某个路由下的所有组件都打包在同个异步块 (chunk) 中。只需要使用 命名 chunk,一个特殊的注释语法来提供 chunk name (需要 Webpack > 2.4)。 const Foo = () =&... 展开全文
  • 知识点整理

    2019-04-15 浏览:1980
    vue的生命周期 beforeCreate 在实例初始化之后,数据观测(data observer) 和 event/watcher 事件配置之前被调用。 created 实例已经创建完成之后被调用。在这一步,实例已完成以下的配置:数据观测(data observer),属性和方法的运算, watch/event 事件回调。然而,挂载阶段还没开始,$el 属性目前不可见。 beforeMount 在挂载开始之前被调用:相关的 render 函数首次被调用。 mounted el 被新创建的 vm.$el 替换,并挂载到实... 展开全文
  • 微信小程序promise封装(2)

    2019-01-16 浏览:4069
    封装 // 封装请求 Object.defineProperty(exports, "__esModule", { value: !0 }), exports.request = void 0; var e = function(e) { return e && e.__esModule ? e : { default: e }; }(require("./es6-promise.min")), t = exports.request = function() { var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "GET"; return function(n, r) { ... 展开全文
  • HTML 5 Audio/Video获取播放进度

    2018-09-05 浏览:10166
    html <video id="v1" src="http://0517.dev.victtech.com/ppt1/video/video1.mp4" controls></video> js <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> <script> $('document').ready(function(){ var total_time =0; var record_flag = 0; //获取媒体总长度 $('#v1').bind('loadedmetadata',function(e){ total_time ... 展开全文
  • 微信小程序promise封装(1)

    2018-09-03 浏览:7425
    创建promose.js文件 import Promise from './es6-promise.min'; export const request = (method = 'GET') => (url, data) => { return new Promise((resolve, reject) => { wx.request({ url, data, method, header: { 'Content-Type': 'application/json' }, success: function (res) { resolve(res.data) }, fail: function (err) { ... 展开全文
  • <input type="text" @click="scroll"> 这里使用click事件而不是focus事件,input首次获得焦点时点击隐藏软键盘,然后再次点击input呼出软键盘但这时并不会触发focus事件 获取当前input距离页面顶部的距离,-70为滚动后input距离浏览器顶部距离 微信端input获得焦点是会有默认滚动动画所以这里给出了400ms的延时 scroll(){ let a = $(event.currentTarget).offset().top - 70; setTimeout(() => { $('... 展开全文
  • vue定义全局变量的几种方式

    2018-05-28 浏览:13081
    1.定义专用模块来配置全局变量 定义一个专用模块来配置全局变量,然后通过export暴露出去,在需要的组件引入 global.vue const a=1; export default{ a } 引入 import global from './global' 2.通过全局变量挂载到Vue.prototype main.js Vue.prototype.a = 1; 组件调用 console.log(this.a) 3.使用window对象 window.a=1 4.使用vuex 安装: npm install vuex --save 新建store.js文件 import Vue from 'vue' import ... 展开全文
  • webpack4打包实践

    2018-05-14 浏览:5589
    全局安装webpack npm install -g webpack 创建项目 mkdir webpack-test cd webpack-test npm init npm init后会在根目录下生成一个名为package.json的文件,文件中srcipts字段设置如下: "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "webpack --mode development", "build": "webpack --mode production" }, 这样就可以直接使用命令npm run build来进行文件打包 项... 展开全文
  • 静态页面生成器使用说明

    2018-05-07 浏览:7968
    gif演示使用说明 组件列表 组件导航 点击左侧组件导航列表中的分类即可筛选出当前分类下的所有组件 在页面中添加一个新组件 拖动调整组件位置 删除单个组件 删除所有组件 查看不同设备下页面表现 预览不同的主题颜色 获取组件代码(下载生成页面) 相关链接 静态页面生成器:http://page.qianxiaoduan.com/ 静态页面生成器更新文档:https://blog.qianxiaoduan.com/site-generation 展开全文
  • /* WebKit browsers */ ::-webkit-input-placeholder { color: #fff; } /* Mozilla Firefox 4 to 18 */ :-moz-placeholder { color: #fff; opacity: 1; } /* Mozilla Firefox 19+ */ ::-moz-placeholder { color: #fff; opacity: 1; } /* Internet Explorer 10+ */ :-ms-input-placeholder { color: #fff; } (可在冒号前面添加类选择器) 单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元... 展开全文
  • 刚开始尝试使用github,创建新项目的时候其中的README.md文件都是默认的,即使改动也只会添加文本,翻看别人的项目时发现其中的README.md不仅有文字还有链接、图片之类的,搜索之后发现github上的README.md文件是使用的Markdown语言编写,下面整理些Markdown语言的常用语法。 语法宗旨 Markdown 的目标是实现「易读易写」。 可读性,无论如何,都是最重要的。一份使用 Markdown 格式撰写的文件应该可以直接以纯文本发布,并且看... 展开全文