自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 angular8组件传值总结(一)

一、父---->子1、<!--父组件html部分--><div class="father_part"> <!-- 引入的子组件--> <children-app [parentData]='childParamObj'></children-app></div>2、<!--父组件ts部分-->/* 定义父传子对象 */childParamObj = {};/*--通过事件传递值*/toCh

2021-11-25 17:32:18 357

原创 防抖、节流总结

一、what?防抖 debounce 和节流 throttle 的概念并不是 JS 所特有的。它们是在对函数持续调用时进行不同控制的两个概念。1、防抖是为了避免用户无意间执行函数多次。比如有些用户喜欢在点击的时候使用 double click 双击,或者就是手抖连续点了两下,这就可能会导致一些意想不到的问题。2、节流就是连续触发事件但是在n面中只执行一次函数。二、why?1、防抖-----优化用户体验:适时反馈,避免UI渲染阻塞,浏览器卡顿,提升页面性能:避免页面渲染卡顿,减少服务器压力,防止恶意

2020-05-18 15:56:22 374

原创 总结artTemplate格式化

1,//金额格式化template.defaults.imports.moneyFormat = function (money) {if(money){return money.toFixed(2);}return “0.00”;};使用://¥{{item.price|moneyFormat}}2,//.时间function dateFormat(date, format)...

2019-07-03 16:06:46 931 1

原创 秒杀倒计时封装总结

/* 功能:两个日期的时间差 参数: start 开始时间 Date类型的对象 end 结束时间 Date类型的对象 返回值:返回一个对象(Object类型) */ <style> span{ display: inline-block; width: 40px; height: 40px;...

2019-06-14 14:51:32 246

原创 总结短信验证码倒计时封装

function timer() {var count = 120; //倒计时时间var timerr2 = setInterval(function() {count–;$(’.verifyBtn’).attr(‘disabled’, true);$(".verifyBtn").css({“background-color”:"#e2e2e2",“color”:"#fff",“bor...

2019-06-14 14:43:56 167

原创 css总结(2) filter滤镜效果

注:css3,不兼容ie{ filter: blur(5px);filter: brightness(0.4);filter: contrast(200%);filter: drop-shadow(16px 16px 20px blue);filter: grayscale(50%);filter: hue-rotate(90deg);filter: invert(75%);fil...

2019-04-08 18:20:42 356

原创 css总结(1)flex布局

一、浏览器兼容性:设置为 Flex 布局后,子元素的 float、clear、vertical-align 属性都将失效写法:display: box; /* 2009 version 老语法 /display: flexbox; / 2011 version 过渡语法 /display: flex | inline-fle...

2019-03-25 16:49:01 185

原创 javascript数组方法总结(1)

1,join()join()方法以指定参数作为分隔符,将所有数组成员连接为一个字符串返回。如果不提供参数,默认用逗号分隔。var a = [1, 2, 3, 4];a.join(’ ‘) // ‘1 2 3 4’a.join(’ | ') // “1 | 2 | 3 | 4”a.join() // “1,2,3,4”如果数组成员是undefined或null或空位,会被转成空字符串。...

2019-03-19 20:33:46 99

原创 js去除字符串空格

方法一:使用replace正则匹配的方法去除所有空格: str = str.replace(/\s*/g,"");去除两头空格: str = str.replace(/^\s*|\s*KaTeX parse error: Expected group after '^' at position 36: … str.replace( /^̲\s*/, “”);去除右空…)/g, “”);st...

2019-03-04 18:17:02 167

原创 CSS 高级技巧总结

1、用all简写來指定所有元素的属性。 将该值设置为unset会将元素的属性更改为其初始值:button {all: unset;}2、使用 :not() 选择器来决定表单是否显示边框先为元素添加边框/* 添加边框 /.nav li {border-right: 1px solid #666;}为最后一个元素去除边框/ 去掉边框 /.nav li:last-child {...

2019-02-28 19:23:55 395

原创 Vuex与Redux对比

Vuex与Redux对比VUEX是吸收了Redux的经验,放弃了一些特性并做了一些优化,代价就是VUEX只能和VUE配合。而Redux则是一个纯粹的状态管理系统,React利用React-Redux将它与React框架结合起来。VUEX与React-Redux:一个是针对VUE优化的状态管理系统,一个仅是常规的状态管理系统(Redux)与React框架的结合版本。它们必然在都具备常规的状态管...

2018-11-25 15:45:26 714

原创 vue.js总结---(2)指令

vue指令1、插值表达式:{{}}注意:不能在属性节点中使用,只能在内容节点中使用2、v-cloak解决插值表达式闪烁问题{{msg}}style里需要设置:display:none;应用场景:网络比较卡时候可以在最外层的元素添加v-cloak,防止客户看到插值表达式3、v-text(用在属性节点上)用法:与差值表达式区别:①没有闪烁问题②存在覆盖内容问题4、v-html...

2018-10-09 23:58:31 138

原创 vue.js总结---(1)mvvm开发思想

1、主要关注:视图层分离,把前端视图层分为三个部分Model(页面中需要用到的数据),View(页面中的HTML结构),ViewModel(中间的调度者,提供了双向数据绑定的概念)总结:为什么有了MVC还要有MVVMMVC是后端开发思想,并没有明确定义前端页面如何开发;MVVM是前端的页面开发思想,把每个页面分成三部分,同时VM作为MVVM的核心,提供了双向数据绑定的概念,前端不需要手动渲染页...

2018-10-06 21:37:11 233

原创 轮播图---2淡入淡出

结构 &amp;lt; &amp;gt; 样式 * { margin: 0; padding: 0; list-style: none; }.slid...

2018-10-05 22:53:57 157

原创 轮播图---1旋转木马式

结构+样式 ...

2018-10-05 20:47:29 388

原创 jQuery总结

jquery入口函数和window.onload的区别1、window.onload需要等页面所有资源都加载完毕后(元素、外联样式或js文件、图片、视频等等),才执行的程序2、jQuery中的入口函数只需要等元素加载完就可以执行了,并不会等待图片、文件的加载。3、window.onload只能注册1次,多次会被覆盖之前的,jQuery入口函数可以注册多次。...

2018-10-04 21:04:58 140

原创 关于数组去重

var arr1 = [1,2,3,4,5,4,2,3,4] //第一种方法 var arr2 = [] for(var i=0; i

2018-08-20 23:34:22 165

原创 关于页面有太多图片,加载慢问题

一个页面上有大量的图片,加载很慢,你如何优化? 1.图片为css图片: 可以使用:CSSsprite,SVGsprite,Iconfont,Base64(精灵图,小图标…) 2.图片过大: 可以使用特殊编码图片,先加载一张压缩特别厉害的缩略图,提高用户体验,如果图片展示区域小于图片真实大小,会在服务器端根据需要先进行压缩,图片压缩后大小与展示一致 3.图片懒加载 在页面添加滚动条事件,...

2018-08-20 20:20:37 15879

空空如也

空空如也

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

TA关注的人

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