自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(55)
  • 收藏
  • 关注

原创 前端 jsencrypt 超长文本分段加密 ,好用请点赞,支持一下

原项目node-rsa 由于运行在node环境 vite没有 process环境 报错 运行browser 无法使用。改为encryptlong 由于底层使用jsencrypt库,仍然会报错 于是考虑自己封装分段加密。运行报错 加入 window = this;导致更换为 jsencrypt。短数据加密正常,长数据报错。

2024-08-28 15:03:03 434

原创 VUE面试题

1.vue的优点1、轻量级框架只关注视图层,是一个构建数据的视图集合,大小只有几十kbVue.js通过简洁的API提供高效的数据绑定和灵活的组件系统2、简单易学国人开发,中文文档,不存在语言障碍,易于理解和学习3、双向数据绑定也就是所谓的响应式数据绑定。这里的响应式不是@media 媒体查询中的响应式布局,而是指vue.js会自动对页面中某些数据的变化做出同步的响应。也就是说,vue.js会自动响应数据的变化情况,并且根据用户在代码中预先写好的绑定关系,对所有绑定在一起的数据和视图内容都

2024-05-06 20:14:36 395

原创 前端瀑布流效果

【代码】前端瀑布流效果。

2023-09-05 17:24:45 381

原创 手写防抖函数

HTML种手写防抖函数

2023-03-20 11:07:01 106

原创 React-Router-Dom 配置404页面

404页面路由配置。exact 指严格匹配路径,如果homepage路由只有一个/index ,可以设置严格匹配。打开网址,随便输入路径,未能在Router中匹配到的路由,均显示404 未找到页面。后面匹配子路由均和上方一致即可。第一步写一个404页面。子项路由进行严格匹配。弱匹配404不能出现。

2023-03-10 15:34:31 926

原创 通过webpack.base.conf.js定义全局函数

webpack.base.conf.js定义全局函数

2022-05-05 18:45:50 639

原创 处理css多行显示超过行数显示省略号...

处理css多行显示超过行数显示省略号...

2021-12-21 10:10:51 114

原创 解决mongodb备份无效问题

先去现在下载mongorestore.exe软件Below solution worked for meCopymongorestore.exetoC:\Users\leo\Downloads\projectfolderopen command prompt C:\Users\leo\Downloads\project\ locationmongoservice.exe projectdbfiles\it should work.

2021-11-07 20:53:30 451

原创 toFixed精确度解决方法

通过原型链扩展toFixed()方法,解决银行家算法导致不能正确显示四舍五入Number.prototype.toFixed = function(length) { var carry = 0; //存放进位标志 var num, multiple; //num为原浮点数放大multiple倍后的数,multiple为10的length次方 var str = this + ""; //将调用该方法的数字转为字符串 var dot = str.indexOf("."); //找到小数

2021-01-18 16:06:43 525

原创 前端抽屉滑动效果,简版

export default { toggle: function(o, height, times) { if (!o.tid) o.tid = "_" + Math.random() * 100; if (!window.toggler) window.toggler = {}; if (!window.toggler[o.tid]) { window.toggler[o.tid] = { obj: o, maxHeight: o.

2020-12-16 14:11:33 1499

原创 2020前端VUE面试题

@VUE面试题VUE面试题https://www.cnblogs.com/dream111/p/13498993.html第一章 VUE基础我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:vue的优点 ,1、轻量级框架 只关注视图层,是一个构建数据的视图集合,大小只有几十kb Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统2、简单易学 国人开发,中文文档,不存在语言障碍,易于理解和

2020-10-22 00:13:24 489

原创 ajax和axios的区别和联系

ajax:  $.ajax({    url: '接口地址',    type: 'get', //或者post   请求类型    dataType: 'json',    data: { // 要发送的请求参数      'username' : '张三',      'password' : '123'    },    success : function (response) {      console.log(response); // 请求返回的数据

2020-10-20 11:05:29 1921

原创 vue项目中input输入数字并且最多保留两位小数

<div class="CalcBodyItemLast"> <span>佣金</span> <input type="text" maxlength="5" class="InputStyle" placeholder="请输入数字" v-mod...

2020-10-19 18:06:26 1654

原创 当input有焦点时,使用伪类:Focus突出条目效果

.problem input:focus{ border-style:solid; border-color: #f00; box-shadow: 0 0 10px #0f0;}

2020-05-12 18:21:05 573

原创 git 解决冲突

git(Auto-merging错误)解决冲突1.git pull更新代码,发现error: Your local changes to the following files would be overwritten by merge:pom.xmlPlease commit your changes or stash them before you merge.这说明你的po...

2020-04-21 14:06:57 262

原创 react快速实现多选框逻辑

changeTagIndex = (num) => () => { this.setState(({ tagIndexList }) => ({ tagIndexList: tagIndexList.includes(num) ? tagIndexList.filter(item => item !== num) ...

2020-04-07 00:27:43 1861

原创 react绑定滑动点击事件

一 :绑定规则:一定是要滑动的元素,否则无法触发回调scroll方法; let { hideHeader, scrollBox } = this.refs; let self = this; let t = ReactDom.findDOMNode(hideHeader); $("#one")[0].addEventListener("scroll", functi...

2020-03-20 12:57:07 801

原创 cmd 运行命题没有权限

1.开启新的powershell窗口后执行cnpm命令Start-Process powershell -Verb runAs2.打开新的cmd窗口执行cnpm命令Start-Process "cmd.exe" –Verb runAs3 输入命令yarn config set registry https://registry.npm.taobao.org -g...

2020-03-18 17:52:50 882

原创 babel-plugin-import按需加载不生效

背景react--Version15.4框架比较老,项目突然需要使用的antd组件,找到一个2.X版本的antd做兼容问题 项目打包过大You are using a whole package of antd, please use https://www.npmjs.com/package/babel-plugin-import to reduce app bundle size...

2020-03-04 13:28:44 3999

原创 js引入外部资源挂载到window上调用

在html页面的script中引入<script src="https://xxx.cn/api_json/holiday.js"></script>window.holiday = [ 20200101, 20200124, 20200127, 20200128, 20200129, 20200130, 2...

2019-12-19 17:45:46 4046

原创 Android SVN拉取项目后报错FAILURE: Build failed with an exception. * What went wrong: Task 'assembl

重启studio,完事

2019-12-18 16:28:33 332

原创 Object.assign() 拷贝属性对象

var target = { a: {e:3,f:4, b: 2 }};var source = { b: 4, c: 5 };target.aconst returnedTarget = Object.assign(target.a, source);console.log(target);// expected output: Object { a: Object { e: 3...

2019-12-13 19:34:35 307

原创 webpack 大坑 ERROR in Template execution failed: ReferenceError: keyStr is not defined

window.mystorage = { getItem: function (keyStr, cb) { var value = ""; if (keyStr == "mobile_nextRootUrl") { value = "http://:8072/km" } e...

2019-12-13 14:08:16 2614

原创 js对象转数组

let obj = {'条目一':"数据一", '条目二':"数据二", '条目三':"数据三", '条目四':"数据四"};//对象是可以遍历的var arr = []//如果目标数组只是为了得到对象的key的集合或者value的集合for (let i in obj) { arr.push(i); //属性 //arr.push(obj["条目一"]); //值}c...

2019-12-11 14:11:43 276

转载 SVN中trunk,branches,tags使用方法

Subversion有一个很标准的目录结构,是这样的。比如项目是proj,svn地址为svn://proj/,那么标准的svn布局是svn://proj/|+-trunk+-branches+-tags这是一个标准的布局,trunk为主开发目录,branches为分支开发目录,tags为tag存档目录(不允许修改)。但是具体这几个目录应该如何使用,svn并没有明确的规范,更多的还是用户自己的...

2019-11-26 11:07:18 144

转载 线上的cordova无法调用插件问题CordovaBridge

cordova2.9版本开发很简单将需要的js和html放到服务器上直接调用cordova提供的插件函数就可以调用,从3.x版本之后机制发生了很大的变化,cordova不在预设插件函数所有的插件需要自己去安装cordovapluginadd网络地址或自己写的插件本地路径就可以添加插件。具体怎么添加网上有教程。今天解决的问题是,3.x之后版本html5和ap...

2019-11-25 18:10:49 637

原创 安卓项目SVN必须上传的文件

Android Studio很多环境方面的文件都不需要增加到SVN版本库。以下为列出不需要增加到版本库的文件:1. .idea文件夹,此文件夹是用来保存开发工具的设置信息。2. .gradle文件夹,此文件夹是用来保存gradle的依赖信息。3. 所有的build文件夹,build文件夹是用来保存编译后的文件目录。4. 所有的.iml文件,是用来保存开发工具信...

2019-11-24 12:04:00 372

原创 android studio 编译时错误不清晰时解决方法

android项目的根路径下运行$ gradlew compileDebug --stacktrace -info $ gradlew compileDebug --stacktrace -debug $ gradlew compileDebugSources --stacktrace -info 上述仍未看到具体错误信息运行$ gradlew clean build ...

2019-11-23 15:47:06 154

原创 kotlin更新报错,无法更新到kotlin-stdlib-jre7:1.3.60

kotlin插件升级到1.3.60时kotlin-stdlib-jre7已过时无法更新升级解决方法:将kotlin-stdlib-jre7换成kotlin-stdlib-jdk7,就可以更新下载最新的kotlin插件了

2019-11-23 14:15:27 1555

原创 js遍历过程中删除相同属性的值,嵌套for循环

//处理预览和下载重复的问题 for (let index = 0; index < data.length; index++) { var firstItem = data[index]; for (let indexItem = index+1; indexItem < data.length; indexIte...

2019-11-22 11:39:59 691

原创 原生android项目变成混合App,添加cordova依赖,使用cordova功能

一 准备一份cordova版本的android项目 创建cordova版安卓项目 一份安卓原生的项目 ①把通过cordova创建的android项目里面的CordovaLib拷贝到安卓原生项目下 ②在项目的setting.gradle下面添加依赖 include ':app','CordovaLib'点击同步二Cordova项目的H5端代码(即/WWW/)拷贝到 ...

2019-11-21 15:47:58 756

原创 cordova自定义插件native和h5通信,kotlin使用cordova报错问题

前提:通过cordova创建安卓项目并能运行cordova创建项目过程创建后的目录结构创建自定义插件一 保证安装了 plugman 插件管理者$ npm install -g plugman二 创建一个存放插件的文件夹 运行命令创建自定义插件$ plugman create --name java-plugin --plugin_id java-plugi...

2019-11-21 11:02:24 413

原创 cordova混合开发h5流程

一. 安装下载node 地址:http://nodejs.cn/1 使用npm安装cordova 用来创建android和ios项目$ npm install -g cordova2安装plugman 用来管理cordova的插件和自定义插件$ npm install -g plugman二用cordova创建android工程1创建cordova...

2019-11-19 23:58:31 347

原创 原生html最简单的log通过<p>标签输出内容写到html的body中

document.addEventListener("deviceready",function(){ },false)<script type="text/javascript">function log(msg){ var p = document.createElement("p")//双引号p标签,要不然无法识别 p.style.fontSiz...

2019-11-19 23:20:35 722

原创 cordova基本事件的监听"deviceready","pause","resume","backbutton"

document.addEventListener("deviceready", function () { log("设备准备就绪,api可用") document.addEventListener("pause", function () { log("应用进入后台") }, fals...

2019-11-19 23:10:32 1491 4

原创 网页添加磁铁效果,蜘蛛网效果最简单方案

在body里面添加script,不需多写一句代码拷进去color可以改成自己需要喜欢的颜色<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt...

2019-11-15 14:04:25 768

原创 Android导入compile 'com.roughike:bottom-bar:2.3.1'会导致V7包报错

出现问题Error:Execution failed for task ':app:transformDexArchiveWithExternalLibsDexMergerForDebug'.> java.lang.RuntimeException: java.lang.RuntimeException: com.android.builder.dexing.DexArchiveMer...

2019-10-31 00:08:40 956

原创 原生html的onclick最简单的点击方法可以执行多个方法

原生js<body> <h1 id="one">请求kotlin数据</h1> <h2 id="two" onClick="printFn()">600-1234567</h2> <h3 onclick="javascript:console.log('哈哈');printFn('打印数据')">...

2019-10-30 14:24:39 1407

原创 安卓项目加载本地html网页资源协议

一 在src->main文件夹下面创建assets文件夹二 WebView.loadUrl("file:///android_asset/kotlin.html")

2019-10-18 14:45:36 440

原创 html标签不使用jquery添加点击事件四种方法,方便测试

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...

2019-10-15 17:36:08 415 1

空空如也

空空如也

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

TA关注的人

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