- 博客(30)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Integer
public static void main(String[] args) { Integer d = 999999999; System.out.println(Integer.toString(d,16)); // Integer转String：指定进制 System.out.println(Integer.toHexString(d)); // 转16进制数 System.out.println(Integer.toOctalString(d)); // 转8进
2022-04-28 16:41:12
316
原创 根据数组中对象的某一个属性进行排序(字符串或者数字)
js代码： var arr = [ {"name":"JackeLove","age":20}, {"name":"Uzi","age":25}, {"name":"CloearLove","age":15}, {"name":"Rookie","age":30}, {"name":"Ming","age":22} ] var newArrByStr = sortByStr(arr,"name") console.log("按name(字符串)
2020-07-03 11:42:27
4601
1
原创 输入url到页面呈现给用户的过程
1.DNS解析：浏览器缓存-系统缓存-路由器缓存；发送至本地DNS服务器-根域名服务器-顶级域名服务器-二级域名服务器。。。直到获取IP地址2.TCP链接(三次握手)：客户端→服务器（SYN1，seq=x）;服务器→客户端（SYN=1,ACK=1,seq=y,ack=x+1）;客户端→服务器（ACK=1,seq=x+1,ack=y+1）3.http请求：浏览器将ip地址封装成请求报文，服务器响应；4.CTP断连接（四次挥手）：客户端→服务端；服务端→客户端；服务端→客户端；客户端→服务端5.浏览器解
2020-06-08 18:11:00
134
原创 vue--本地开发(npm run dev)情况下解决跨域问题
我的vue版本是2.9，开发过程中，从本地环境（localhost:80080）请求后端接口时，会有跨域问题，解决方法是：1、在config文件夹下的index.js文件中，找到proxyTable，添加如下代码：'/api':{ target: "https://test.dev.com", // 后端接口地址 changeOrigin:true, // 是否...
2020-05-08 14:30:14
1901
原创 vue-父子组件间互相获取数据、调用方法
一、父组件获取子组件的数据/调用子组件的方法1、调用子组件的时候定义一个ref<Logo ref="childFile"></Logo>2、在父组件里面通过this.$refs.childFile.属性this.$refs.childFile.方法二、子组件获取父组件的数据/调用子组件的方法this.$parent.数据this.$parent.方法...
2020-05-08 11:34:11
334
原创 vue--组件之间传值
一、父组件给子组件传值子组件（Logo.vue）在props中创建一个用来接收父组件传来的值的属性（logoName）在父组件（Dad.vue）中注册子组件，并在子组件标签中添加子组件中创建的属性把要传给子组件的值（nameOfLogo）赋给该属性（logoName）子组件：<template> <div class="logo" @click="show(lo...
2020-05-06 17:10:59
132
原创 vue中v-if和v-for混用时应该注意的事项
v-if和v-for一般不建议一起使用，如果一定需要用到，最好使用一下两种方法进行替换。1、当根据遍历的列表中的对象的某一个属性决定展示与否的时候，使用计算属性(computed)进行判断，computed的具体介绍详见：https://cn.vuejs.org/v2/guide/computed.html。例子：遍历users，如果对象的isShow属性为true时候展示users: [...
2020-05-06 16:10:52
2667
1
原创 vue-router传递参数的方法
1、vue-router传递参数的方法vue-router传递参数分为编程式和声明式：1.1 编程式： router.push使用编程式的导航传递参数时有两种类型，分别是字符串和对象：1.1.1 字符串this.$router.push("/");this.$router.push("Login");跳转的页面命名为Login，页面链接是’/’,所以上面两种写法都是OK的这种方...
2020-05-06 15:36:25
578
原创 vue：输入电话号码，自动按3-4-4分割
输入框绑定<input class="inputBox" type="phone" placeholder=" 请输入手机号" maxlength="13" v-model="phoneNum"/>监听事件，每次号码发生改变时触发大体的逻辑是：先比较号码变化前后的长度，判断是输入还是删除，如果是输入的话，利用正则表达式改变号码格式。 watch: { phoneNu...
2020-04-29 14:59:55
2089
原创 字符串、utf-8字节数组、base64编码的互相转化
话不多说，直接上代码。。。<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> &l...
2020-04-29 14:41:25
2448
原创 vue自定义指令--实现每个页面title不同，且可以动态修改
1、main.js中定义全局指令：v-myTitleVue.directive('myTitle', { inserted: function (el, binding) { const { value } = binding // 方式1，直接给v-myTitle标签的 data-title 属性赋值 if (el.dataset.title) { d...
2020-04-22 11:20:39
1324
原创 前端meta标签：format-detection
1、format-detection<meta name="format-detection" content="telephone=no,email=no,adress=no"/>telephone=no禁止将输入的电话号码转为拨号连接，默认开启；email=no禁止将输入的邮箱转化为邮箱地址发送链接，默认开启；adress=no禁止将位置信息跳转到地图，默认开启。...
2020-04-21 16:43:33
221
原创 vscode中的接口测试插件：REST Client
作为一个前端开发，之前测试后端接口的时候，都用的postMan，最近Chrome浏览器中内置的postman插件用不了，必须使用客户端了，于是，决定使用vscode中插件：REST Client。使用该接口测试工具，已经基本满足前端的调用测试了。1、在vscode的扩展中（快捷键：Ctrl+Shift+X），直接输入rest client，点击安装即可。2、项目目录下，新建一个http文件；...
2020-04-15 11:47:07
3223
原创 vsCode中使用Eslint规范，保存代码自动转化
最近老大说之前代码规范不太好，要使用Eslint来进行代码格式规范管理，so，得把之前的代码也规范化一下，不然编译不通过。1、安装Eslint插件2、在配置中添加保存时自动格式化文件 -> 首选项 -> 设置在设置中的用户设置中，找到Eslint，点击"在setting.json中编辑”3、配置文件{ "editor.codeActionsOnSave": {...
2020-04-09 12:02:10
379
原创 使用gitLab过程中遇到的一些问题
之前由于疫情，电脑放在公司，有一些数据需要其他同事帮忙提交，怎知居然连了他的git账号，搞得我自己代码提交拉取老有问题，一开始没有意识到是这个原因，知道打开了自己gitLab的ssh秘钥。。。。于是自己重新配置git本地仓库并与远程仓库连接。1、git init在本地新建文件夹，输入 git init 初始化本地代码仓库。2、git config使用：git config --glob...
2020-04-08 11:25:43
482
原创 vue-touch实现上划翻页
1、全局引入：npm insall vue-touch@next --save2、main.js中引入：import VueTouch from 'vue-touch'Vue.use(VueTouch, {name: 'v-touch'})3、代码中使用<template> <div class="hello" id="start"> <...
2020-03-16 18:04:41
616
原创 vue项目中使用json-server本地模拟json数据
使用vue脚手架：vue-cli搭建项目时，有时脱离后端开发情况下，需要本地自行模拟json服务器进行json请求，vue中的json-server提供了该功能。1、全局安装：npm install json-server -g2、项目文件夹中新建mock文件夹（跟src同级文件夹），新建db.json文件。3、package.json文件中，在"scripts"中写入"mock": “j...
2020-03-16 17:42:02
1239
原创 vue项目中可用的toast弹框提示组件
使用的vue文件：<template> <div> // 点击使用toast方法 <div class="clickDiv" @click="toToast('请输入正确的电话号码')">click me</div> // toast对应代码块 <div class="toast" v-if="isShowToast...
2020-03-10 17:10:45
175
原创 JS--位异或加密
最近做了一个需求，传输数据的时候需要将信息进行按位异或3位进行加密。实现方法如下：<!DOCTYPE html><html><body><h2>JavaScript 异或加密^_^ </h2><p id="demo">^_^</p><script> // 按位异或 加密 var ...
2020-01-08 18:17:49
1454
原创 vue--生产环境清除console.log、console.info等浏览器控制台输出数据
开发过程中，经常需要使用console.log、console.info等操作来输出内容，测试代码，而在生产环境之中，这些打印的东西最好是不要显示、特别是用户名、密码相关。一个个去删除、注释显然是很麻烦的一件事，所以我们可以通过修改配置变量，实现在开发环境打印，而生产环境不打印。修改方法如下：在项目的build/webpack.prod.conf.js文件之中，找到UglifyJsPlugi...
2020-01-08 17:52:00
2512
原创 两个数组的并集去重、交集、差集
使用ES6的new Set方法可以实现两个数组的合并，去重~使用filter过滤器可以得到数组的交集~使用filter过滤器，通过并集-交集，可以得到数组的差集~ let a = ['a','b','c','d'] let b = ['c','d','e','f'] console.log('数组合并',[...a, ...b]) // 并集数组去重...
2020-01-03 11:03:17
921
转载 关于弹窗的四种类型（四种控件）
四大控件：Alert（对话框）、Action Sheets（控制面板）、Toast（小提示）、Snackbar（快捷提示）Alert：对话框是一种模态弹窗，当用户将进行一些危险或者不可逆操作时，系统将会以Alert对话框的形式提醒用户是否还继续操作，起到警示的作用，其阻断感强，操作不可忽略。Action Sheets：控制面板是Alert的一种延伸，也是模态弹窗，用户必须进行操作，弹窗才会消...
2019-11-15 15:31:11
12355
原创 html垂直居中，文本超出显示等样式
单行文本垂直居中.title{ height: 80px; line-height:80px;/* 标签高度=行高 */ text-align: center;/* 垂水平居中 */}块级元素垂直水平居中.title{ display: table-cell;/* 定义为表格单元格 */ vertical-align:middle;/* 垂直居中 */ text-align:...
2019-10-31 10:30:09
277
原创 vue-awesome-swiper设置loop:true时动态改变轮播的图片列表时重新渲染swiper
<swiper :options="swiperOption" ref="mySwiper" v-if="swiperReset"> <!-- 首页轮播广告图片 --> <swiper-slide v-for="(item, index) in swiperList" :key="index"> ...
2019-10-30 16:57:56
2495
原创 通过touch事件实现长按事件的效果
最近接到一个需求，是移动端的长按事件，选择使用touch（触摸）事件来实现。touchstart事件当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。touchend事件当手指从屏幕上离开的时候触发。在需要使用长按事件的地方加上：<div @touchstart="longTimeTouch()" @touchend="emptyTime()"&...
2019-09-18 14:27:43
3096
1
原创 禁止 vue2-datepicker 点击唤醒系统键盘
项目开发中需要用到仅时分秒的时间选择器，用的VUE开发，所以选择了vue2-datepicker这一组件。官方文档：https://www.npmjs.com/package/vue2-datepicker一开始使用，点击会自动唤醒系统软键盘，根本无法正常使用，设置了‘readonly’也无济于事，通过查询文档，发现了‘editable’这一属性。editableif false,...
2019-08-14 10:22:23
711
1
原创 Vue中使用 vue-awesome-swiper 插件实现轮播图效果
Vue中使用 vue-awesome-swiper 插件实现轮播图效果1、npm导入对应的包：npm install vue-awesome-swiper --save2、main.js中添加：import VueAwesomeSwiper from ‘vue-awesome-swiper’import ‘swiper/dist/css/swiper.css’3、向需要使用轮播图的vu...
2019-08-13 10:34:40
736
String-utf8-base64.html
2020-04-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人