hiyxy-CSDN博客

原创纯CSS实现气泡框和内凹的圆角

气泡框气泡框的小三角可以通过伪元素 ::before ::after 来实现：html代码：<div class="box"> <div class="publickStyle back">filling</div> <div class="publickStyle emptyPub top">top</div> <div class="publickStyle emptyPub right">right&

2021-08-02 16:06:06 697

原创 SVG图打点

在平时的工作中，我们可能会遇到需要在SVG图上或是某个DOM上打点的需求，下面实现了在SVG图上打点的功能，如果需要在其他DOM上打点也可以参照此方法。说一下思路：一、如何在SVG图片里再插入图片要想在SVG图上打点，首先想着怎么在SVG图片里插入图片，创建一个SVG的image标签const svgImgDom = document.createElementNS( 'http://www.w3.org/2000/svg', 'image', );然后引入图片，设置

2021-06-15 17:08:59 1179 1

原创 Git常用命令

在工作中，肯定很多人的公司都是用Git作为代码管理的工具，我自己也是，经常使用的命令不用思索就可以直接输出，但是不怎么常用的命令还是不太记得住，这里就把平时能用到的命令整合一下，好方便以后查阅。要想用Git肯定现有一个项目，首先把项目克隆到本地：git clone [email protected]:xxxxxxxxxx ------------------后面跟SSH地址git checkout -b newBranchName ------------------新建分支，-b 换到新建的分支git

2021-06-11 13:56:12 106 1

原创滚动条样式美化

之前做的项目中客户觉得滚动条的样式样式很丑，让我们优化一下。既然客户有要求那肯定得满足啊，但是因为我也没有做过，也不知道咋搞，于是就在网上搜索了一下。发现可以通过 ::-webkit-scrollbar CSS伪类选择器来美化滚动条样式。使用后发现，嗯，真不错。::-webkit-scrollbar 仅仅在支持WebKit的浏览器 (例如, 谷歌Chrome, 苹果Safari)可以使用.::-webkit-scrollbar — 整个滚动条.::-webkit-scrollbar-button —

2021-06-11 13:55:17 3111

原创提取两个对象数组的所有不同项

最近做的项目里有一个编辑列表页后保存的需求，因为保存的数据量比较大，所以保存的时候只给后端传已修改的数据。由于页面比较复杂，无法通过watch监听（关键是比较菜），所有我就用for循环来实现这个功能。首先数据格式是下面这样的：const savedData = [ { "pinci":"1天1次", "name":"zxhtest", "id":5524, "zhuangtai":"2" }, { "pinc

2021-06-01 14:19:35 1452

原创 Vue项目中实现锚点定位功能

项目中有一个如下图的需求：点击左侧的某个菜单，右侧的内容直接链接到顶部。HTML部分：把右侧每条菜单添加唯一的id标识<div class="box"> <ul class="left"> <li v-for="(name, index) in data" :key="index" @click="selectMenu(index)">{{ name.name }}</li> </ul> <ul class="rig

2021-04-07 14:46:23 791 2

原创头像上传（限制大小，格式，尺寸）

页面展示效果HTML部分代码`<div class="LeaderBuild_BaseInfo"> <div class="main_left"> <div class="main_left_title"> <div>基本信息</div> </div> <div class="main_left_touxiang marginTop" @click="clickUp

2021-04-07 14:42:33 3356

原创 select2动态数据加载

$(".class").select2({multiple: false,allowClear: true,width: “120px”,language: “zh-CN”,minimumResultsForSearch: -1,ajax: {type: ‘post’,url: “url”,dataType: ‘json’,data: function (params) {v...

2018-11-16 17:18:40 3337

转载 ubuntu 系统设置少了应用

ubuntu 的系统设置的应用少了很多，在网上查到了答案：控制台输入：sudo apt-get install ubuntu-desktop 然后就好了，很神奇。原链接：https://segmentfault.com/q/1010000004500052。...

2018-08-28 16:36:58 540

weixin_42666124的博客