- 博客(20)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 JS截图
1、如果DOM节点设置定位：position: absolute 或 position:fixed，节点不在文档流中会导致截图上面出现空白，在部分Android机上偶现，可以使用下列方法解决：复制该节点并设置：position: relative，将该节点挂载到body上，截图完毕后移除该节点function getCloneDom (dom) { // Create clone of e...
2019-07-31 15:17:50
456
原创 Vue中刮奖逻辑
methods: { drawArcByPoint (x, y) { this.context.beginPath(); const getOffset = dom => { let left = 0; let top = 0; while (dom) { left += dom.offs...
2019-07-31 14:46:17
714
原创 vue写图片轮播图
需要先安装v-touch：npm i v-touch --save-dev<template> <div class="wrap"> <v-touch class="img-wrap" ref="parent" @pan="onTouchMove" @panend="onTouchEnd"> <!-- 这里是动态插入的图片 --&...
2019-07-24 11:31:32
1049
原创 iOS和Android中H5页面兼容问题
1、Android滚动条问题Android手机中除了页面本身的那个比较细长的滚动条外还停靠了一个又宽又短的，比较影响美观，可以用一下方法将其隐藏，iOS没有。 html, body { height: 100%; overflow: auto; } // 下面设置成body也可以，两者只需设置一个即可，但是上面的height必须都设置...
2018-12-25 15:59:31
3040
原创 Promise的用法
Promise的构造函数接收一个参数，是函数，并且传入两个参数：resolve，reject，分别表示异步操作执行成功后的回调函数和异步操作执行失败后的回调函数。定义一个promise对象，并不调用它，传进去的函数已经执行了。 var p = new Promise((resolve, reject) =&amp;gt; { console.log('执行...
2018-12-14 15:37:52
892
原创 img标签相关知识点
alt和titlealt：图片在无法正确显示的时候起到文本替代的作用title：鼠标滑过时显示的文字提示。当然不必要所有的img标签都加此属性，比方说logo这样比较重要或者说用户会体验到的图片内容建议一定要加此属性。aligntop：文本顶部与图像顶部对齐middle：文本底部与图像底部对齐bottom：文本底部与图像底部对齐left：图像居左right：图像居右图像与图像之...
2018-09-21 11:25:10
804
原创 箭头函数和普通函数的区别
普通函数中this:this总是代表它的直接调用者, 例如 obj.func ,那么func中的this就是obj在默认情况(非严格模式下,未使用 ‘use strict’),没找到直接调用者,则this指的是 window在严格模式下,没有直接调用者的函数中的this是 undefined使用call,apply,bind(ES5新增)绑定的,this指的是 绑定的对象箭头函数...
2018-08-29 09:53:03
904
原创 使用ngrok将本地Web服务映射到外网
1、ngrok是什么 ngrok 是一个反向代理，通过在公共端点和本地运行的 Web 服务器之间建立一个安全的通道，实现内网主机的服务可以暴露给外网。ngrok 可捕获和分析所有通道上的流量，便于后期分析和重放，所以ngrok可以很方便地协助服务端程序测试。 2、ngrok的应用场景 web开发中，难免会遇到在某些情况下，我们必须借助外网才能调用某个API，然而，如果我们按照下面的方式来做，...
2018-04-25 18:24:24
903
原创 从零开始构建前端项目
1、下载node http://nodejs.cn/download/ 根据自己电脑系统选择对应的包，并安装，在此过程中npm也顺带安装了。 2、生成package.json 执行命令：npm init在此过程中会被要求输入一系列配置信息，可以不填直接回车。关于package.json的讲解可以参考：http://javascript.ruanyifeng.com/nodejs...
2018-04-25 18:08:18
1314
原创 webpack相关知识
1、全局安装webpacknpm install webpack -g2、新建一个项目，在该目录下创建index.js文件和index.html文件console.log('hello world');<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8...
2018-04-23 14:56:31
465
原创 常用命令
1、查看全局安装的依赖：npm i eslint-plugin-vue@latest 2、创建目录：mkdir 目录名 3、创建分支：git checkout -b branch_name 4、切换分支：git checkout branch_name 5：git branch 查看当前自己所在的分支 6：git branch -a 查看服务器的所有分支以及自己当前所在的分支...
2018-04-19 10:16:40
162
原创 JS知识点集锦
一、map、forEach、reduce 1、数组中每一项是简单数据类型，修改数据项没有改动，若是复杂数据类型，修改数据项有改动，map和forEach相同。 var arr = [0,2,4,6,8]; arr.map(function(item,index,arr){ item = 1; },this); // this默认是window ...
2018-04-04 19:11:59
275
原创 CSS知识点集锦
一、文本显示固定行数，多余的省略 1、文本只显示一行&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;style type=&amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;text/css&amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;
2018-04-04 17:02:31
2705
原创 Vue-cli知识点集锦
Vue-cli知识点集锦添加滚动监听事件1、添加滚动监听事件方法1: 在div里添加滚动事件函数&amp;amp;amp;amp;amp;amp;amp;lt;div style=&amp;amp;amp;amp;amp;amp;quot;margin-top: 100px;height: 150px; border: solid red 1px; overflow-y: auto&amp;amp;amp;amp;amp;amp
2018-04-04 11:09:51
536
原创 安装并开启MongoDB数据库服务
1 安装HomeBrew（若已安装请跳至1.2） /usr/bin/ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)”2 更新HomeBrew的package数据库（若刚执行完1.1请跳过） brew update3 安装MongoDB brew install mo
2017-09-27 15:29:26
434
原创 element-ui问题集锦
1、el-popover的显示和隐藏HTML部分，trigger设为”manual”<el-popover ref="popoverUsername" placement="top" width="200" trigger="manual" content="请输入账号名称"></el-popover><el-input v-
2017-09-27 15:24:23
8761
原创 Vue实例问题集锦
1、引入bootstrap报错“Module parse failed” 原因 ：编译器无法加载bootstrap.css，导致webpack无法打包 （1）需要自行安装style-loader、less-loader、css-loader，在终端输入npm i style-loader less-loader css-loader –save-dev （2）在webpack.config.j
2017-06-22 14:36:40
584
原创 用react+antd+webpack+redux+MongoDB+express写博客问题集锦
1、server.js中设置views路径和模板 前提是先安装ejs插件var ejs = require('ejs');app.set('views', './view'); //设定页面目录app.set('view engine', 'ejs'); //设置ejs引擎express中默认ejs作为view引擎，若要改为HTML使用一下方法app.e...
2017-06-15 18:41:54
1227
转载 MongoDB数据库查询方法
本文转自:http://www.cnblogs.com/egger/archive/2013/06/14/3135847.html 本文将介绍操作符的使用，配合操作符，我们可以执行更加复杂的操作。目录集合查询方法find() 查询内嵌文档查询操作符(内含 数组查询) “gt"、"gt" 、"gte”、 “lt"、"lt"、 "lte”、”null查询”、”all"、"all"、"size
2017-06-08 15:55:36
1426
原创 app内嵌H5页面与其他app的交互
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2017-05-25 15:02:24
19937
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人