自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

八佾舞于庭

幸对清风皓月,苔茵展,云幕高张。江南好,千钟美酒,一曲满庭芳。

  • 博客(129)
  • 资源 (6)
  • 问答 (1)
  • 收藏
  • 关注

原创 列表元素事件委托绑定鼠标右键事件

let divBox = document.querySelector('#workspace_row-grid'); //事件委托 给对应的元素列表绑定事件 divBox.addEventListener('mouseover', function(e){ let target = e.target || e.srcElement let className = target.classNam.

2021-10-09 17:51:21 9

原创 浏览器打开pdf文件默认全屏设置方法

打开地址如http://txt.pdf#view=FitH,top,在文件地址后面添加#view=FitH,top,可以实现一打开全屏查看pdf文件。#view=FitH,top参数默认是全屏打开文件,当前测试本地文件也可以用这种方法打开预览,本人只测试了Google浏览器,是没有问题的。...

2020-09-23 16:37:36 1644 1

原创 nginx部署react build静态资源以及解决刷新路由404

准备环境:nginx-1.14.2 // node v12.16.1 // npm 6.13.4 前端代码为react+typescript "homepage": "../"在package.json文件中添加,保证build出来的资源引入正常,添加位置与version name平级将静态资源拖拽到htm文件夹替换,如下图打开conf文件夹在nginx.conf文件夹中修改配置启动ip与端口,代码如下下面conf中try_files$uri/ind...

2020-05-28 15:11:55 1735

原创 vue嵌入react组件

vue中嵌入react组件,直接上图,下图为一个开源的jsoneditor组件,由react编写,在项目中需要集成到vue工程中,组件名称为jsonEditor.jsx在需要引入的vue组件中引入,package.json文件需要引入的资源包vuerareact react-dom等等.babelrc文件中需要修改的地方vue...

2020-04-24 17:12:50 2542 1

原创 vue element-ui实现table表格可编辑修改

代码如下:点击编辑按钮可编辑当前行,点击保存可以保存当前行,可以结合业务需要,进一步修改<template> <div class="st-table"> <el-table :data="tableData" border style="width: 100%"> <el-table-column prop="date...

2020-04-24 16:52:19 4294 2

原创 Vue项目运行报错"‘webpack-dev-server’不是内部或外部命令,也不是可运行的程序或批处理文件"报错

这种问题一般是依赖包的问题,将node_modules删除,尝试用cnpm/yarn 重新安装一遍即可解决问题。

2020-01-17 21:18:50 195

原创 Mysql 插入中文错误:Incorrect string value: '\xE7\xA8\x8B\xE5\xBA\x8F...' for column 'course' at row 1

​​​​​​​create table grade( id int primary key auto_increment, name char(20) not null default '', phone char(20) not null default '', addr char(20) not null default '', birthday d...

2020-01-16 14:20:07 380

原创 安装image-webpack-loader后,运行报错Module build failed: Error: ϵͳ�Ҳ���ָ����·����

cnpm重新安装一遍image-webpack-loader

2019-12-30 16:27:04 13726 3

原创 uniapp--mqtt.js连接rabbitmq频繁断线重连解决办法

项目中使用uniapp接入mqtt.js,服务搭配Rabbitmq,在连接中出现mqtt连接成功之后频繁性的掉线自动重连,一个小时左右能出现十几二十次,报错Socket closed在option中添加keepAliveInterval:10可以解决当前问题。测试半个小时后没有出现掉线重连因为了解不多,具体原因目前没有排查出来,有知道的欢迎留言交流,有更好的办法的也欢迎留言。...

2019-12-19 10:39:11 2378 2

原创 基于MQTT.js入门以及windows环境下搭建apache-apollo-1.7.1服务器

关于mqtt的基本介绍(demo基于mqtt.js实现)Mqtt是基于二进制消息的发布/订阅编程模式的消息协议,最早由IBM提出的,如今已经成为OASIS规范。由于规范很简单,非常适合需要低功耗和网络带宽有限的IoT场景。 MQTT 协议在网络中定义了两种实体类型:一个消息代理和一些客户端。代理是一个服务器,它从客户端接收所有消息,然后将这些消息路由到相关的目标客户端。客户端是能够与代理交互来...

2019-12-03 10:42:20 325

原创 uniapp使用canvas

页面中加入组件<canvas canvas-id="canvas" class="canvas" @touchstart="cas_start" @touchmove="cas_move" @touchend="cas_end"></canvas>onReady获取页面宽度,加入条件编译onReady() { //#ifdef APP-PLUS ...

2019-12-02 15:18:12 8515

原创 uniapp监听手机左键退出弹框拦截最佳办法

当前方法可以直接放在main.js文件中,本文代码中使用原生子窗体做拦截。// #ifdef APP-PLUS //条件编译,在app-plus下编译 plus.key.addEventListener('backbutton', function () { var _bool = true; plus.nativeUI.toast = (function(str){//因为un...

2019-12-02 11:12:28 1029

原创 HBuilder连接genymotion模拟器真机测试

启动genymotion,进入tools目录,运行:.\adb devices,记下ip和port,模拟器不要关闭可右键genymotion桌面图标打开文件属性进入安装位置,找到tools文件,可以用powershell运行上述命令示例和hbuilder进入安装位置再进入hbuilderx工具tools界面。填入模拟器所在adb文件路径,以及查看到得端口555...

2019-11-25 11:02:22 349

原创 webpack配置uglifyjs-webpack-plugin压缩代理(最简配置)

代码压缩前大小安装代码压缩插件npm i -D uglifyjs-webpack-pluginwebpack配置const path = require('path');const webpack = require('webpack');const UglifyJsPlugin = require('uglifyjs-webpack-plugin')...

2019-11-15 14:55:22 6814

原创 js变量命名规则

变量命名规则如下:1、变量命名必须以字母、下划线”_”或者”$”为开头。其他字符可以是字母、_、美元符号或数字。2、变量名中不允许使用空格和其他标点符号,首个字不能为数字。3、变量名长度不能超过255个字符。4、变量名区分大小写。(javascript是区分大小写的语言)5、变量名必须放在同一行中6、不能使用脚本语言中保留的关键字、保留字、true、false 和 null 作为标识...

2019-10-05 14:57:17 5925 2

原创 URL地址栏传递字符(中文、=、&)乱码解决办法

encodeURI() 方法可把字符串作为 URI 进行编码,转码之后就不会乱码,同时如果传递参数中包含&、=等特殊字符转码之后不会在接受参数页面出现错误截取。必须进行两次编码,一次解码。menu_manage_add.html?id=' + (id || '') + '&name=' + (name ? encodeURI(encodeURI(name)) : '')d...

2019-10-05 09:39:12 1264

原创 vuex安装及最基本使用入门(严格模式下)

安装vuex npm install vuex --savemain.js中引入安装 import Vuex from 'vuex';Vue.use(Vuex);配置vuex(非严格模式下可直接操作state数据,只是无法跟踪数据状态变化) //Vuex配置 const store = new Vuex.Store({ ...

2019-10-05 09:31:37 131

原创 npm配置淘宝镜像

1:设置新的registry 配置:npm config set registry https://registry.npm.taobao.org2:查看是否配置成功npm config get registry出现如下图所示,就算成功了

2019-09-10 18:11:00 110

原创 javascript扩展运算符 ...

es6中引入扩展运算符(...),它用于把一个数组转化为用逗号分隔的参数序列,它常用在不定参数个数时的函数调用,数组合并用法如下:1、获取数组最大值function getMaxArray(arr){ return Math.max(...arr);}2、数组合并var arr=[1,2,3,4];var arr1=[1,2];var arr2=[....

2019-09-04 11:42:51 125

原创 git常用命令行及其作用汇总

git常用命令汇总: 命令 含义 git init 初始化仓库 git add . 把工作区中未保存的文件保存到暂存区 git commit -m '注释' 把文件从暂存区提交到仓库 git status ...

2019-06-15 17:20:32 189

原创 公务员考试题汇集之判数学运算

比例1/ 5/4=t/102、最不利问题()16+20+29+30 最不利情况下 软件或者营销只有29另外一个30之和减去2m3、极限法(由特殊推及普遍)假设桌面大小只能放一个...

2019-05-09 12:23:59 234

原创 公务员考试题汇集之逻辑推理

1、后推前只有。。。。才:后面推出前面2、前推后3、真假推理,假设法(万能推理法)分别假设提到的三种颜色4、5、如果A--->-A 由a推出非a,因为a与非a为对立事件所以必有一真,可知后面为真。6、 当答案中出现无被害人 犯罪嫌疑人 受害者时候 当前答案即为选中项...

2019-05-09 12:22:59 3016

原创 XMLHttpRequest 对象兼容ie5、ie6

IE7+、Firefox、Chrome、Safari 以及 Opera支持 XMLHttpRequest 对象。xmlhttp=new XMLHttpRequest();IE5 和 IE6)使用 ActiveX 对象。xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");...

2019-05-09 10:04:03 445

原创 公务员考试题集错解汇集之常识集解

1、国家法律一般实行两审终结制度孟子韩愈 进学解罗马 地中海 亚热带气候 夏季炎热干燥 冬季温和多雨劝学 荀子 一般等价物是从商品世界中分离出来作为其他一切商品价值的统一表现的特殊商品即是赤字率为d,负债率为60%提高利率 银行准备金 都属于紧缩性政策行政许可有相应的规定 处罚并没有相应的规定省 直辖市 自治区一...

2019-03-31 13:04:17 305 1

原创 git 拉取gitlab远程分支(dev)到本地(亲测有效)

方法一:1、首先与远程仓库建立连接:git remote add origin url地址2、使用git branch 查看本地是否具有dev分支3、没有dev分支 则git fetch origin dev4、git checkout -b dev origin/dev 在本地创建分支dev并切换到该分支5、git pull origin dev ...

2019-03-14 13:42:47 10959

原创 serializeArray()

jquery的serializeArray() 方法通过序列化表单值来创建对象数组(名称和值)。您可以选择一个或多个表单元素(比如 input 及/或 textarea),或者 form 元素本身。.serializeArray() 方法使用了 W3C 关于successful controls(有效控件) 的标准来检测哪些元素应当包括在内。特别说明,元素不能被禁用(禁用的元素不...

2019-03-04 15:49:41 118

原创 constructor()方法

ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板。 class Point { constructor(x, y) { this.x = x;//this指当前实例 this.y = y; } toString() { return '(' + this.x + ', ' + this.y + ')'; }}...

2019-02-21 16:59:24 3943

原创 Sublime text 汉化以及安装Package Control

 Sublime text 2下载  Sublime text 2汉化汉化包地址:https://pan.baidu.com/s/1Oqn7XpIjL4mmmh4KPWh4Bg下载解压缩 复制 Default文件夹替换下面路径中的Default文件夹C:\Users\Asus\AppData\Roaming\Sublime Text 2\Packages(本人安装文件...

2019-01-29 10:55:54 274

原创 计算属性computed和侦听器watch

计算属性和侦听器 计算属性 个人理解: computed用来监控自己定义的变量,该变量不在data里面声明,直接在computed里面定义,然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理,同时绑定的数据必须是响应式依赖; computed比较适合对多个变量或者对象进行处理后返回一个结果值,也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化,如购物...

2019-01-18 16:23:14 190

原创 属性访问器Object.defineProperty()详解

该方法允许精确添加或修改对象的属性。通过赋值操作添加的普通属性是可枚举的,能够在属性枚举期间呈现出来(for...in或Object.keys方法),这些属性的值可以被改变,也可以被删除。这个方法允许修改默认的额外选项(或配置)。默认情况下,使用Object.defineProperty()添加的属性值是不可修改的。定义Object.defineProperty()方...

2019-01-18 14:44:06 296

原创 react开发入门教程第二篇---组件定义三种方式

组件定义的三种方式 创建形式如下:无状态函数式组件function App(props) {//props Sebastian return &lt;div&gt;Hello {props.name}&lt;/div&gt;}ReactDOM.render(&lt;HelloComponent name="Sebastian" /&gt;, mountNode)...

2019-01-17 10:19:44 307

原创 vscode添加新建文件头部注释和函数注释

 新建文件作者注释和方法函数注释搜索添加koroFileHeader 插件,安装之后reloadctrl+shift+p 搜索setting,然后搜索FileHeader点击并且进入setting界面(json界面亦可)右侧注释代码如下//配置新建文件注释和方法注释"fileheader.configObj": { "createFileTime": true,...

2018-12-25 10:57:01 26280 3

原创 vscode汉化设置中文字体(2018 12 24 亲测有效)

 操作如下图:搜索chinese 成功如下图所示   

2018-12-24 16:16:28 2865

原创 vscode编写react代码 jsx中html标签tab键自动补全(2018 12 24亲测有效)

ctrl+shift+p 然后在搜索栏中搜索setting点击进入setting界面在setting界面搜索 includeLanguages 添加代码如下:"emmet.includeLanguages": { "javascript": "javascriptreact"}  重启后即可生效...

2018-12-24 16:05:27 8516 3

原创 浏览器不支持或禁用javascript下,noscript 标签使用详解

noscript 标签中的元素中的内容只有在下列情况下才会显示出来: 浏览器不支持脚本 浏览器支持脚本,但脚本被禁用noscript标签是一个相当古老的标签,其被引入的最初目的是帮助老旧浏览器的平滑升级更替,因为早期的浏览器并不能支持 JavaScript。noscript 标签在不支持JavaScript 的浏览器中显示替代的内容。这个元素可以包含任何 HTML 元素。这个标签的用...

2018-12-21 14:24:35 1380

原创 react开发入门教程第一篇---简介以及脚手架安装

React 特点简单介绍 1.声明式设计 −React采用声明范式,可以轻松描述应用。 2.高效 −React通过对DOM的模拟,最大限度地减少与DOM的交互。 3.灵活 −React可以与已知的库或框架很好地配合。 4.JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ,但我们建议使用它。 5.组件 − ...

2018-12-21 13:54:06 202

原创 命令行升级node、npm

非windows环境下node更新如下 npm中有一个模块叫做“n”,专门用来管理node.js版本的。 先执行npm install -g n 当前命令行在window环境下会报错,并不支持n模块安装如果出现报错,使用npm install -g n --force 命令行升级稳定版n stable   升级到最新n latest ...

2018-12-21 11:52:09 1496

原创 关于js队列线程的一点认识

js运作在浏览器中,是单线程的,即js代码始终在一个线程上执行。js引擎有多个线程,一个主线程,其它的后台配合主线程。主线程执行的说明:【js的运行机制】(1)所有同步任务都在主线程上执行,形成一个执行栈。(2)主线程之外,还存在一个”任务队列”。只要异步任务有了运行结果,就在”任务队列”之中放置一个事件。(3)一旦”执行栈”中的所有同步任务执行完毕,系统就会读取”任务队列”,看...

2018-12-20 16:39:42 128

原创 数组 Array方法大全

push:向数组的末尾增加一项 unshift:向数组开头增加一项 pop:删除数组的末尾项 shift:删除数组开头项拼接:concat:把一个数组和另一个数组拼接在一起 join:把数组中的每一项 按照指定的分隔符拼接成字符串排序:reverse:倒序数组 返回值倒序数组 原有数组改变 sort:根据匿名函数进行冒泡排序 b-a倒序 a-b升序 sort(sort...

2018-12-20 16:26:21 335

原创 js原型链及其完整结构图

原型链 完整原型链   1. 函数与 Function 的关系    函数就是 Function 的实例. 即 Function 就是函数的构造函数.        实例对象有一个继承的 constructor 属性, 该方法指向就是构造函数.        自己定义一个函数( 任意的函数 ), 可以知道函数的 constructor 就是 Function    ...

2018-12-19 15:41:06 2340 1

js兼容es5-es6.rar

本方法支持大部分es5 es6兼容低版本浏览器,如ie 7 ie8,下载之后,在工程内部引用即可,项目中亲测完美兼容ie8,如foreach方法到ie7

2019-12-03

apache-apollo-1.7.1.rar

mqtt apache-apollo-1.7.1服务器,为mqtt提供代理,经过测试,可以实现多端代理通信

2019-12-05

node-v8.16.1-x64.msi

create-react-app脚手架,支持当前版本,下载之后,卸载低于8.10版本的,安装即可。

2019-09-10

百度地图 聚合点 优化源码

关于开发中基于百度地图做开发,添加maker标记点,官方提供的源码在pc端添加上千个点,页面拖动会出现卡顿,页面加载也会很慢,优化过的源码,本人亲测上万marker也还可以。

2018-10-10

百度地图坐标转高德地图坐标源码

因为高德百度地图各自有国标转换而来标准体系不一样,百度地图坐标转换成高德地图坐标。

2018-10-15

Axure8.0汉化包.rar

当前工具可以实现axure汉化,提高工具体验感,当前axure版本建议前往官网下载对应版本,。。。。

2019-12-03

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

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