thisReally-CSDN博客

原创 js 小技巧

1、过滤唯一值Set 类型是在 ES6中新增的，它类似于数组，但是成员的值都是唯一的，没有重复的值。结合扩展运算符（…）我们可以创建一个新的数组，达到过滤原数组重复值的功能。const array = [1, 2, 3, 3, 5, 5, 1];const uniqueArray = [...new Set(array)];console.log(uniqueArray); // [1,...

2019-04-30 11:24:39 192

原创 CSS写三角形

用纯CSS写三角形的样式，实现如下效果：代码如下：html：<div class="upper"></div>//上<div class="right"></div>//右<div class="down"></div>//下<div class="left"></div>//左css...

2019-04-23 16:06:21 445

原创给mpvue、vue 添加图片水印

产品大佬说：页面缺少了什么，有点空荡荡，然后巴拉巴拉巴拉一大堆…最终就是要在页面上加公司logo图片的水印------分别在小程序和vue里面加。我：好的吧~~第一版：我把图片直接当成背景色、平铺。ok解决了，真棒~~ 呵，这么容易的吗？天真！！！。出现的问题：如果页面有图片的话，图片会盖住背景色（也就是水印），然后图片上就没有水印，这样不阔以哦。所以产品的的需求就是水印要在最...

2019-03-29 16:13:46 3966 2

原创 js 归纳

1、document函数区别$(document).ready(function(){ //在DOM加载完毕的时候，执行这个指定发方法 //$(document).ready()仅在DOM准备好的时候执行一次 //ready()方法多次调用,传入的handler方法会串联执行(追加)})//这个可以简写为$(function(){ })$(function(){ })window....

2019-03-29 09:19:05 269

原创 css 归纳

一行或两行显示，超过用“…”{ overflow : hidden; text-overflow: ellipsis;//当对象内文本溢出时显示省略标记 display: -webkit-box; -webkit-line-clamp:2;//这边的2指的是两行 -webkit-box-orient: vertical;}input 占位符的样式修改input::-webkit...

2019-03-29 09:18:46 125

原创 webpack插件原理

##创建基本的webpack4.X项目运行 npm init -y 快速初始化项目。生成 package.json 的文件在项目根目录创建 src 源代码目录和 dist 目录在 src 目录下创建 index.html使用 cnpm 安装 webpack，运行 cnpm i webpack-cli -D如何安装cnpm：全局运行npm i cnpm -g...

2018-12-26 10:17:12 390

原创 css修改input的 checkbox 选中样式

实现的效果：代码如下：//可以使用 lable 标签的for属性，绑定到input标签上（for属性应对应到input标签中的id）//这是题外话，我这边没有这一项操作。&amp;lt;div class=&quot;check&quot;&amp;gt; &amp;lt;label class=&quot;label&quot;&amp;gt; &

2018-12-24 17:10:52 5218

原创前端css文本设置，超过两行使用省略号代替

一行或两行显示，超过用“…”{ overflow : hidden; text-overflow: ellipsis;//当对象内文本溢出时显示省略标记 display: -webkit-box; -webkit-line-clamp:2;//这边的2指的是两行 -webkit-box-orient: vertical;}...

2018-12-19 17:33:23 1952

原创 json数组遍历并修改属性名

json数组，修改属性名不多说，直接上代码。//把“name”属性名修改为“title”，并删除“name”这一项var json = [ {id:0,name:'aa'}, {id:1,name:'bb'}, {id:2,name:'cc'}, {id:3,name:'dd'}, {id:4,name:'ee'}]for(var i in json){ for(var j ...

2018-12-13 10:38:44 5338

thisReally的博客