随笔分类 - 前端
摘要：<template> <div class="sec-alert"> <div :class="{ animated: isAnimating }"> <div class="line" v-text="tips[0]"></div> <div class="line" v-text="tips[1]"></div> </div> </div> </templat
阅读全文
摘要：查看性能的参数说明： var t = performance.timing; // 详情参见 performance API。 (1). 白屏时间 -> css加载完成时间戳 - t.fetchStart (2). 首屏/用户可操作时间 -> t.domContentLoadedEventEnd -
阅读全文
摘要：Git global setup git config --global user.name "" git config --global user.email "" Create a new repository git clone https://XXXX/nine-grid-demo.git
阅读全文
摘要：1.删除重复项 var fruits = [“banana”, “apple”, “orange”, “watermelon”, “apple”, “orange”, “grape”, “apple”]; // First method var uniqueFruits = Array.from(n
阅读全文
摘要：Vue 组件通讯 ——常见使用场景可以分为三类： 父子通信： 父向子传递数据是通过 props，子向父是通过 events（$emit）；通过父链 / 子链也可以通信（$parent / $children）；ref 也可以访问组件实例；provide / inject API；$attrs/$li
阅读全文
摘要：function unique (arr) { return Array.from(new Set(arr)) } var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}]; console.lo...
阅读全文
摘要：// 方法一 function toThousands(num) { var result = [ ], counter = 0; num = (num || 0).toString().split(''); for (var i = num.length - 1; i >= 0; i--) { counter++; result.unshift(num[i]); if (!(counter %
阅读全文
摘要：一、骰子的布局 骰子的一面，最多可以放置9个点。 下面，就来看看Flex如何实现，从1个点到9个点的布局。你可以到codepen查看Demo。 如果不加说明，本节的HTML模板一律如下。 上面代码中，div元素（代表骰子的一个面）是Flex容器，span元素（代表一个点）是Flex项目。如果有多个项
阅读全文
摘要：Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 行内元素也可以使用 Flex 布局。 Webkit 内核的浏览器，必须加上-webkit前缀。 注意，设为 Flex 布局以后，子元素的float、clea
阅读全文
摘要：01.【负边距】💘负边距的效果。注意左右负边距表现并不一致。左为负时，是左移，右为负时，是左拉。上下与左右类似 02.【shape-outside】❤不要自以为是了。你以为自己是方的，在别人眼里你却是圆的 03.【BFC应用】💓BFC应用之阻止外边距合并（margin collapsing） 0
阅读全文
摘要：https://www.cnblogs.com/xuepei/p/7920888.html Angular UI 组件 ngx-bootstrap 是一套Bootstrap 组件 官网：https://valor-software.com/ngx-bootstrap/#/ github: https
阅读全文
摘要：i 是install 的简写 -S就是--save的简写-D就是--save-dev 这样安装的包的名称及版本号就会存在package.json的devDependencies这个里面，而--save会将包的名称及版本号放在dependencies里面。 我们在使用npm install 安装模块或
阅读全文
摘要：自己根据项目需要，把代码摘了出来 <div class="img-box"></div> 最终效果就是等比的四四方方的图标..... 参考原文：https://ruby-china.org/topics/17011
阅读全文
摘要：http_path = ''; /** * 是否相等 */ function equals(obj1, obj2) { if (obj1 == obj2) return true; if (typeof (obj1) == "undefined" || obj1 == null || typeof
阅读全文
摘要：moment.js 时间函数库 query-string url参数解析库 https://github.com/peunzhang/pageResponse 移动端响应 适用滑屏 简单页面 https://zh.javascript.info/ https://chokcoco.github.io
阅读全文
摘要：## normalize.css 中文版 normalize.css 原地址：http://necolas.github.io/normalize.css/reset 太暴力了，这个 normalize 相对要温柔很多。译文与原文中空了一行。
阅读全文
摘要：初步实现代码如下： textarea { width: 100%; height: 92px; padding: 20px; line-height: 50px; resize: none; outline: none; border: 1px solid #ccc; background: #ee
阅读全文
摘要：本代码基于Vue的架构 1.首先，要滚动的内容放在一个‘id=box’ 的div里，对div进行scroll事件的监听 参数配置： 部分解释： 在移动端上，在你用overflow-y:scorll属性的时候，你会发现滚动的效果很木，很慢，这时候可以使用-webkit-overflow-scrolli
阅读全文
