- 博客(51)
- 收藏
- 关注
原创 npm 报错gifsicle@5.2.1 postinstall: `node lib/install.js`
npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! gifsicle@5.2.1 postinstall: `node lib/install.js`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the gifsicle@5.2.1 postinstall script.npm ERR! This is probably not a problem with npm. There is likel.
2021-11-02 16:26:25 3047 1
原创 vue-cli3.0以上ico图标更换不了的问题
只需要在vue.config.js添加一下配置就可以:module.exports = { pwa: { iconPaths: { favicon32 : 'favicon.ico', favicon16 : 'favicon.ico', appleTouchIcon: 'favicon.ico', ...
2020-05-06 16:11:36 1102
原创 vue-cli中使用svg
前言:普通使用图标字体的方式,都是直接导出字体文件,这种方式每次增加图标都需要重新导出。vue中提供的一种loader(svg-sprite-loader)可以让我们更方便的管理svg图标。1.安装svg-sprite-loadernpm install svg-sprite-loader --save-dev2.根目录下创建vue.config.js文件vue.config.j...
2020-04-16 13:39:16 692
原创 父子都有min-height时,子级min-height失效
父子都有min-height时,子级min-height失效解决办法:子级:绝对定位
2019-12-10 14:28:28 494
原创 vue项目运行时报错:Unexpected end of JSON input while parsing near '...l-preset-env":"^1.1.8'
vue项目install时报错:Unexpected end of JSON input while parsing near '...l-preset-env":"^1.1.8'原因:项目node版本过低导致解决办法:npm install --registry=https://registry.npm.taobao.org --loglevel=silly npm cache...
2019-12-02 22:13:59 590
原创 base64图片下载功能
描述:近期在H5项目中,通过html2canvas生成了一个base64的海报(图片)。但是这个图片怎么下载到手机上呢。代码如下:function downloadImage(base64Url) { let imgUrl = base64Url; if (window.navigator.msSaveOrOpenBlob) {//兼容IE浏览器的写法 l...
2019-10-16 18:52:23 605
原创 微信分享安卓失效
最近vue开发的微信项目碰到了一个关于微信分享失效的问题。描述:刚开始把微信分享需要初始化的东西,都放在了路由钩子beforeEach里调用,结果发现IOS没什么问题,但是安卓分享不能正常生效。问题:后来发现是因为放在beforeEach里的原因,因为页面还没有加载出来,导致微信签名失败。...
2019-10-16 18:27:41 369
原创 fetch简单的封装与使用
fetch是JavaScript的一个接口,用于进行数据交互,因为是原生API,性能上更加好。封装如下:const baseUrl = 'http://localhost:3000/';function ajax(url = '', data = {} , method = "GET"){ method = method.toUpperCase(); url = bas...
2019-10-15 19:18:41 953
原创 微信支付提示url未注册
最近在做vue单页项目开发时,遇到了一个关于微信支付提示url未注册的问题。关于微信支付jssdk在使用微信提供的JSSDK的时候,我们需要给当前的网址签名。需在微信公众平台上填写当前网址的url。假设我们支付页为:https://www.xxx.com/order/pay //微信浏览器中访问的支付页这样我们就应该在微信公众平台上填写的地址为:https://www....
2019-10-15 19:12:41 4102 3
原创 封装一个简单的ajax
ajax请求细分的话可以分为5个步骤: 获取XMLHttpRequest对象 let xhr = null;if(window.XMLHttpRequest){ xhr = new XMLHttpRequest();} else{ xhr = new ActiveXObject("Mricosoft.XMLHTTP");} 创建一个请求 xhr.open...
2019-10-15 15:17:42 152
原创 v8引擎内存管理及优化
什么是V8引擎?V8使用C++开发,并在谷歌浏览器中使用。在运行JavaScript之前,相比其它的JavaScript的引擎转换成字节码或解释执行,V8将其编译成原生机器码(IA-32,x86-64,ARM, orMIPSCPUs),并且使用了如内联缓存(inline caching)等方法来提高性能。有了这些功能,JavaScript程序在V8引擎下的运行速度媲美二进制程序。V...
2019-10-14 22:52:38 660
原创 普通二维码打开微信小程序
在小程序开发过程中,我们经常会面临一些需要自定义二维码打开特定页面的场景,这种场景实现方式还是比较简单的。首先看一下微信官方给出的文档https://developers.weixin.qq.com/miniprogram/introduction/qrcode.html 配置流程 登录小程序后台,进入“设置-开发设置-扫普通链接二维码打开小程序”,开启功能后即可配置二维码规则。 配置如...
2019-10-11 23:40:37 653 1
原创 原生js实现复制内容到剪切板
html:<span class='copyPhone'>1008611</span><span onclick="copyPhone()">复制</span>js:function copyPhone(){ let copyPhone = document.getElementsByClassName('copyPhone')[0...
2019-10-10 19:21:37 341 1
原创 微信小程序中使用md5加密
1复制下面的源文件,在utils文件夹里建一个md5.js文件。2在模块的js中直接引入使用。const md5 = require('../../../utils/md5.js');3使用方式为let password = md5.hexMD5(this.data.password);源文件:/* * A JavaScript implementation of the R...
2019-10-09 18:31:19 692
原创 mysqld : 无法将“mysqld”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径 正确,然后再试一次。
根据提示 将mysqld 改为:.\mysqld 就可以了
2019-09-29 16:46:17 16893 2
原创 node学习笔记(三)创建一个post请求
post请请求和get请求不一样。express框架中想要直接取到post传值,需要借助中间件body-parser。body-parser是一个HTTP请求体解析的中间件,使用这个模块可以解析JSON、Raw、文本、URL-encoded格式的请求体。js:const express = require('express');const app = express();cons...
2019-09-29 10:01:09 576
原创 node学习笔记(二)创建一个get请求
get请求是比较简单的,如果用express框架的话,直接在request.query就可以直接拿到js:const express = require('express');const app = express();app.get('/login',(req,res)=>{ console.log(req.query);//{ name: 'zhangsan', ...
2019-09-28 17:31:15 328
原创 node学习笔记(一)创建一个简单的服务
1.初始化一个项目mkdir testcd testnpm init -y2.安装node的express框架npm i --save express3.起一个简单的服务利用http模块创建一个服务在项目里创建一个hello.js文件。放入一下代码。const http = require('http');const server = http.creat...
2019-09-23 22:05:04 184
原创 vue中阻止事件冒泡
当我们在父子级都加上点击事件时,此时点击子级事件,父级事件也会执行。这是因为事件冒泡,因此我们需要阻止事件冒泡,在vue中,vue.js提供了一个方法。@click.stop使用方式:<div @click="father"> <img src="xxxx.jpg" /> <button @click.stop="son">...
2019-07-08 18:31:44 3363
转载 js正则
来源: https://any86.github.io/any-rule/手机号/^1((3[\d])|(4[5,6,9])|(5[0-3,5-9])|(6[5-7])|(7[0-8])|(8[1-3,5-8])|(9[1,8,9]))\d{8}$/大写字母/^[A-Z]+$/日期,如: 2000-01-01/^\d{4}(-)\d{1,2}\1\d{1,2}$/ema...
2019-07-08 18:00:01 127
转载 vue-cli3.0之vue.config.js的配置项(注解)(转载!留着自己用)
以下为转载内容!留着自己看的!原文地址:https://www.cnblogs.com/wiseant/articles/9789371.html如有侵权,请联系删除!module.exports = { // 部署应用时的基本 URL baseUrl: process.env.NODE_ENV === 'production' ? '192.168.60.110:8080...
2019-06-12 17:02:54 614 2
原创 h5中list的特殊用法,既可以做下拉,也可以做模糊搜索
<input list="list" /> <datalist id="list"> <option value="测试1" /> <option value="测试2" /> <option value="测试1" /> ...
2019-06-11 16:40:28 1252
原创 微信小程序中绝对定位(position: absolute)会让bindtap失效
微信小程序中绝对定位(position: absolute)会让bindtap失效解决办法:z-index:100;
2019-05-31 14:41:32 6056 2
原创 微信公众号(服务号)授权登录
1认证服务号如果想要做公众号开发,尽量申请服务号,因为订阅号好多都不支持2.配置域名接口权限---网页授权3开始授权详细的步骤如下: 1.用户关注微信公众账号。 2.微信公众账号提供用户请求授权页面URL。 3.用户点击授权页面URL,将向服务器发起请求 4.服务器询问用户是否同意授权给微信公众账号(scope为snsapi_base时无此步骤)...
2019-05-09 00:41:46 6262
原创 react项目打包时报错The "path" argument must be of type string. Received type undefined
近期在react项目打包时,突然报了The "path" argument must be of type string. Received type undefined这个错误刚开始我按照网上的方法试了一遍,包括GitHub的方案都没有用。然后猜测是npx版本过低,后来发现不对。之后各种方式都试了一遍就是不行。最后才发是node版本混用的问题。原因:前期用的node8...
2019-04-19 15:05:50 33302
原创 vue父子组件交互的几种方式
第一、比较常见,也是经常用到的1.父传子①父组件<template> <div> 我是父级 <son :content="content"></son> </div></template><script>import son from './son';export de...
2019-03-29 15:08:32 701
原创 Object.assign,Object.keys,Object.values,Object.entries
1.Object.assign用法(拼接对象,返回一个新的对象)let obj1 = {a:1};let obj2 = {b:2};let obj3 = {c:3};let obj = Object.assign({},obj1,obj2,obj3);console.log(obj); //{a: 1, b: 2, c: 3}2.Object.keys用法(获取对象中key值)...
2019-02-28 12:14:29 851
原创 Object.assign 是浅拷贝还是深拷贝?
首先,我们要说的是Object.assign的基本用法:Object.assign(目标,数据1,数据2....);示例://示例1let obj = {a:1}let newObj = Object.assign({},obj);console.log(newObj) //{a: 1}//示例2let obj1 = {name:"zhangsan"};let ob...
2019-02-28 11:19:43 5217
原创 js图形验证码
js图形验证码用的是一款插件,gVerify.jsgVerify.js插件!(function(window, document) { function GVerify(options) { //创建一个图形验证码对象,接收options对象为参数 this.options = { //默认options参数值 id: "", //容器Id...
2019-02-19 15:21:02 585
原创 vue项目,chrome控制台出现报错 [WDS] Disconnected!
在写vue项目中,控制台中一直报[WDS] Disconnected!错误这是因为用了全局代理,所以一直要把localhost:改成127.0.0.1 ,解决方案:config--->index.js中找到host:把localhost替换为127.0.0.1...
2019-02-18 17:33:17 14354 2
原创 js中获取时间戳和时间格式大全
这篇文章是最基础的时间获取的方式,可以根据自己的需求,去转换时间格式一.获取本地时间戳创建日期(获取的是当前计算机显示的日期)var time = new Date()二.获取日期中的相关数据1.获取年份var Y = time.getFullYear()2.获取月份//getMonth() 获取的月份是从 0 开始, 因此需要我们在开发中注意+1var M =...
2019-01-09 18:21:06 475
原创 纯前端导出Excel(js-xlsx)表格
在GitHub上js导出excel表,start最多的应该就是js-xlsx了,这种方式简单,易学,易懂。直接粘贴demo<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <script
2019-01-07 12:19:54 1161 2
原创 vue-router之导航守卫
正如其名,vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。你可以使用 router.beforeEach 注册一个全局前置守卫:const router = new VueRouter({ ... })router.beforeEach((to, from, next) => {...
2019-01-07 11:11:20 566 2
原创 git命令大全
master:默认开发分支Head:默认开发分支Origin:默认远程版本库Head^:Head的父提交创建版本库$ git clone <url> #克隆远程版本库$ git init ...
2018-12-13 10:30:54 115
原创 ajax中post请求头的几种类型
1,application/json(JSON数据格式)xhr.setRequestHeader("Content-type","application/json; charset=utf-8");这种类型是我们现在最常用的,越来越多的人把它作为请求头,用来告诉服务端消息主体是序列化后的 JSON 字符串。由于 JSON 规范的流行,除了低版本 IE 之外的各大浏览器都原生支持 JSON...
2018-11-29 17:12:50 5758
原创 关于ajax中出现2次请求的原因及解决办法
前言在项目中发现ajax中出现两次请求,OPTIONS请求和POST请求,由于在上传数据的时候,后台可能2次都有反应,因此会造成数据上的错误。1,具体表现如下:查找原因是浏览器对简单跨域请求和复杂跨域请求的处理区别。2,原因如下: 浏览器对复杂跨域请求的处理,在发送真正的请求前, 会先发送一个方法为OPTIONS的预请求(preflight request), 用于试探服务端...
2018-11-29 16:44:12 11060 1
原创 plist文件详细说明
引文 最近在做H5页面开发的过程中,碰到了一个IOS提示下载的页面,下载的链接是一个之前没有接触过的plist文件,所以就查了一下,结合自己掌握的东西说一下我了解的。首先我们要明白2个概念。 plist文件百度百科:Plist是一种文件形式,通常用于储存用户设置,也可以用于存储捆绑的信息,该功能在旧式的Mac OS中是由资源分支提供的。由于Plist中存储的数据是抽象...
2018-10-24 17:15:46 13636 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人