- 博客(35)
- 收藏
- 关注
原创 umi qiankun 微应用打包之后 css 中的字体文件不显示或404
umi qiankun 微应用打包之后 css 中的字体文件不显示或404原因:字体文件的加载路径是相对地址,qiankun将外链样式改为了内联样式,css文件打包后,无法通过 publicPath 来动态的修改字体文件路径。publicPath 地址指向 前台静态资源地址。
2023-01-06 13:55:43 868
原创 scroll()封装兼容处理 获取scrollTop和scrollLeft
scroll()封装兼容处理 获取scrollTop和scrollLeft<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>scroll()封装</title> <style&g
2018-09-17 23:07:15 345
原创 js缓动动画封装源码
js缓动动画封装源码主要用到offsetLeft、Math.ceil、Math.floor、Math.abs。注意offsetLeft获取到的的值为四舍五入的style.left的数值,offsetLeft = Math.round(style.left的数值部分) 比如style.left = 369.4px, 获取到的offsetLeft = 369。<!doctype...
2018-09-13 22:49:11 531
原创 ajax file文件上传
ajax file文件上传var formData = new FormData();var file = $("#leadingInInputVal")[0].files[0]; formData.append("data",file); console.log(formData) // formData.append("projectId","2"); //要...
2018-09-13 17:27:36 2828
原创 offsetWidth与offset Height、offsetLeft与offsetTop详解
offsetWidth与offset Height、offsetLeft与offsetTop详解 <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>offset</title> <styl
2018-09-12 21:11:51 1031
原创 多个div垂直居中横向排列
自适应 多个div垂直居中横向排列父级div,子级div高度都为自适应。 <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>垂直居中<
2018-09-03 16:33:00 5793
原创 Vue2.0的三种常用传值方式、父传子、子传父、非父子组件传值
Vue2.0 传值方式:在Vue的框架开发的项目过程中,经常会用到组件来管理不同的功能,有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求?比如一个组件调用另一个组件作为自己的子组件,那么我们如何进行给子组件进行传值呢?如果是电商网站系统的开发,还会涉及到购物车的选项,这时候就会涉及到非父子组件传值的情况。当然你也可以用Vuex状态管理工具来实现,这部分我们后续会单独介绍。我先给大家介...
2018-08-10 10:23:04 206
原创 Vue 兄弟组件通信(不使用Vuex)
简单实例:我们在a组件中点击按钮,将信息传给b组件,从而使b组件弹出。 主要的思路就是:先子传父,在父传子首先我们在 a.vue 组件中 ,给按钮botton绑定一个handleClick事件,事件中我们通过 this.$emit() 方法去触发一个自定义事件,并传递我们的参数。示例中我们通过this.$emit() 去触发isLogFn 这个方法自定义事件,并将log 参数...
2018-08-03 12:02:40 231
原创 js-百度地图多个标注点
html:<div class = "demo_main"> <fieldset class = "demo_content"> <div class = "min-height:400px; width:100%;" id = "map"></div>
2018-07-30 17:45:22 3165
原创 JavaScript 开发人员需要知道的简写技巧
初级篇1、三目运算符下面是一个很好的例子,将一个完整的 if 语句,简写为一行代码。const x = 20;let answer;if (x > 10) { answer = 'greater than 10';} else { answer = 'less than 10';}简写为:const answer = x > 10 ? '...
2018-07-24 10:53:14 111
原创 利用JS对iframe父子(内外)页面进行操作的方法教程
一、获取iframe里的内容在开始之前,首先我们来看看如何获取iframe里的内容,获取iframe中内容主要的两个API就是contentWindow,和contentDocument iframe.contentWindow, 获取iframe的window对象 iframe.contentDocument, 获取iframe的document对象 这两个API只是DOM节点提供的方式(即...
2018-07-20 11:47:38 847
原创 弹性盒子中间自适应
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>弹性盒子中间自适应</title> <style> /* 父级添加 display:-webkit-box; d
2018-06-25 17:10:36 2074
原创 HTML5 progress进度条详解
HTML5 progress进度条详解HTML5 progress 元素简介progress是HTML5的一个新元素,表示定义一个进度条,用途很广泛,可以用在文件上传的进度显示,文件下载的进度显示,也可以作为一种loading的加载状态条使用。html5 progress进度条语法<progress value='70' max='100'></progress>点击这里查...
2018-06-11 16:58:17 55568
原创 CSS实现对话框效果
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS实现对话框效果</title> <style> /*CSS实现对话框效果一*/ .test1{width:300px
2018-05-18 17:57:55 3847
原创 CSS实现自适应正方形
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS实现自适应正方形</title> <style> /*使用padding-bottom实现正方形*/ #tes
2018-05-18 17:57:10 705
原创 css中的单位
css中的单位px:绝对单位,页面按精确像素展示em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值。rem:相对单位,可理解为”root em”, 相对根节点html的字体大小来计算,CSS3新加属性,chrome/firefox/IE9+支持vw:viewpoint width,视窗...
2018-05-18 17:44:17 146
原创 改变滚动条2
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3自定义滚动条-轩枫阁</title><style>header{ font-family: 'Lobster', cursive;
2018-05-18 17:09:02 117
原创 改变滚动条
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>CSS3自定义滚动条图片版-轩枫阁</title> <style> *{ margin: 0; padding: 0; } #c
2018-05-18 16:59:20 151
转载 jQuery ajax中的参数含义
jQuery ajax中的参数含义所有options均可选,下面简要说明每个option1.async默认为true,即请求为异步请求,这也是ajax存在的意义。但同时也可以将这个参数设置为false,实现同步请求。(同步请求会锁定浏览器,直到这个请求结束后才可以执行其他操作)2.bforeSend(XHR)这个方法是用来在发送请求前修改XMLHttpRequest对象的,若修改失败返回false...
2018-05-14 11:21:01 195
原创 3D旋转相册
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>旋转相册</title> <meta name="keywords" content=""> &am
2018-04-19 19:11:06 1842
原创 随机出现气球点击变小
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>气球飘动</title> <meta name="keywords" content=""> &am
2018-04-19 19:08:09 258
原创 HTMl5的存储方式sessionStorage和localStorage详解
HTMl5的存储方式sessionStorage和localStorage详解 html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁; 因此sessionStorage不是一...
2018-04-12 16:21:43 124
原创 模块拖拽
<!DOCTYPE HTML> <html> <head> <link rel="icon" href="pdl_logo/pdl_logo_0016.png" type="image/x-icon"/> <title>模块拖拽</title>
2018-04-09 17:44:12 422
原创 jQuery图片依次出现
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>图片依次出现</title> <style> * { margin: 0; padding: 0; } li { list
2018-04-03 15:07:21 759
原创 常用正则表达式——包括校验数字、字符、一些特殊的需求等
一、校验数字的表达式1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})?$ 8 正数...
2018-03-23 08:46:11 3373
原创 js文件下载
//该方法在火狐上没有效果的,在IE浏览器上是可以的window.open("htpp://127.0.0.1/test.rar");//该方法火狐有些版本是不支持的window.location.href="htpp://127.0.0.1/test.rar";//为了解决火狐有些版本不支持,可以改成这种方式window.location="htpp://127.0.0....
2018-03-22 16:58:32 1172
转载 AngularJS发起$http.post请求
AngularJS发起$http.post请求代码如下:$http({ method:'post', url:'post.php', data:{name:"aaa",id:1,age:20} }).success(function(req){ console.log(req); }) 1234567这时候你会发现收不到返回的数据,结果为n...
2018-03-09 17:51:11 461
原创 angularJS指令
<!doctype html><html lang="en" ng-app="myApp"><head> <meta charset="UTF-8"> <title>angularJS指令</title> <!-- <script src="ht
2018-03-09 08:08:50 105
转载 json对象和json字符串之间的转化
json对象和json字符串之间的转化json字符串----->json对象使用JSON.parse()函数var jsonStr = '{"name":"zhangsan","age":23,"email":"chentging@aliyun.com"}';var json = JSON.parse(jsonStr);console.log(json);//输出:Object {nam..
2018-03-08 10:40:02 645
原创 AngularJS 表达式
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>AngularJS 表达式</title> <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angula
2018-03-06 16:39:49 189
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人