自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 防爬虫

关闭浏览器调试 let debugflag = false endebug(false, function () { // 非法调试执行的代码(不要使用控制台输出的提醒) document.write('检测到非法调试, 请关闭调试终端后刷新本页面重试!&#...

2020-04-26 17:20:53 127 0

原创 vue 引入 svg(定义公共组件)

安装 yarn add svg-sprite-loader 使用 index.js import Vue from 'vue' import SvgIcon from '@/components/SvgIcon' // svg组件 // register...

2020-04-21 17:35:17 83 0

原创 百度、高德地图

导航 const [startLngLat, endLngLat] = [[jd1, wd1], [jd2,wd2]]; const url = flag ? `http://uri.amap.com/navigation?from=${startLngLat[0]},${startLngLa...

2020-04-19 16:43:28 74 0

原创 js 下载 base64 格式的图片

download() { this.resultDialog.picture.map((res, i) => { this.downloadFile(`证据 ${i + 1}.png`, res) // 此处 res 为 base64 数据图片 }) ...

2020-02-23 12:52:55 72 0

原创 react-native 使用字体图标 (react-native-vector-icons)

安装 yarn add --save react-native-vector-icons # 下载库 react-native link react-native-vector-icons # 自动关联 安装关联后项目重启 使用 import Icon from 'react-na...

2020-02-08 19:56:29 61 0

原创 react-native 和 react-navigation

react-native 的 flex 默认方向是纵向的 获取设备宽度、高度、分辨率 <View> <Text>当前设备的宽度:{Dimensions.get('window').width}</Text> <Text>当...

2020-01-23 10:28:59 56 0

原创 react-native 错误

'React/RCTBridgeDelegate.h' file not found 解决 cd /ios pod install cd .. react-native run-ios

2020-01-22 19:45:05 45 0

原创 二叉树、链表算法

// 创建节点 function Node(data, left, right) { this.data = data this.left = left this.right = right this.show = () => this.data } // ...

2020-01-09 17:23:08 41 0

转载 前端埋点实现及原理分析

正如在宏观介绍的博客中写到的,做用户行为分析的方式有“前端埋点”和“后端埋点”的区分,真好今天敲了一个坤哥整理的“前端埋点”的程序,理解了之后结合demo来简单讲解“前端埋点”如何做。 前端埋点原理图: 如上所示,从broswer到page,再到javascript以及后端backend,浏览器...

2020-01-01 20:57:57 591 0

原创 模糊搜索高亮显示

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"...

2020-01-01 20:27:33 58 0

原创 vue 错误整理

Duplicate keys detected: '0'. This may cause an update error 原因:dom 父节点下 同一级 的两个循环 <div> <div class="item1" v-for=&q...

2019-12-25 15:36:50 24 0

原创 canvas 实现拖拽选框、放大缩小等功能

<template> <div class="edit-anchor-zone"> <div class="edit-toolbar"> <span class="toolbar-i...

2019-12-19 18:42:16 89 0

原创 vue——自动化组件

<!-- 不同条件,使用不同的组件 --> <component v-bind:is="markTool"></component> const toolMapper = { 0: ImageClassify, 1: ImageDr...

2019-12-12 16:29:46 36 0

原创 xcode 上架 ios

Missing Purpose String in Info.plist 这是因为在app中使用到关于相机/相册/定位等功能,我们要告他们一下下 常见的 <!-- 相册 --> <key>NSPhotoLibraryUsageDescription</key>...

2019-12-07 12:17:45 36 0

原创 XCode 使用

错误 CordovaError: Promise rejected with non-error: “xcode-select: error: tool ‘xcodebuild’ requires Xcode, but active developer directory ‘/Library/D...

2019-11-30 11:17:31 95 0

原创 typecript——错误信息

导入类似 jQuery、vant/lib 之类无 ts 声明的组件时错误提示 import { Toast } from "vant/lib"; 编写 .d.ts 文件去声明 declare module 'vant/lib' { export * f...

2019-11-28 16:25:42 81 0

原创 类型检查

判断一个函数是否为 JavaScript 内置方法的方法 function isNative(Ctor) { console.log(Ctor.toString()) // function slice() { [native code] } return typeof Ctor...

2019-11-28 14:24:23 23 0

原创 vue——vue-router 原理

实现方式主要有以下两种: hash ---- 利用 URL 中的 hash(“#”,window.location.hash)----(默认方式) 利用 History interface 在 HTML5 中新增的方法 >>详情点击 // 根据 mode 确定 history 实...

2019-11-26 15:13:20 27 0

原创 Cordova 配置

插件使用(相机) 在 www 文件下的 index.html 加入 (或 vue 的 index.html) <script src="cordova.js"></script> cordova.js export function camera() ...

2019-11-25 10:25:50 47 0

原创 linux 命令

linux 命令 安装一些全局需要给权限 sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose 项目上线命令 部署软件:Xshell(连接服务器)、Proxifier(启动代理通道)、WinSC...

2019-11-24 08:51:22 22 0

原创 mac 问题

运行 vscode 导致发热严重 在 setting.json 中配置以下 "search.followSymlinks": false, "files.exclude": { "**/.git": true, ...

2019-11-24 08:49:39 29 0

转载 下载 apk 并打开

1.安装 cordova plugin add cordova-plugin-file-transfer cordova plugin add cordova-plugin-file-opener2 2.下载.apk var fileTransfer = new window.FileTrans...

2019-11-21 21:50:09 83 0

原创 js——Fetch

关于 fetch 取消 Fetch ES6以后Promise 出现解决地狱回调等不优雅的代码风格。个人理解这个更像是一个生产者和消费者的关系,查看 Promise文档,有以下两个方法 Promise.race([promise1,promise2]) 传入多个Promise对象,等待最快对象完成...

2019-11-21 09:58:01 23 0

原创 初识 three.js

认识 three.js 官方文档 安装 yarn add three 引入 import * as THREE from 'three' 使用 threeAnimation() { const scene = new THREE.Scene(); ...

2019-11-15 10:59:33 58 0

原创 vue-router——message: "Navigating to current location (XXX) is not allowed"

解决方法: 法一:重写规则 import VueRouter from "vue-router"; const [routerPush, routerReplace] = [VueRouter.prototype.push, VueRouter.prototype.rep...

2019-11-12 16:02:02 1553 0

原创 百度地图点聚合优化重写

/** * @fileoverview MarkerClusterer标记聚合器用来解决加载大量点要素到地图上产生覆盖现象的问题,并提高性能。 * 主入口类是<a href="symbols/BMapLib.MarkerClusterer.html">Marke...

2019-11-10 11:00:09 111 0

原创 js——replace (驼峰式命名规则转换)

驼峰式命名规则转换 function camelize(str) { return str.replace(/-(\w)/g, function (_, c) { return c ? c.toUpperCase() : '' }) } con...

2019-11-10 00:02:17 204 0

原创 微信开发公众号 JS-SDK

微信官网 通过 config 接口注入权限验证配置 wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 app...

2019-10-23 10:29:41 46 0

原创 webpack——搭建多页面之 glob

glob 在 webpack 中对文件的路径处理非常之方便,比如当搭建多页面应用时就可以使用 glob 对页面需要打包文件的路径进行很好的处理 官方文档 npm install glob -save-dev const glob = require('glob') try ...

2019-10-22 17:31:58 145 0

原创 react——react-router-dom 路由与 react-loadable 异步加载组件

import { BrowserRouter, Route } from 'react-router-dom'; <BrowserRouter> {/* 用来跳转链接,注意在 BrowserRouter 内部 */} <Link to='/...

2019-10-21 23:12:01 109 0

转载 Styled-Components

它是通过JavaScript改变CSS编写方式的解决方案之一,从根本上解决常规CSS编写的一些弊端。 通过JavaScript来为CSS赋能,我们能达到常规CSS所不好处理的逻辑复杂、函数方法、复用、避免干扰。 尽管像SASS、LESS这种预处理语言添加了很多用用的特性,但是他们依旧没有对改变CS...

2019-10-17 22:32:47 34 0

转载 webpack devServer

DevServer 该文档主要描述关于devserver的相关配置。(配置同webpack-dev-middleware兼容) devServer(Object类型) 该配置会被webpack-dev-server使用,并从不同方面做定制。 下面是一个例子,使用gzips提供对dist/文件夹...

2019-10-17 10:29:30 105 0

原创 react——以 js 写样式(styled-components)

引入: yarn add styled-components 使用: // index.js import React, { Component } from 'react' import { HeaderWrapper, Logo } from './styl...

2019-10-16 23:48:48 33 0

原创 __dirname 与 __filename

__dirname 当前文件所在完整目录路径(不包括文件名) __filename 当前文件所在完整目录路径(包括文件名) 实例: // 配置 alias const path = require('path') alias: { // 获取当前目录前一级的 src ...

2019-10-16 23:39:21 16 0

原创 react yarn 安装 node-sass 过慢或报编译错误

第一步:配置淘宝镜像 yarn config set registry https://registry.npm.taobao.org -g 第二步:配置下 node-sass 的二进制包镜像地址 yarn config set sass_binary_site http://cdn.npm.t...

2019-10-16 11:39:29 95 0

原创 vue——利用 router 配置权限管理 及 resetRouter

router.js export const constantRoutes = [ { path: '/redirect', component: () => import('@/layout'), hidden: true...

2019-10-14 15:04:08 895 0

原创 模块动态引入

/** * test.js * 可以用于异步挂载的路由 * 动态需要根据权限加载的路由表 */ const modulesFiles = require.context('./z-test', true, /\.js$/) const routesModules = ...

2019-10-11 14:15:31 18 0

转载 制作 npm 包

1.npm是什么? npm 是Node 的模块管理器,功能极其强大。 它是Node 获得成功的重要原因之一。 正因为有了npm,我们只要一行命令,就能安装别人写好的模块。 npm的基础知识这边就不做表述的,下面提供一些npm基础知识的参考 npm官网 npm 模块安装机制简介 那么下面来介绍一下,...

2019-09-26 10:19:53 30 0

原创 eslint / prettier 检查格式配置、husky / lint-staged 强制校验

module.exports = { "extends": "eslint:recommended", // "extends": "plugin:prettier/recommended", ...

2019-09-25 11:16:20 922 0

原创 git 命令

Git基本命令 下载代码: git clone http://.... 下载分支代码:git clone -b old http://... 更新代码 git pull origin master 进入文件夹,文件夹旁边会有分支标识 切换分支 git branch old 新建 old 分支 ...

2019-09-25 07:40:25 113 0

提示
确定要删除当前文章?
取消 删除