老毕姥爷-CSDN博客

原创 iview兼容ie9、ie10

1.安装babel-polyfill ==>npm installbabel-polyfill2.安装完毕之后在启动类main.js中的第一行导入==>import 'babel-polyfill'3.在配置文件vue.config.js中配置configureWebpack信息，完整代码如下：const path = require('path')const resolve = dir => { return path.join(__dirname, dir)...

2021-02-19 15:35:21 449 2

原创 Vue transition 折叠类动画自动获取隐藏层高度以及手风琴效果实现

Vue transition 折叠类动画自动获取隐藏层高度以及手风琴效果实现前面要说的话前段时间，在解决左侧导航栏激活问题时，发现折叠动画过渡不是很平滑，并且还伴随着一些bug。使用起来不是很流畅，于是在解决完激活bug后，我决定把动画效果也解决掉。先来看看要解决的问题，如下图：最初的样式!不知细心的你有没有发现什么问题？当点击折叠展开menu-one栏目的时候没有什么问题，但点击折叠展开mene-two栏目，当动画定格在menu-two-2选项的时候，menu-two-3及以下的

2020-10-29 17:05:08 3139 4

原创 vue项目中与内嵌iframe传值

vue项目作为父级，内嵌一个iframe给iframa传值的写法//html结构 <button @click="fatherpost">积分是开发的</button> <iframe ref="iframe" src="http://192.168.4.184:20011/#/regulation" width="800px" height="500px"> </iframe>//挂载在mounte

2020-10-27 11:13:13 4148 2

原创 js将字符串编码和解码

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> var token = "f6f93dd7-30da-47b0-9082-035ffc88cd06"; var Base64 = { // private property .

2020-10-21 13:53:36 1031

转载解决electron-builder打包下载插件报错问题

https://www.azimiao.com/6208.html

2020-09-22 08:48:58 402

原创 js在不同浏览器获取鼠标坐标

在JavaScript中，当事件发生时，获取鼠标的位置是件很重要的事件。由于浏览器的不兼容性，不同浏览器分别在各自事件对象中定义了不同的属性，说明如下表所示。这些属性都是以像素值定义了鼠标指针的坐标，但是由于它们参照的坐标系不同，导致精确计算鼠标的位置比较麻烦。属性及其兼容性属性说明兼容性 clientX 以浏览器窗口左上顶角为原点，定位 x 轴坐标所有浏览器，不兼容 Safari clientY 以浏览器窗口左上顶角为原点，定位 y 轴坐标所..

2020-07-10 11:03:23 435

原创 iview-admin兼容IE浏览器（iview-admin在ie报错的解决方法）

首先说明本帖子纯手打，绝对可以解决实际问题，真心希望遇到问题的伙伴们仔细阅读以下每一个点，以免不能解决实际问题。我遇到的坑导致分为两种，所以提供两种解决方案，两种方案结合使用必然能解决问题，但是报错的原因归根结底还是因为有一些es6语法没有转成es5导致的。首先说 babel-polyfill这个插件只能讲项目中的es6转为es5，但是并不会将node_modules中的es6转义，所以这也是大部分情况只安装一个babel-polyfill不能解决报错问题的根本原因，为了将node_modules.

2020-06-23 15:53:22 988

原创 echarts常用配置表

theme = { // 全图默认背景 // backgroundColor: 'rgba(0,0,0,0)', // 默认色板 color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e...

2020-04-08 14:55:21 220

原创 vue 的实现原理

1. 前言每当被问到Vue数据双向绑定原理的时候，大家可能都会脱口而出：Vue内部通过Object.defineProperty方法属性拦截的方式，把data对象里每个数据的读写转化成getter/setter，当数据变化时通知视图更新。虽然一句话把大概原理概括了，但是其内部的实现方式还是值得深究的，本文就以通俗易懂的方式剖析Vue内部双向绑定原理的实现过程。回到顶部2. 思路分析...

2020-03-08 21:19:11 546

原创 js实现二叉树

二叉树的一个节点Node由data，left，right组成，data保存本节点的值，left指向左节点，right指向右节点。二叉树有一个<b>特殊性:相对本节点较小的值保存在左节点，相对本节点较大的值保存在右节点</b>，该特性能让查值效率提高！创建Node实例/** parameter: data:本节点的数据；left：做节点；right：右...

2020-03-06 22:58:11 351

转载移动端常见问题总结

1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也...

2020-03-04 19:18:20 604

原创前端实现每日签到功能，如果今天签了今天就不用在签到了

export default{ data{ return{ reg:false, //是否已经签到 regArr:[], //签到数组 } }, methods:{ regMethods(){ var nowdate = this.getToday(); //获取到今天...

2019-11-20 11:03:48 5212

转载 chrome（谷歌）调试移动端的操作

使用Chrome开发者工具调试Android端内网页(微信，QQ，UC，App内嵌页等)前言移动端页面调试一直是好多朋友头疼的问题，iOS 由于其封闭的特性和整体较高的性能，整体适配相对好做，调试也由于 safari 的打通变得很方便。而 Android 系统，尤其是国内环境下的 Android 系统，由于版本跨度大，且各家厂商采用自研内核，使得其成为移动端页面问题出现的主要平台。工程师们...

2019-08-09 17:41:20 7678

原创手写遮罩层，禁止底层div滚动

只是一个小技巧；当先显示遮罩层时，加上禁止屏幕滚动1、document.documentElement.style.overflowY = 'hidden'; //禁止屏幕滚动2、当关闭遮罩层是时加上 document.documentElement.style.overflowY = 'scroll'; //取消禁止屏幕滚动...

2019-06-28 11:56:21 877

转载基于vue实现登录页记住密码（非form表单）

vue项目实现表单login页保存用户名跟密码到cookielogin页实现7天内记住用户名勾选时，将用户名和密码保存到cookie，下次登陆自动显示到表单内1.表单部分表单的html2.data部分data3.存，取，删cookie方法存取删cookie在mounted里面调用getCookie方法（页面加载调用获取cooki...

2019-06-24 09:52:41 721

转载 JavaScript的this指向原理

问题的由来学懂JavaScript语言，一个标志就是理解下面两种写法，可能有不一样的结果。 var obj = { foo: function () {} }; var foo = obj.foo; // 写法一 obj.foo() // 写法二 foo() 上面代码中，虽然obj.foo和foo指...

2019-06-13 14:12:02 246

原创学习node基础与实践的视频（绝不拖泥带水，很适合前端学习）

1、node基础https://www.qiuzhi99.com/movies/nodejs/127.html2、express + mongo + 实战https://www.qiuzhi99.com/playlists/nodejs-express-mongodb-ji-chu-pian

2019-05-17 18:54:33 282

转载 canvas的一些使用基础

HTML5 学习总结（四）——canvas绘图、WebGL、SVG目录一、Canvas 1.1、创建canvas元素 1.2、画线 1.3、绘制矩形 1.4、绘制圆弧 1.5、绘制图像 1.6、绘制文字 1.7、随机颜色与简单动画二、WebGL 2.1、HTML5游戏开发 2.2.1、Cocos2D-HTML5 2.2.2、Egret（白...

2019-05-13 18:57:08 313

原创 mui中关于父元素选中子元素全部选中的案例

直接代码js代码var arr = document.querySelectorAll('input[type="checkbox"]');document.querySelector('.mui-switch-mini').addEventListener('toggle', function(event) {console.log(event.detail.isActive);if(...

2019-05-06 17:05:00 1026

原创给highcharts添加点击事件

只需要在配置参数里边加入如下代码plotOptions: {column: {cursor: 'pointer',point: {events: {click: function(e) { //这个函数里边就是编写事件的逻辑//★添加跳转代码★setCache("sttp",e.point.sttp);mui.openWindow({url: 'tooltip.html',...

2019-05-06 17:03:05 3360

原创 js去掉url中的域名的方法

方法一： 1 2 varurl="http://blog.csdn.net/jungsagacity/article/details/7645580"; url='/'+url.split('/').slice(3).join('/'); 方法二： 1 2 varurl="...

2019-05-06 17:01:44 10684

原创 vue路由传参query与params的区别

一、query传参在跳转时要用path。params在跳转的时候要传name，还有就是param传参当刷新路由时候参数会丢失，如果不想丢失参数那么就要在路由上配置好参数，这样刷新就不会丢失了 { path: '/withdrawDetail/:id', name: 'withdrawDetail', component: withdrawDetail, met...

2019-04-01 14:22:01 1012

原创 vue中引用cdn中的js文件或者json的用法

1、现在有一个js文件要放在cdn上。这个js文件的内容如下：var testArr = [{"a":1}]2、我要在vue项目中使用这个变量（因为这个变量可能是经常变化的，但是不能变化一次就打包一次，所以将他放在cdn上，有使用的话直接改变cdn上的js文件，就不用上线项目了），3.在vue中声明引用这个变量的方法export function importScript ...

2019-03-22 13:56:10 7111 6

原创关于PS的一些常用技巧

一、切图将PS单位设置为像素：编辑-》首选项-》单位与标尺切片之后，转为web所用格式，选择用户所选切片。就可以导出切片了二、利用动作包导出图层Ctrl+鼠标左键实现选中区域 ctrl+e合并图层 F2导出图三、利用动作包快速出图矩形选框工具四、将当前图层到处为一张图：ctrl+alt+shift+e 选中中区域后 F4导出选中的图新建图层：c...

2019-02-28 11:32:43 2823

原创 vue中使用v-html，v-html中js代码不生效的问题

templateContent 是后台返回的html片段，以及css样式和js，但是返回的js是不执行的，因为浏览器在渲染的时候并没有将js渲染，这时要在$nextTick中动态创建script标签并插入如图regJs就是js代码片段，至于怎么获取js代码片段在我的上一篇博客中有，但是别忘了将this.$nextTick放在一个方法中，并调用，否则代码不执行也不会 ...

2019-02-28 10:44:33 20811 4

原创利用正则获取script标签内的内容

var regJs = ""；varresdata = "<style> #slyderAdv { height: 100%; background: #f02e38; }</style><div class="tmp-editable" id="slyderAdv"</div><script&g

2019-02-28 10:29:09 8728 1

原创原生js给列表绑定事件

方法一：var lis = document.getElementsByTagName("li"); for(var i = 0; i<lis.length; i++){ lis[i].index = i; //给每个li定义一个属性索引值，赋 lis[i].onclick = function(){ alert("下标索引...

2019-02-28 10:22:28 1345

转载 js一些常用的正则表达式

JS正则表达式验证数字非常全Js代码 <script type="text/javascript"> function SubmitCk() { var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; if (!...

2019-01-25 10:02:43 119

原创前端搭建一个简单的node服务环境，跑静态页

前提是你的电脑安装有node环境和npm包管理工具1.新建一个nodeserver文件夹2.建一个server.js文件，并编写server.js，内容很简单就是引入两个插件，并监听端口，server.js内容如下const Koa = require('koa')const koaStatic = require('koa-static')const server ...

2018-12-20 12:01:15 1404

原创关于git 的一些实际使用场景

Git 的使用 1.首先配置远程仓库需要生成ssh公钥与git远程仓库进行配置2.配置用户名和邮箱 Git config --global user.name “xxx” Git config --global user,eamil “xxx”3.拉取项目 gi...

2018-12-06 17:21:59 272

原创 input在html页面中自动填充用户名或者密码的问题（例如使用时间选择器时）

本来我的页面就是一个elementUI 的一个时间日期选择器，在谷歌中正常显示，但是在火狐中，时间插件里竟然出现了用户名，哭笑不得，后来经过度娘寻找解决办法就是，在这个时间插件前边写上一个input，注意要有name属性和ID 将style设为none<input name="password" id="Endtime" style="display:none"/> ...

2018-09-07 15:43:39 5100

转载 Android studio更改应用程序的图标以及名称

如何在Android studio中更改应用程序的图标和名称是很多初学者遇到的问题之一，今天我就来给大家讲一下简单的步骤1. 更改图标首先选中我们需要更改的工程，然后new -->Image Asset就来到了更改图标的页面很多情况下，我们都是使用自己的图标，而非系统自带的，我们只需要选中Image单选框即可选择自己的图标注意：Name输入框内的名称不要更改，否则会更改失败选择好后...

2018-07-05 17:27:58 1402

原创关于hbuilder在ios上的调试以及不能安装基座的问题

1 首先在电脑安装itunes，网址：https://www.apple.com/cn/itunes/download/2. 安装之后 itunes之后，最好安装一个itools，这是一个ios管理工具相当于安卓的手机助手；3. 点击真机运行之后会看见有ios设备，当点击运行会出现：安装失败 return code=-402653081，请手动安装D:\Document...

2018-04-08 11:31:06 21744 8

原创 mui+ hbuilder实现推送功能

最近做项目用到了推送功能由于是混合APP，所以选择实现个推的方案比较受限制；首先说一下，目前做推送功能一般都是依靠第三方平台实现推送；平台都有个推，极光，以及友盟等；但是html5+内置的就是个推来实现推送，重点是免费的所以就选了个推作为第三方推送工具；期间遇到的坑：1，个推的推送消息分为；推送消息和透传消息；区别就是推送消息，点击通知栏只能实现三个动作：1. 打开APP。2，...

2018-03-19 15:14:29 18363 3

原创做下拉刷新时候控制台一直打印：Unable to preventDefault inside passive event listener

最近做项目经常在 chrome 的控制台看到如下提示：Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080于是 Google 了一番，找到这篇文章...

2018-03-19 14:42:04 5922

原创 mui单页面实现下拉刷新和上拉加载更多

<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scala

2018-03-19 14:35:29 4771 5

原创 MUI安卓下拉刷新无反应的问题（但是在mui官方demo是可以的）；

最近使用MUI这个框架使用下拉刷新插件的时候，在电脑和苹果手机测试都没有问题，但是一上线却发现安卓打包成APP后无法使用的问题。针对这一问题，博主只想说大家在开发的过程中真的是没有认真官方的文档，官方文档这么说的：为实现下拉刷新功能，大多H5框架都是通过DIV模拟下拉回弹动画，在低端android手机上，DIV动画经常出现卡顿现象（特别是图文列表的情况）； mui通过双webview解决这个DIV...

2018-02-08 13:20:06 3006

原创表头固定内容可滚动表格的3种实现方法

有时候，我们在开发前端页面过程中，可能会用到这种表格：表头固定不动，表格内容（）需要竖直滚动。像这样的：还有这样的：通过研究，我大致总结了以下三种实现办法供大家参考，如果有错误之处敬请指正，也欢迎拍砖！！一、表格总宽度自动，每列宽度设置统一用colgroup>设置这种实现方法最简单，只需要用两个表格，一个表格作为表头，另一个表格用包裹并设置该的高度固定，高度

2018-01-29 16:59:11 1320

转载关于FormData和ajax（）的使用

jQuery简单的Ajax调用示例jQuery确实方便，下面做个简单的Ajax调用：建立一个简单的html文件：DOCTYPE HTML>html>head>script type="text/javascript" src="Public/js/jquery-easyui-1.3.1/jquery-1.8.2.min.js">script>script typ

2018-01-12 16:07:13 846