- 博客(27)
- 收藏
- 关注
RSS订阅原创 font-variant-numeric
font-variant-numericCSS 属性控制数字，分数和序号标记的替代字形的使用。具体使用详见：https://developer.mozilla.org/zh-CN/docs/Web/CSS/font-variant-numeric
2021-02-19 16:14:55
1026
原创 JS实现GPS坐标转化为高德坐标
1、GPS坐标转化为高德坐标代码var GPS = { PI: 3.14159265358979324, x_pi: 3.14159265358979324 * 3000.0 / 180.0, transformLat: function(x, y) { var ret = -100.0 + 2.0 * x + 3.0 * y + 0.2 * y * y + 0.1 * x * y + 0.2 * Math.sqrt(Math.abs(x)) ret += (20.0 *
2020-12-01 17:11:36
4109
7
原创 JS，对数字实现三位分割显示
对较长的数字进行分割，按金额显示样式3位逗号分割，通过百度查找来实现需求，记录下来希望能帮助其他有需要的人，也是方便自己下次使用。代码如下：/** * 对数字进行三位分割 * @param {*} value 需要进行分割的数字 * @returns 返回分割后的数字串 */// 小数部分只显示两位小数export function NumFormat(value) { if (!value) return '0' var intPart = Number(value)
2020-12-01 16:33:43
3333
1
原创 前端获取上传文件的MD5—spark-md5
1、安装npm i spark-md52、页面中引用import SparkMD5 from 'spark-md5'3、具体使用方法 // 获取apk的md5 var fileReader = new FileReader() var spark = new SparkMD5() // 创建md5对象（基于SparkMD5） fileReader.readAsBinaryString(myfile) // myfile 对应上传的文件
2020-12-01 16:23:53
3068
原创 前端解析apk安装包信息—app-info-parser
在对应的app后台管理系统中，需要上传app升级包，并传递对应的参数，因此使用app-info-parser来实现apk安装包解析。1、安装npm i app-info-parser // 使用包管理工具安装2、具体使用方法// 获取apk的基础信息const AppInfoParser = require('app-info-parser')const parser = new AppInfoParser(myfile) // myfile 上传的apk文件parser.p
2020-12-01 16:19:11
2502
原创 elementUI表格多选，默认个别行不能选中
element 表格，多选时，默认某些行不能选中 <el-table-column type="selection" align="center" width="55" :selectable="selectEnable" // 设置 ></el-table-column> // 升级成功，不能勾选 selectEnable(row, rowIndex) { i...
2020-10-27 16:05:43
1605
转载 学习笔记（2):Node.js 开发实践-Node.js 介绍和异步风格
系列教程，介绍关于使用 Node.js 开发服务端程序的很多方面，包括：语言语法介绍、工具类库介绍、相关生态圈介绍、服务端程序性能（容量）测试、个人心得等。...
2020-09-15 17:22:12
144
原创 微信小程序构建NPM步骤
进入微信小程序根目录，打开cmd，输入 npm init 。安装package.json 输入命令： npm i miniprogram-sm-crypto --production 执行这条命令之后，就可以在package.json中看到 在微信开发者工具中，点击工具——构建npm...
2020-09-10 09:43:31
1810
原创 将一个数组插入到另一个数组的固定位置
刚开始在网上看到操作后，没明白arr2为什么要unshift()，以及Array.prototype.splice.apply(arr1, arr2) 的原理，结合apply和splice使用方法，有了自己的理解。主代码： Array.prototype.splice.apply(arr1, arr2) // 将arr2数组插入到arr1数组里面apply()，接受参数形式为数组，并改变this的指向具体操作：注意在执行上面代码的时候，需要先在arr2数组头部插入两...
2020-07-24 16:20:47
1786
原创 对象数组删除另一个数组中存在的值（根据对象的某个属性）
在项目中，需要过滤数组中使用过的数据，一开始是想通过遍历的方式来实现，但是在过程中，发现效果不佳，代码量也比较多，就上网搜大家是怎么实现的，发现使用js数组的方法：filter，every就能很简单的解决该问题。平时工作中会忽视一些原生自带的方法，而浪费时间，希望也能帮助其他人。简单代码操作如下： let f = this.processData.filter(v => // every() 方法用于检测数组所有元素是否都符合指定条件,此时的v就不等于dataLi...
2020-07-24 15:20:24
1113
1
原创 Vue 动态显示组件 component :is
最终实现结果，如下图：点击不同的组件名称，界面显示相应的组件。实现过程1、导入所需的组件1、点击左侧按钮时，将对应组件的名字保存进数组中 <ul class="components-list"> // 点击时，将对应组件名保存进数组 <li @click="dragStart('oneDiv')" data-name="oneDiv"> <span>组件1</span
2020-05-16 10:33:50
9925
原创 开发中，使用率较高的git命令总结
添加远程仓库git remote add [short_name] [url]git remote add [自己起的名字一般用 origin] [github远程仓库地址]推送数据到远程仓库git push [remote_name] [branch_name 分支名]// 也可以简写为 git push回退到指定某个版本 git reset...
2019-10-28 15:29:08
132
原创 获取当前日期并自定义日期格式
通过调用以下函数可以直接获取当前的日期，具体代码如下：/***获取当前时间*格式自己定*seperator1日期年月日之间的分隔符*/exportfunctiongetNowFormatDate(seperator1){vardate=newDate();//获取当前日期varyear=date.getFullYea...
2019-10-22 14:34:17
345
原创 Element 组件中文显示
不知道各位在使用 Vue-element-admin 模板的时候或者单独使用element组件时，是否会出现，自己引入element组件后会显示英文，而不是中文，然后看element官网发现自己粘过去的代码也没有问题，这是要查看一下自己引入的组件是否为中文。 在main.js 文件中查看一下代码：看自己引入的locale是中文的还是英文的，zh-CN表示中文，en则表示...
2019-08-23 15:01:00
3723
1
原创 关闭浏览器窗口清空该项目的localStorage
在vue项目中的app.vue中添加下面该段代码mounted() {// 关闭浏览器窗口的时候清空浏览器缓存在localStorage的数据window.onbeforeunload = function(e) {var storage = window.localStorage;storage.clear(); // 清空};注意：此方法导致页面刷新的时候也...
2019-08-12 10:38:02
2559
2
原创 React基础以及父子组件传参
React是facebook推出的一款前端开发框架，只要针对view层进行操作的在React中所有的组件都可以看成是functionReact 组件使用一个名为render()的方法，接收输入的数据并返回需要展示的内容。在react中有些重要的概念：state,class。一、class定义组件组件需要继承在React.Component组件内部有一个render方...
2019-04-02 20:57:38
491
1
原创 Css实现水平垂直居中的几种方法
下面介绍几种常见的水平垂直居中的方法，CSS实现水平垂直的方法是不唯一的，也是前端基础长问到的一个问题，需要我们去了解。先创建一个基本的html代码和样式代码具体如下：<div class="wrap"> 外层 <div class="center">内部</div> </div> ....
2019-03-23 20:31:35
265
原创 Vue路由的使用方法
作为一个Vue的初学者，今天主要分享一下Vue路由的基本使用方法，以及如何使用Vue CIL快速的创建一个Vue项目，若有那点不对，请及时提出，谢谢各位。一、VUe CLI的使用方法全局安装：npm install -g vue-cli创建项目vue create 项目名项目目录大概如下：二、安装路由1、Vue中路由的安装：npm i vue-r...
2019-03-21 22:15:54
916
原创 js通过面向对象方法编写微信飞机大战
通过面向对象的思想进行编写，主要使用了继承的方法，在编程中要考虑创建的每一个对象都需要包含那些属性。html页面，代码如下：<body> <div id="content"> <div id="start"> <input type="button" value="开始游戏" id="begin"> </div>...
2019-03-19 22:20:14
991
1
原创 Linux常用命令
Linux的一些常见操作命令，以及如何在Linux操作系统的虚拟机上配置jdk环境变量。1、命令： Ifconfig 查看虚拟机服务器IP（本机IP） Windows ipconfig ~表示当前用户的目录 cd 进入某一个目录里面 cd/进入根目录 ls 查看这个目录下的内容...
2019-03-18 21:13:56
153
原创 移动端开发注意事项
目前，随着移动应用市场的不断扩大，移动开发的市场得到长足的发展。但是在PC Web上使用的那一套在大多数情况下并不适用于手机Web，移动端开发主要使用HTML5和CSS3，因为可以不考虑IE6的兼容性。但移动端开发需要注意的事项不比PC端少。1、 安卓浏览器看背景图片，有些设备会模糊。 因为手机分...
2019-03-16 12:10:10
368
原创 RESTful风格的API
RESTful 一种软件架构风格、设计风格，而不是标准，只是提供了一组设计原则和约束条件。它主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁，更有层次，更易于实现缓存等机制。原则条件 REST 指的是一组架构约束条件和原则。满足这些约束条件和原则的应用程序或设计就是 RESTf...
2019-03-16 10:17:11
376
转载 HTTP请求报文
HTTP请求报文和HTTP响应报文HTTP协议简介超文本传输协议（英文：Hyper Text Transfer Protocol，缩写：HTTP）是互联网上应用最为广泛的一种网络协议。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。通过HTTP协议请求的资源由统一资源标识符（Uniform Resource Identifiers，URI）来标识。HTTP报文是面向文本的，...
2019-03-12 22:04:26
839
原创 浏览器兼容性问题
简介浏览器兼容性问题又被称为网页兼容性或网站兼容性问题，指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题。在网站的设计和制作中，做好浏览器兼容，才能够让网站在不同的浏览器下都正常显示。而对于浏览器软件的开发和设计，浏览器对标准的更好兼容能够给用户更好的使用体验。浏览器内核以及代表浏览器*Trident:IE、Maxthon(遨游)、腾讯 、Theworld世界之窗、...
2019-03-11 21:50:14
204
转载 Web页面性能优化以及SEO
为什么要提高web性能？Web性能黄金准则：只有10%20%的最终用户响应时间花在了下载html文档上，其余的80%90%时间花在了下载页面组件上。 web性能对于用户体验有及其重要的影响，根据著名的2-5-8原则：当用户在2秒以内得到响应，会感觉系统的响应非常快当用户在2-5秒之内得到响应，会感觉系统的响应速度还可以当用户在5-8秒之内得到响应，会感觉系统的响应非常慢，但还可以接...
2019-03-09 10:29:36
385
原创 js中事件传播流程
js中事件传播流程DOM事件流存在三个阶段：事件捕获阶段，处于目标阶段，事件冒泡阶段。事件流：事件发生时，事件在元素节点与根节点之间的顺序传播，路径所经过的所有节点都会收到该事件，这个传播过程即DOM事件流。事件传播顺序的两种事件流模型：事件冒泡，事件捕获。事件捕获（event capturing）：事件从最不确定的事件目标到最特定的事件目标。当鼠标点击或触发dom事件时，浏览器会从根节点开...
2019-03-07 22:44:16
452
原创 get与post的区别
get与post的区别语义上post传输数据的格式各个浏览器url的最大长度语义上get是从服务器上获取数据，post是向服务器传送数据；get是把参数队列加到url中，在url中可以看到，post的参数在body中，用户看不到这个过程；get请求传送数量较小，不能大于2kb，而post传送的数据量较大，一般被默认为不受限制；get安全性比较低，post安全性较高，但是执...
2019-03-05 22:07:11
96
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人