- 博客(18)
- 收藏
- 关注
RSS订阅原创 angular8组件传值总结（一）
一、父---->子1、<!--父组件html部分--><div class="father_part"> <!-- 引入的子组件--> <children-app [parentData]='childParamObj'></children-app></div>2、<!--父组件ts部分-->/* 定义父传子对象 */childParamObj = {};/*--通过事件传递值*/toCh
2021-11-25 17:32:18
365
原创 防抖、节流总结
一、what？防抖 debounce 和节流 throttle 的概念并不是 JS 所特有的。它们是在对函数持续调用时进行不同控制的两个概念。1、防抖是为了避免用户无意间执行函数多次。比如有些用户喜欢在点击的时候使用 double click 双击，或者就是手抖连续点了两下，这就可能会导致一些意想不到的问题。2、节流就是连续触发事件但是在n面中只执行一次函数。二、why？1、防抖-----优化用户体验：适时反馈，避免UI渲染阻塞，浏览器卡顿，提升页面性能：避免页面渲染卡顿，减少服务器压力，防止恶意
2020-05-18 15:56:22
389
原创 总结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
945
1
原创 秒杀倒计时封装总结
/* 功能：两个日期的时间差 参数： start 开始时间 Date类型的对象 end 结束时间 Date类型的对象 返回值：返回一个对象（Object类型） */ <style> span{ display: inline-block; width: 40px; height: 40px;...
2019-06-14 14:51:32
258
原创 总结短信验证码倒计时封装
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
178
原创 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
373
原创 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
195
原创 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
107
原创 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
178
原创 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
453
原创 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
726
原创 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
148
原创 vue.js总结---（1）mvvm开发思想
1、主要关注：视图层分离，把前端视图层分为三个部分Model（页面中需要用到的数据），View（页面中的HTML结构），ViewModel（中间的调度者，提供了双向数据绑定的概念）总结：为什么有了MVC还要有MVVMMVC是后端开发思想，并没有明确定义前端页面如何开发；MVVM是前端的页面开发思想，把每个页面分成三部分，同时VM作为MVVM的核心，提供了双向数据绑定的概念，前端不需要手动渲染页...
2018-10-06 21:37:11
246
原创 轮播图---2淡入淡出
结构 &lt; &gt; 样式 * { margin: 0; padding: 0; list-style: none; }.slid...
2018-10-05 22:53:57
168
原创 jQuery总结
jquery入口函数和window.onload的区别1、window.onload需要等页面所有资源都加载完毕后（元素、外联样式或js文件、图片、视频等等），才执行的程序2、jQuery中的入口函数只需要等元素加载完就可以执行了，并不会等待图片、文件的加载。3、window.onload只能注册1次，多次会被覆盖之前的，jQuery入口函数可以注册多次。...
2018-10-04 21:04:58
153
原创 关于数组去重
var arr1 = [1,2,3,4,5,4,2,3,4] //第一种方法 var arr2 = [] for(var i=0; i
2018-08-20 23:34:22
174
原创 关于页面有太多图片，加载慢问题
一个页面上有大量的图片，加载很慢，你如何优化？ 1.图片为css图片： 可以使用：CSSsprite，SVGsprite，Iconfont，Base64（精灵图，小图标…） 2.图片过大： 可以使用特殊编码图片，先加载一张压缩特别厉害的缩略图，提高用户体验，如果图片展示区域小于图片真实大小，会在服务器端根据需要先进行压缩，图片压缩后大小与展示一致 3.图片懒加载 在页面添加滚动条事件，...
2018-08-20 20:20:37
15905
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人