- 博客(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
原创 基于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
原创 编译原理之解释器与编译器
在代码的世界中,通常有两种方式来翻译机器语言:解释器和编译器。如果是通过解释器,翻译是一行行地边解释边执行编译器是把源代码整个编译成目标代码,执行时不再需要编译器,直接在支持目标代码的平台上运行。解释器的利弊解释器启动和执行的更快。你不需要等待整个编译过程完成就可以运行你的代码。从第一行开始翻译,就可以依次继续执行了。正是因为这个原因,解释器看起来更加适合 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
2019-11-29
nginx-1.6.3.zip
2019-11-29
protobuf3.5.1.rar
2019-11-29
laydata日历插件
2017-04-11
文件上传插件
2017-04-11
日历插件laydate
2017-04-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人