- 博客(27)
- 收藏
- 关注
RSS订阅原创 vscode前端开发个人常用插件
每入职一个新公司，第一天当然就要拿新电脑，然后安装vscode，准备开发环境，所以写个帖子专门记录一下自己常用的一些插件Auto Close TagAuto Rename TagBeautifyBracket Pair ColorizerDebugger for ChromeESLintHTML CSS SupportHTML SnippetsJavaScript (ES6) code snippetsMarkdown Preview Enhancedopen in browser
2020-11-30 19:04:52
245
1
原创 css实现两栏布局和三列布局(圣杯、双飞翼)
前言css很经典的两种布局两栏：左侧宽度固定，右侧自适应三列：左右侧宽度固定，中间自适应两栏布局<div class="container"> <div class="left"></div> <div class="right"></div></div>方案一：双浮动+calc属性<style> body{ margin: 0; padding: 0;
2020-11-25 10:34:18
333
原创 原生html+js实现一个简单的百度关键词联想搜索框(附加防抖处理）
话不多说，直接上代码，代码挺简单的，主要是练练手<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>模糊搜索框</title> <style>
2020-11-13 16:15:50
1130
1
原创 给ans-ui组件库的button加上防抖函数
需求描述// 注册全局防抖指令Vue.directive('debounce',{ inserted:(el,binding)=>{ let debounceTime = binding.value || 2000 let timer el.addEventListener('click',e=>{ el.style.pointerEvents = 'none'; if(!el.disabled){ timer
2020-10-26 22:23:57
726
原创 包装类Boolean、Number的常见转换结果
BooleanBoolean(0) //falseBoolean(undefined) //falseBoolean(null) //falseBoolean('') //falseBoolean(false) //falseBoolean(NaN) //falseBoolean(1) //trueBoolean([]) //trueBoolean([1,2]) //trueBoolean
2020-10-16 16:07:14
238
原创 element-ui表单组件根据json动态渲染
需求假设一个页面有上百个表单需要输入，且表单类型不限于button、select、input…如果前端将表单一个个写死，不仅工作量巨大，也不够灵活。所以，后端可以事先返回一个json文件，里面有关于该页面每一个表单项的类型、默认值、选项的定义，前端根据json来动态遍历渲染表单demo目录层级|-- src |-- components | |-- formList.vue | |-- formItem.vue | |-- index.js |--
2020-09-01 11:22:41
2899
原创 git commit规范
feat：增加新功能fix：修复bugdoc：文档改变style：代码格式改变refactor：重构某个已有功能perf：性能优化test：增加测试build：改变了build工具 如 grunt换成了 npmrevert：撤销上一次的commit
2020-08-11 14:47:20
89
原创 axios post请求查询字符串式的url
前言看到类似 http://10.10.10.10/test/path?id=1的url，第一反应就是这个是查询字符串拼接，一般都是用get请求，参数什么的直接跟在uri后面最近做项目，后端给的接口很怪异，最后请求的url是这种查询字符串式的，但是又规定了查询方式必须是post，我们都知道post请求的参数和值是放在请求体中的，url并不可见解决项目是vue搭建，调接口的库也是用到了最通用的axios，特地记录一下axios post请求参数配置是在配置项data中设置的，如果我们想实现上面的需求
2020-07-21 22:24:01
1471
原创 vue中使用zrender实现页面元素拖拽
业务描述这也算是一个比较经典的页面交互，长按鼠标，可以将页面上的一些dom元素拖拽到指定区域，生成指定图形所用到的技术就是h5的draggable属性和canvas画布，而本文所用的zrender，是一个对canvas的常见操作进行了简单封装的库（ps:著名的echarts.js底层就是又基于zrender构建的准备工作npm install zrender -S代码话不多说，直接上代码，一些坑我也会在后面指出zrender可直接在组件中引入// vue template层代码 <
2020-07-16 09:30:34
3218
原创 补码、反码、位运算
二进制我们都知道计算机只能识别0和1这样的二进制数，但是这里会有个思维误区：对于一长串0和1二进制表示的信息，计算机是不会区分它是数值、文字或某种图片的模式等，而是会基于我们对计算机发起的指令，再进行信息处理（运算），像：00100111，既可以视为纯粹的数值表示，也可视作单引号’ ’ 显示在机器上，或者视为■■□■■□□□这一图形模式印刷出来反码正数的反码是其本身负数的反码是在其原码的基...
2020-03-11 10:50:02
200
原创 win10下配置tensorflow-gpu 1.14版本环境
windows下只安装个tensorflow-gpu，是无法运行的，还需要下载CUDA+CUDNN，来配置显卡的驱动环境注意：python、tensorflow-gpu、cuda、cudnn他们之间的版本一定要相互对应点击查看官网配置要求本教程的配置是：python3.7+tensorflow-gpu 1.14+cuda10.0+cudnn7.4.1安装tensorflow-gpu 1....
2020-02-26 16:26:17
3672
1
原创 js的深拷贝和浅拷贝
区别浅拷贝(shallow copy):只复制指向对象的指针，而不复制对象本身，新旧对象是共享一块内存的，一个对象改变，另一个也会改变深拷贝(deep copy):复制并创建一个一样的对象，不会共享内存，两个对象互不相干深拷贝和浅拷贝也是针对引用类型(Object、Array)而言的；而像基本类型，它们在栈内存中占据着固定大小的空间，一个变量复制另一个变量，只会创建这个值的副本(值相等)...
2020-02-05 11:46:42
105
原创 js操作二进制数据的对象接口
本文主要从前端(浏览器)和后端(node)环境出发，分别讲述如何用js去调用环境提供的接口，而操控二进制数据浏览器环境前端环境下，js主要可以调用ArrayBuffer和Blob这两个对象接口ArrayBufferArrayBuffer 对象是ES6新加入的标准，表示一段二进制数据，用来模拟内存里面的数据。这个对象可以看作内存数据的表达浏览器原生提供ArrayBuffer()构造函数，用...
2020-01-30 14:03:11
550
原创 qt5.14打包报错This application failed to start because it could not find or load the Qt platform plugin
解决方案点击release后的exe文件，会提示缺少xxx.dll，先按照提示，从qt安装的bin目录中拷贝需要的dll到当前项目文件夹下，再点击运行会报错:This application failed to start because it could not find or load the Qt platform plugin "windows"解决方法是在exe当前目录下，再创建...
2020-01-19 14:19:12
389
原创 机器码、字节码、汇编
机器码机器码(machine code),机器语言指令，是电脑的CPU可直接解读的0 1二进制序列。不同的CPU生产厂商，遵守的机器指令主体上是通用的，但也会有自己的一些比较特殊的指令字节码字节码(Bytecode),是一种包含执行程序、由一序列 op 代码/数据对 组成的二进制文件.字节码是一种中间码，它比机器码更抽象，需要直译器转译后才能成为机器码的中间代码熟悉的java，.java文...
2020-01-12 19:43:25
1980
原创 git合并同一分支新建文件夹里的文件
如果我在git管理的项目中，创建了一个新的文件夹,文件夹里有一些新文件，直接git commit -m’xxx’、git push会报错Your branch and 'origin/master' have diverged,and have 3 and 8 different commits each, respectively. (use "git pull" to merge the...
2020-01-10 10:36:11
304
原创 python3.7 安装opencv报错 ERROR:Exception:Traceback(most recent call last)...
pip安装opencv-python模块，报错：ERROR: Exception:Traceback (most recent call last): File "d:\program files (x86)\python\lib\site-packages\pip\_vendor\urllib3\response.py", line 425, in _error_catcher ...
2019-11-29 14:55:40
7477
7
原创 关于electron-vue用typescript改写遇到的几个坑
一，前言 最近在做一个用electron-vue重构的桌面应用，但是要用typescript代替js，并加入vuex，在前期准备阶段着实遇到了不少坑二，关于坑首先我的项目是基于electron-vue官配的脚手架生成的npm install -g vue-cli ...
2019-11-09 21:42:38
3408
原创 阿里云ubuntu16.04图形化界面配置
一，安装ubuntu-desktop软件 远程连接服务器后，终端输入命令： 1，apt-get update //更新软件库 2，apt-get upgrade //升级软件 ...
2019-10-23 21:44:18
650
原创 windows hookDemo
windows编程窗口创建以及hook(钩子函数)的简单使用:#include<Windows.h>//winMain:入口函数,HINSTANCE:应用程序实例句柄类型//回调函数LRESULT CALLBACK WindowProc(HWND hWnd, UINT uMsg, WPARAM wParam, LPARAM lParam);//钩子处理函数LRESUL...
2019-09-24 18:51:38
447
1
原创 WebSocket和HTTP
首先，最重要的两点:1,WebSocket和HTTP都是基于TCP协议的两个不同的协议2,WebSocket依赖于HTTP协议 实际上，WebSocket为H5出现，它是HTTP协议的扩展，与HTTP协议相比，可以实现客户端和服务器的长连接，而且支持双向通信 &n...
2019-06-24 16:21:58
153
原创 利用Blob，浏览器将后台传过来的json数据下载成文件
前几天，做了个demo,后端返回给了我一长串json数据，需要我前端直接处理成文件下载，这个可以用Blob和a标签的download属性来做//方法直接写在了vue的methods里面,当然用原生的js也可以.....methods:{ download(){ let postdata =...
2019-06-04 19:10:27
1951
原创 关于MyBatis的几种通用写法
一，用来循环容器的标签forEach forEach元素的属性主要有 : item(集合中元素迭代时的别名),index(元素迭代时的索引),collection,open(常用于where语句中，表示以什么开始，比如以" ("开始）,separator(每次进行迭代时的分隔符),close(常用于where语句中，...
2019-06-02 19:32:41
1006
原创 关于js的9个概念
一，变量赋值(值与引用) js总是按照值来给变量赋值，当指定的值是js的五种原型类型之一(Boolean、null、undefined、String、Number)时，将为变量分配实际的值，但是，当指定的值是Array、Function或者Object时，将会为变量分配内存对象的引用。二，闭包 &nb...
2019-05-27 14:31:59
258
转载 关于es7的装饰器
参考博文地址：https://segmentfault.com/a/1190000014495089一，前言 从ES6开始，js有了类的定义和操作(像class、extends),我们又希望在多个不同类之间共享或者扩展一些方法或行为，js参考了python，在ES7的语法中增加了装饰器二，python的装饰器 ...
2019-05-18 16:22:16
506
原创 webstorm通过webpack打包vue项目
1，打包之前需要修改一个配置文件，即config目录下的index.js,找到index.js文件中的build模块，将assetsPublicPath:’ / ’ 改为 assetsPublicPath:’. / ’assetsPublicPath属性作用是指定编译发布的根目录，’ / ’ 指的是项目的根目录,’ . / ’ 指的是当前目录拿webStorm通过vue-cli构建的项目为例：...
2019-05-13 11:00:26
7110
5
原创 python数据挖掘-文本挖掘(词频统计)
一，使用创建pycharm创建项目我创建的项目下只有两个文件，一个停分词文件，一个脚本代码文件停分词文件(stopwords.txt):作用:在用jieba分词库对文件进行分词处理时，有些无用却频繁出现的二，全部代码如下：import osimport os.pathimport codecsfilePaths=[]fileContents=[]for root,dirs,...
2019-05-11 21:06:21
3955
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人