自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

dreamStart_Lin的博客

人生不止诗和远方,还有眼前的苟且!一切都会过去,一切也都会好起来!学海无涯,追求程序,永无止境!

  • 博客(44)
  • 资源 (8)
  • 收藏
  • 关注

原创 window下生成某个文件夹的所有文件和文件夹的目录

命令模板tree [drive:][path] [/f] [/a]drive:表示在哪个分区 如:c盘则是 c:path:表示目录路径(ps:drive和path不写则指的是当前命令窗口的目录)

2022-09-08 10:46:28 1037 1

原创 移动端1px适配解决方案

前言最近在写移动端 H5 应用,遇到一个值得记录下来的点。现在从它的由来到实现,我们来聊一下移动端 1px,说 1px 不够准确,应该说成 1物理像素。通过阅读下面文章,你将会理解以下问题:问题为什么有 1px 这个问题? 实现 1px 有哪些方法?这些方法分别有哪些优缺点? 开源项目中使用的哪些解决方案? 如何在项目中处理 1px 的相关问题?由来基本概念首先,我们要了解两个概念,一个是像素(pixel)可以简写为px,另外一个是设备像素比(DPR)像素 :指在由一.

2021-07-16 16:00:05 455

原创 eslint配置大全

{"rules" : { // 定义对象的set存取器属性时,强制定义get "accessor-pairs": 2, // 指定数组的元素之间要以空格隔开(,后面), never参数:[ 之前和 ] 之后不能带空格,always参数:[ 之前和 ] 之后必须带空格 "array-bracket-spacing": [2, "never"], // 在块级作用域外访问块内定义的变量是否报错提示 "block-scoped-var": 0, // if while functi.

2020-07-30 11:13:46 518

原创 简单实现省市区三级联动

史上最简单,vue组件 省市区三级联动

2020-06-18 11:14:51 555

原创 基于element ui 二次封装表格组件,行,列都可配置拖拽、多选框勾选翻页记忆

<template> <div class="jzl-table"> <el-table :data="tableData" :ref="tableRef" @select="select" @select-all="selectAll" :row-key="rowKey" @selection-change="selectionChange" :height="filterPar.

2020-06-01 15:25:14 608

原创 七牛、阿里云oss文件上传前需要先获取key时利用element ui的上传插件操作方法

<el-form-item label="Excel文件" :label-width="formLabelWidth" prop="excelurl"> <el-upload class="avatar-uploader" ref="upload" action="//uploadrul...

2020-05-08 11:20:27 416 1

原创 取两个数之间的随机数

function GetRandomNum(Min,Max){ var Range = Max - Min; var Rand = Math.random(); return(Min + Math.round(Rand * Range)); }``

2020-05-07 10:18:33 1086

原创 css 奇淫巧计--文本内容替换

-webkit-text-security:通过用形状替换字符来混淆<form>字段(例如<input>或<textarea>)中的字符。它仅影响那些字段不是的type=passwordhtml<label for="name">Name:</label><input type="text" name="name...

2020-05-06 15:25:18 589

原创 js 数组元素位置交换,上移下移置顶

/*** 数组元素交换位置* @param {array} arr 数组* @param {number} index1 添加项目的位置* @param {number} index2 删除项目的位置* index1和index2分别是两个数组的索引值,即是两个要交换元素位置的索引值,如1,5就是数组中下标为1和5的两个元素交换位置*/function swapArray(arr, ...

2020-03-21 10:11:48 1752

原创 前端工具函数,持续更新...

// 每隔三位加逗号function formatNum(str){ var str = ''+str; var newStr = ""; var count = 0; if(str.indexOf(".")==-1){ for(var i=str.length-1;i>=0;i--){ if(count % 3 == 0 &&am...

2020-02-05 09:32:29 183

原创 js 数组快速排序函数封装

/***快速排序arr:[]排序的数组type:true 小到大 false大到小filed:如过比的是对象里面的谋个值,则传字段*/export function listSort(obj: any): Array {const { arr, type = true, filed = false } = obj;const len = arr.length;if (le...

2020-01-14 10:08:21 214

原创 js 精确计算函数库

// 精度校准function strip(num, precision = 12) { return parseFloat(num.toPrecision(precision));}// 计算小数位长度function digitLength(num) { let eSplit = num.toString().split(/[eE]/), len = (eSplit[0].s...

2019-12-30 18:04:47 580

原创 mysql多表查询,三张表或者以上

mysql多表查询关键知识点 inner joininner join (内连接,或等值连接):获取两个表中字段匹配关系的记录。left join(左连接):获取左表所有记录,即使右表没有对应匹配的记录。right join(右连接): 与 LEFT JOIN 相反,用于获取右表所有记录,即使左表没有对应匹配的记录。假设有tb_a / tb_b / tb_c 三张表根据条件分别返回name...

2019-12-18 16:29:06 9979

原创 js 世上最骚判断对象是否相等的方法

原理:通过对象合并,再转字符串,判断是否相等优点:简单缺点:不适用所有场景。如果是连key值的顺序和属性数都要相等,则不适用let obj = {test:1,test2:2,}let obj2={test:3,test2:2}console.log( JSON.stringify(Object.assign({}, obj , obj )) ==JSON.stringify...

2019-12-16 14:24:51 159

原创 vscode前端常用插件

http://baijiahao.baidu.com/s?id=1585469813997965563&wfr=spider&for=pc

2019-12-01 22:29:29 156

原创 protobuf的编译和使用,在windows平台上

准备工作1.安装cmake3.10.2或以上版本和git 或者安装vs2013版本2.去https://github.com/protocolbuffers/protobuf/releases/tag/v3.6.1下载需要的版本3.解压成下载的压缩包4.打开git bash命令窗口输入在解压的protobuf根目录下输入 ./configure --prefix=d:/softwar...

2019-11-29 15:11:10 278

原创 在Windows中安装MinGW-w64

MinGW, 全称Minimalist GNU for Windows,是GCC编译器和GNU Binutils在Windows平台的移植版本. MinGW-w64原是其分支, 后来成为独立发展的项目. 由于仅有MinGW-w64被GCC官方所支持, 而MinGW早已停止更新, 因此推荐使用MinGW-w64. 本文将介绍如何在Windows中安装MinGW-w64.下载地址https:...

2019-11-29 14:40:50 376

转载 protobuf的编译和使用,在windows平台上

此链接是写的最好的,大家可以打开看这里https://blog.csdn.net/hp_cpp/article/details/81561310

2019-11-29 14:29:08 135

原创 x-msg-im-sdk 编译注意事项(主要是windows),可解决报: google/protobuf/message.h: No such file or directory等问题

编译前准备查看x-msg-im的“编译在windows系统上运行的驱动”准备文档按照以上文档操作后,仍出现问题,可按照以下注意事项进行问题排除,如果还是编译不成功,可加群721779037进行讨论注意事项:1、严格遵守版本限制,特别是protobuf ,尽量和要求的一致,下面的百度网盘是基于mingw gcc版本编译的protobuf-3.5.1下载地址,也可以自行编译去protobuf的...

2019-11-29 14:12:22 1705

原创 x-msg-im-sdk 数据API使用流程

初始化1、调用初始化进行tcp连接2、判断是否第一次安装,是则创建本地数据库3、创建后续要用的部门表、用户表、部门与用户关系表、原始群组信息表、常用群组表登录1、调用登录接口,存储token等信息2、调用附着接口获取当前登录用户cgt并保存更新组织架构信息1、检查本地是否有组织架构版本(部门版本、用户版本、部门用户版本)2、无则全量更新组织架构,有则获取当前最大更新版本,从本地版...

2019-11-28 16:20:25 236

原创 解决sublime text3 package control 出现There are no packages available for installation

1.在使用sublime下载扩展包的过程中,通过ctrl+shift+p打开包管理菜单界面,输入install 选中Install Package并回车,出现There are no packages available for installation的提示,导致安装插件出现问题2.分析原因发现,在利用sublime进行插件下载时,sublime会调用channel_v3.json文件,点击...

2019-11-22 11:59:07 966 1

原创 vue组件命名规范以及组件方法书写顺序推荐

vue组件命名规范1.单文件组件的文件名应该要么始终是单词大写开头 (PascalCase),要么始终是横线连接 (kebab-case)因为单词大写开头对于代码编辑器的自动补全最为友好,因为这使得我们在 JS(X) 和模板中引用组件的方式尽可能的一致。然而,混用文件命名方式有的时候会导致大小写不敏感的文件系统的问题,这也是横线连接命名同样完全可取的原因。2.应用特定样式和约定的基础组件 (...

2019-11-21 10:48:36 2661

原创 vue中data数据改变了,视图不更新详解

在vue中,data里面的数据改变了,试图却没有更新,常见的情况是直接通过数组下标来修改数据,如:this.arr[2] =‘testStr’原因是Vue2.+ 中data数据对象是通过Object.defineProerty来进行数据的双向数据绑定,而数组则是监听数组的push和pop等操作数组的方法进行双向绑定的,因此当是通过下标来修改时便不能更新视图此时我们该怎么办呢?有三种办法...

2019-10-30 17:36:15 7426 1

原创 vue获取dom元素与修改样式详解

vue中如何获取dom元素呢?步骤详解在标签上加上ref属性 如 :在js中通过refs便可以获取dom如:this.refs便可以获取dom 如:this.refs便可以获取dom如:this.refs.refDemo修改对应的样式名 如:this.$refs.refDemo.style.backgroundColor="#108ee9"还不会? 请看代码例子<tem...

2019-10-30 16:43:51 6763 2

原创 electron 使用dll

//创建项目 npm install --save-dev electron --registry=https://registry.npm.taobao.org//安装插件npm install ffi ref /**如果下载失败则查看package.json中是否有这两个配置"license": "CC0-1.0", "private": true,*/ //偷懒一次全部编...

2019-10-30 15:47:14 597

原创 脚手架知识点

在这里插入图片描述脚手架知识点

2019-10-29 19:43:18 346

原创 编译原理之解释器与编译器

在代码的世界中,通常有两种方式来翻译机器语言:解释器和编译器。如果是通过解释器,翻译是一行行地边解释边执行编译器是把源代码整个编译成目标代码,执行时不再需要编译器,直接在支持目标代码的平台上运行。解释器的利弊解释器启动和执行的更快。你不需要等待整个编译过程完成就可以运行你的代码。从第一行开始翻译,就可以依次继续执行了。正是因为这个原因,解释器看起来更加适合 JavaScript。对于一个...

2019-10-29 19:40:47 560

原创 表单验证规则大全(持续更新)

常用表单验证正则集合只能是正整数<input v-model="test" placeholder="只能输入正整数" onkeyup="value=value.replace(/[^0-9]/g, '')"></input>

2019-10-16 14:15:19 837

原创 如何进行表单验证?普通操作dom表单验证以及element ui表单验证详解

表单验证 在编写项目的过程中,我们经常会用到表单,而且常常需要验证输入的值,这时候我们就需要写验证规则了,普通操作的demo的是获取当input 失去焦点额时候执行一个验证函数,是否符合规则,符号则弹窗,获取在一个特定位置显示提示语,通过ui框架,如element ui\ iview 这些则是将验证规则放在一个对象中,通过内置和自定义函数进行验证 废话不多说,上代码普通操作//知识点 ...

2019-10-15 21:28:20 615

原创 js 前端接收后台传过来的文件流

有的时候,由于服务器文件不是开放的,所以可能会需要前端用ajax传一段加密信息才能下载,而且返回的是文件流,不能直接用location.href或a标签直接下载,这时候我们怎么办呢?情况一:验证信息是在header//http.jsimport Vue from "vue";import axios from "axios";//定义获取文件流函数export function...

2019-10-15 19:50:13 11038

原创 史上最全css超出隐藏文章单行多行兼容

css超出隐藏关键属性。overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出不换行这三个是css的基础属性,需要记得。但是第三条属性,只能显示一行,不能用在这里,那么如果显示多行呢?css3解决了这个问题,解决方法如下:display:-webki...

2019-03-23 14:37:08 1055

原创 es6中Promise对象

es6中Promise对象,代表一个异步操作,其不受外界影响,有三种状态* Pending(进行中、未完成的)Resolved(已完成,又称 Fulfilled)Rejected(已失败)优势1、解决回调地狱(Callback Hell)问题2、更好地进行错误捕获** Promise.then(成功回调).catch(错误或失败回调)* Promise.all([...

2019-03-23 14:30:09 160

原创 axios配置请求失败时的拦截器,用于当请求失败时重新发送请求,或者提示

import Axios from "axios";import {API_ROOT,CONTENT_TYPE,COMPANY_KEY,API_USR,API_VSS} from "./config";// 创建axios实例对象const REQUEST = Axios.create();// 配置axios实例对象初始路径REQUEST.defau...

2019-03-08 11:05:02 3622

原创 http请求中,contentType配置

http请求,contentType为配置发送给服务器的数据格式为哪种* 1、application/x-www-form-urlencoded:数据被编码为名称/值对。这是标准的编码格式 (一般表单post提交时用这个)* 2、multipart/form-data: 数据被编码为一条消息,页上的每个控件对应消息中的一个部分(一般文件上传的时候用这个)* 3、text/json/xm...

2019-03-08 11:02:05 405

转载 vue环境搭建详解

**如有不解,请加群 897149839**好文章自己先收藏一下,怕以后找不到。文章转自:http://www.cnblogs.com/wj204/p/6031435.html前面vue2.0和webpack都已经有接触了些(vue.js入门, webpack入门之简单例子跑起来 ),现在开始学习如何构造自己的vue2.0+webpack环境。1.首先新建一个目录vue-wkd...

2017-04-21 10:49:56 1065

原创 vue渲染多层数据用v-for

new Vue({ el: '#someElement', data: { category: [ { name: 'cate0', items: [ { value: 'cate0 ite

2017-04-19 14:46:38 7744 1

转载 this详解

对于刚开始进行 JavaScript 编程的开发者来说,this 具有强大的魔力,它像谜团一样需要工程师们花大量的精力去真正理解它。在后端的一些编程语言中,例如 Java、PHP,this仅仅是类方法中当前对象的一个实例,它不能在方法外部被调用,这样一个简单的法则并不会造成任何疑惑。在 JavaScript 中,this 是指当前函数中正在执行的上下文环境,因为这门语言拥有四种不同的函

2017-04-19 13:38:01 624

原创 vue.js请求数据

两种方法,一种是用jq的ajax请求之后将数据放到vue的data中,一种是用vue-resource请求一、动态参数显示 ajax异步请求后,接收到返回的data参数并显示在前端1 引入js,jQuery2 htmlv-for ="data in datas "ID名称年龄简称

2017-04-19 11:03:39 2691

转载 vue轮播图插件vue-awesome-swiper的使用

最近写vue2.0项目中用到了轮播图的一个插件,也就是vue-awesome-swiper,个人感觉还是比较强大的,swiper官网中的API及配置均可使用(支持3.0),以下说下使用该插件的一些步骤:第一步安装npm install vue-awesome-swiper --save第二部在main.js中引入import Vue from 'vue'

2017-04-18 00:17:29 9236

转载 vue快速入门

vue是法语中视图的意思,Vue.js是一个轻巧、高性能、可组件化的MVVM库,同时拥有非常容易上手的API。作者是尤雨溪,写下这篇文章时vue.js版本为1.0.7准备我推荐使用sublime text作为编辑器,关于这个编辑器可以看我这篇文章。在package control中安装Vuejs SnippetsVue Syntax Highlight

2017-04-11 17:50:59 431

cmake-3.15.0-rc1-win64-x64.rar

CMake是一个跨平台的安装(编译)工具,可以用简单的语句来描述所有平台的安装(编译过程)。他能够输出各种各样的makefile或者project文件,能测试编译器所支持的C++特性,类似UNIX下的automake。只是 CMake 的组态档取名为 CMakeLists.txt。Cmake 并不直接建构出最终的软件,而是产生标准的建构档(如 Unix 的 Makefile 或 Windows Visual C++ 的 projects/workspaces),然后再依一般的建构方式使用。这使得熟悉某个集成开发环境(IDE)的开发者可以用标准的方式建构他的软件,这种可以使用各平台的原生建构系统的能力是 CMake 和 SCons 等其他类似系统的区别之处。

2019-11-29

nginx-1.6.3.zip

Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,在BSD-like 协议下发行。其特点是占有内存少,并发能力强,事实上nginx的并发能力在同类型的网页服务器中表现较好,中国大陆使用nginx网站用户有:百度、京东、新浪、网易、腾讯、淘宝等

2019-11-29

protobuf3.5.1.rar

这是x-msg-im中protobuf的推荐版本要求,直接解压设置环境变量后即可使用,如果是使用其编译x-msg-im-sdk的,则注意可以通过命令 export PROTOBUF=/c/util/protobuf-3.5.1 设置局部环境变量,也可以直接在window中的环境变量增加 变量PROTOBUF名称,值是解压的路径,D:\software\tools\protobuf

2019-11-29

laydata日历插件

这是一款超级简单好用的日历插件,只需在要加日历选择框的地方加入<input class="col-120 text-input" id="sdate" value="" placeholder="请选择时间" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">这样一行代码就可以显示一个完美的日历选择框,文件解压后有详细说明,根据设置不同的参数对应各种日历功能。路漫漫其修远兮,不管您的网站是否存有别的日期控件,但我相信总有一日您会对layDate情有独钟

2017-04-11

文件上传插件

这是一款超简单的文件上传插件,html以表单提交的方式提交,按钮依旧是submit属性,然后选中该form表单,在submit方法里面写个function(){在这里调用该插件的ajaxSubmit方法即可成功提交,此时返回的数据是字符串,只要调用json.parse即可转换成json对象}具体操作$('from').submit(function()){$(this).ajaxSubmit(){function(data){这个是请求成功回调函数,可以按个人需求做不同的处理 }}}

2017-04-11

分页插件page

这是一款十分简便好用的分页插件,可用于动态数据渲染分页.

2017-04-06

网页列表导出插件 TableExport

这是一款可以将网页列表数据导出成各种格式的jq插件

2017-04-06

日历插件laydate

2017-04-06

空空如也

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

TA关注的人

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