- 博客(92)
- 收藏
- 关注
RSS订阅转载 ios系统App Store安装包下载链接获取
今天将自己开发的Android版本和ios版本的安装包通过生成二维码的方式展示在H5页面上，Android版的比较简单，但是ios的安装包用户必须从App Store（苹果应用市场）中下载安装，所以获取App Store中的下载链接便成了关键，最终通过查询资料得到以下答案：通用模板网址： http://itunes.apple.com/cn/app/idXXXXXX?mt=8其中...
2019-09-03 17:39:00
3454
转载 react 中 EventEmitter 事件总线机制
此机制可用于 react 中兄弟组件中的通信npm install events -S事件总线：// eventBus.jsimport {EventEmitter} from 'events';export default new EventEmitter();监听：import Bus from './eventBus'Bu...
2019-06-26 18:29:00
2569
转载 H5软键盘兼容方案
前言最近一段时间在做H5聊天项目，踩过其中一大坑：输入框获取焦点，软键盘弹起，要求输入框吸附（或顶）在输入法框上。需求很明确，看似很简单，其实不然。从实验过一些机型上看，发现主要存在以下问题：在Android和IOS上，获知软键盘弹起和收起状态存在差异，且页面webview表现不同。在IOS12上，微信版本v6.7.4及以上，输入框获取焦点，键盘弹起...
2019-06-19 10:08:00
365
转载 nodejs 中使用 mysql 实现 crud
首先要使用 mysql 就必须要安装npm install mysql然后封装 sql 函数const mySql = require('mysql');let connection ;let insert, update, deletes, select;insert = update = deletes = select = (condit...
2019-06-13 16:27:00
295
转载 create-react-app 中设置反向代理、项目打包资源引入路径设置及 map 文件
1、配置反向代理（1）porxy 配置一个代理 修改package.json文件"proxy":"http://teng.com/website/web",（2）proxy配置多个代理 注意：若create-react-app 的版本在低于 2.0 的时候可以在 package.json 增加 proxy 配置即可， 配置成如下 "name": ...
2019-06-13 10:57:00
909
转载 react中withRouter解决props返回为空
利用 react + antd 框架书写导航栏时，遇到了几个坑，分别是一级菜单和二级菜单在点击的情况下，高亮没有任何问题，但是再点击浏览器返回按钮时，却就乱套了。1. 二级菜单中，我们可以通过 props.history 来监听 route ，通过不同的 hash 值赋值给 antd 导航栏相应的 selectdKeys 就能搞定。2. 以及菜单可就有点问题了，因为一级菜单所拿到...
2019-06-09 15:51:00
686
转载 create-react-app 引入ant design 及 使用 less
全局引入：第一步：全局安装 create-react-appnpm install create-react-app -g第二步：安装 yarnnpm install -g yarn第三步：安装 antdyarn add antd第四步：安装 babel-plugin-importnpm install babel-plugin...
2019-06-06 18:14:00
539
转载 vue-pdf的使用方法及解决在线打印预览乱码
最近在用vue做项目的时候，页面中需要展示后端返回的PDF文件，于是便用到了vue-pdf，其使用方法为 ：npm install --save vue-pdf官网地址：https://www.npmjs.com/package/vue-pdf不多说了，直接上代码：<template> <div> <div cla...
2019-05-20 14:37:00
1616
转载 nodejs脚手架express-generator
1.安装生成器npm install express-generator -g2. 创建名称为APP的应用：express my-project3.安装依赖包cd my-projectnpm install4、启动应用npm start5、在浏览器中使用localhost:3000访问 默认的端口就是3000...
2019-04-28 11:51:00
239
转载 Vue2-Editor 使用
Vue-Editor底层采取的是quill.js，而quill.js采用的是html5的新属性classList，所以版本低于ie10会报错“无法获取未定义或 null 引用的属性‘confirm’”,而作者写该组件时似乎把ie10也舍弃了,直接支持ie11+，因此需要兼容ie9,ie10的建议更换编辑器。1.安装npm install --save vue2-editor...
2019-04-25 11:15:00
435
转载 Node.js文件系统Api总结
//公共引用var fs = require('fs'),path = require('path');1、读取文件readFile函数//readFile(filename,[options],callback);/** * filename, 必选参数，文件名 * [options],可选参数，可指定flag（文件操作选项，如r+ 读写；w...
2019-04-18 09:47:00
115
转载 ts中类的继承
定义类class Person { name: string; //属性 constructor(_name: string) { this.name = _name; } //构造函数 sayHello(): string { return "Hi,everyone" } //方法...
2019-04-12 14:04:00
712
转载 vue-cli3+typescript+router
vue基于类的写法，和基于对象的写法并不一致。使用vue-cli3创建的项目，src目录下的文件结构并没有多大区别，store、router、app、view、components、aeests该有的还是有的。但是，多了一个东西：vue-property-decorator，vue-property-decorator是vue-class-component的超集。import ...
2019-03-29 18:34:00
477
转载 vue路由history模式下打包node服务器配置
vue-router默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 如果不想要很丑的 hash，我们可以用路由的history 模式，这种模式充分利用history.pushStateAPI 来完成 URL 跳转而无须重新加载页面。const router = new VueRoute...
2019-03-24 16:34:00
331
转载 webpack打包css自动添加css3前缀
为了浏览器的兼容性，有时候我们必须加入-webkit,-ms,-o,-moz这些前缀。目的就是让我们写的页面在每个浏览器中都可以顺利运行。1.安装cnpm i postcss-loader autoprefixer --save-dev2.在当前webpack.base.conf.js目录新建一个postcss.config.js文件module.export...
2019-03-18 18:30:00
1042
转载 js中获取浏览器和屏幕高度
Javascript:IE中：document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeig...
2019-03-15 09:58:00
210
转载 防止浏览器搜索引擎搜索到相应的网址路径
前几天遇到一个问题，便是在自己的服务器上的东西被人修改了资料，作为一个前端开发工程师，经过查找资料，发现了一个配置文件，便是robots.txt，其方法为：在服务器根目录新建一个robots.txt文件，然后在里边写上对应的访问权限即可：User-agent: *Disallow: /apis/Disallow: /updateDisallow: /porter...
2019-03-14 10:29:00
246
转载 cookie封装
var cookie = { set: function (key, val, time) {//设置cookie方法 var date = new Date(); //获取当前时间 var expiresDays = time; //将date设置为n天以后的时间 date.setTime(date.ge...
2019-03-13 13:52:00
221
转载 完美解决ios10及以上Safari无法禁止缩放的问题
移动端web缩放有两种：1.双击缩放；2.双指手势缩放。在iOS 10以前，iOS和Android都可以通过一行meta标签来禁止页面缩放<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />...
2019-03-12 20:40:00
222
转载 微信小程序video组件出现无法播放或卡顿
微信小程序使用video组件播放视频的时候，会出现卡顿或者无法播放的问题，加一个custom-cache=”true“即可解决，这个属性文档上没有，是从小程序开发社区中get到的。转载于:https://www.cnblogs.com/xiaoyaoxingchen/p/10519269.html...
2019-03-12 20:00:00
3160
转载 小程序父子组件通信-传值
父组件中default-value为传递给子组件的值<x-picker-date id="picker-date" default-value="{{newTime}}" wx:if="{{showPicker}}" bind:myevent="toggleToast"></x-picker-date>父组件jsshowPicke...
2019-03-05 15:41:00
215
转载 微信小程序自定义组件的使用以及调用自定义组件中的方法
在写小程序的时候，有时候页面的内容过多，逻辑比较复杂，如果全部都写在一个页面的话，会比较繁杂，代码可读性比较差，也不易于后期代码维护，这时候可以把里面某部分功能抽出来，单独封装为一个组件，也就是通常说的自定义组件，自定义组件类似于页面，它有wxml模版、wxss样式和js文件，然后在页面中使用该自定义组件即可。 例如，我的自定义组件代码结构是这样的： myCom...
2019-02-28 13:30:00
608
转载 查看md文件
使用命令将md文件转为html，在浏览器中演示通过npm安装i5ting_toc安装好node之后，可以直接使用npm。Windows+R打开运行框，输入cmd，打开命令窗口。连网的情况下，输入如下命令：npm install -g i5ting_toc2.使用i5ting_toc命令将md文件转成html在md文件所在当前文件夹下，shift+鼠标右...
2019-02-25 23:31:00
1349
转载 vue中的事件修饰符
vue提倡的是在方法中只有对数据的处理，所以提供了事件修饰符用于DOM的事件处理，常用的事件修饰符有以下几个：（１）. stop：阻止冒泡（通俗讲就是阻止事件向上级DOM元素传递） 点击内层div的结果： 点击外层div的结果： 修改代码，为内层点击事件添加事件".stop"修饰符： 再次点击内层div的结果如...
2019-02-20 10:49:00
151
转载 在vue中使用less
首先vue环境搭建成功第一步： 安装 less 和less-loader安装less依赖：npm install less less-loader --save第二步： 修改webpack.base.config.js文件，配置loader加载依赖，让其支持外部的less,在原来的代码上添加// 此种方法在控制台中标签样式显示的是style标签样式...
2019-02-20 09:51:00
120
转载 判断一个点是否在一个不规则多边形内算法
/** * @params:{ * checkPoint:已知点 * polygonPoints:不规则多边形所有定点坐标 * } */ function isInPolygon(checkPoint, polygonPoints) { var counter = 0; var i; var xinters; ...
2019-01-30 15:10:00
241
转载 vue-cli 3.0 安装和创建项目流程
使用前我们先了解下3.0较2.0有哪些区别一、3.0 新加入了 TypeScript 以及 PWA 的支持二、部分命令发生了变化： 1、下载安装npm install -g vue@cli 2、删除了vue list 3、创建项目 vue create 4、启动项目 npm run serve三、默认项目目录结构也发生了变化： 1、移除了配置文件目录，...
2019-01-16 13:38:00
134
转载 微信小程序分享朋友圈的实现思路与解决办法
实现思路那么既然小程序没有分享到朋友圈的api,我们怎么实现分享到朋友圈呢，下面我介绍一下实现思路。既然没有捷径，那就走复杂一点的路线，那就是需要用户手动分享到朋友圈，问题又来了，用户手动分享的话，分享什么呢？我们其实在朋友圈应该已经看到不少带有小程序码的图片，特别是年前与年后，应该看到不少智行火车票，携程火车票分享到朋友圈的图片，帮助好友加速，用来抢火车票，还有像今日头条，分享...
2019-01-05 22:44:00
364
转载 vue2.0中关于active-class
一、首先，active-class是什么，active-class是vue-router模块的router-link组件中的属性，用来做选中样式的切换；相关可查阅文档：https://router.vuejs.org/zh-cn/api/router-link.html二、在vue-router中要使用active-class有两种方法：方法一：直接在路由js文件...
2018-12-10 15:05:00
301
转载 vuex的简单使用
1.生成基于vue的项目基于vue-cli脚手架生成一个vue项目常用npm命令：npm i vue-vli -gvue --versionvue init webpack 项目名进入项目目录，使用npm run dev先试着跑一下。一般不会出现问题，试跑成功后，就可以写我们的vuex程序了。2.安装、使用 vuexnpm install vu...
2018-12-05 14:37:00
86
转载 js数组遍历方法总结
1.for循环使用临时变量，将长度缓存起来，避免重复获取数组长度，当数组较大时优化效果才会比较明显。for(j = 0,len=arr.length; j < len; j++) { // 代码片段}2.foreach循环遍历数组中的每一项，没有返回值，对原数组没有影响，不支持IE//1 没有返回值arr.forEach((item...
2018-12-04 15:01:00
90
转载 vue中slot组件的使用
插槽（Slot）是Vue提出来的一个概念，正如名字一样，插槽用于决定将所携带的内容，插入到指定的某个位置，从而使模板分块，具有模块化的特质和更大的重用性。Slot 是在组件模板中设置的用于在父组件中插入其孙子组件（即自身的子组件）或DOM片段的插槽。匿名solt子组件中<div> <h2>我是子组件的标题</h2> ...
2018-12-03 17:04:00
194
转载 跨域几种方式
一、什么是跨域JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。那什么是跨域呢，简单地理解就是因为JavaScript同源策略的限制， a.com 域名下的js无法操作 b.com 或是 c.a.com 域名下的对象。当协议、子域名、主域名、端口号中任意一个不相同时，都算作不同域。不同域之间相互请求资源，就算作“跨域”。例如：http://www.abc....
2018-11-16 11:14:00
104
转载 列表拖拽排序功能
前几天在做项目的时候，遇到一个表格里边的数据通过上下拖拽来改变其排序方式，后来通过一阵查找，发现jquery-ui提供了sortable这个方法，甚是欢喜，在此便把我写的小demo奉上：<!doctype html><html lang="en"><head> <meta charset="utf-8"> &...
2018-11-07 22:24:00
509
转载 手机、电脑、安卓、iOS、微信浏览器判断
微信浏览器判断：// true为微信浏览器function is_weixin() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { return true; } el...
2018-10-31 18:17:00
108
转载 常见二级制运算
最近在网上发现一些二进制运算，发现用起来挺方便的，在此做一总结：1. ~ 运算（可以用来取整）：~1.1 // -2 ~1.9 // -2~-1.1 // 0~-1.9 // 0~~1.1 // 1~~-1.1 // -12.>>和<<运算符（位移）：2<<...
2018-10-25 14:40:00
234
转载 微信扫码进入小程序
这几天开发完小程序之后，需要实现微信扫码进入小程序，坎坎坷坷的过程终于实现了，现在做一总结：1、配置二维码规则：2、页面插入代码即可：onLoad: function(options) { console.log("index 生命周期 onload" + JSON.stringify(options)) //在此函数中获取扫描普通链接二维码参...
2018-10-16 18:18:00
747
转载 js-验证码插件gVerify.js
这几天在做登录时需要输入验证码，可后端那边由于受限制，导致只能返回给前端验证码的文字，下面就把源码附上：插件gVerify.js !(function(window, document) { function GVerify(options) { //创建一个图形验证码对象，接收options对象为参数 this.options = { //默认...
2018-09-13 14:29:00
424
转载 css元素垂直居中方法
1、Line-height适用情景：单行文字垂直居中技巧这个方式应该是最多人知道的了，常见于单行文字的应用，像是按钮这一类对象，或者是下拉框、导航此类元素最常见到的方式了。此方式的原理是在于将单行文字的行高设定后，文字会位于行高的垂直中间位置，利用此原理就能轻松达成垂直居中的需求了。<div class="content">Lorem ipsam.</d...
2018-08-27 16:36:00
108
转载 vue路由钩子拦截器beforeEach和afterEach及页面路由变化路由监听
在路由跳转的时候，我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。定义：路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。总体来讲vue里面提供了三大类钩子，两种函数 1、全局钩子 2、某个路由的钩子 3、组件内钩子两种函数：1. router.beforeEach(function(to,form,next){}) /*在...
2018-08-26 13:35:00
1389
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人