- 博客(24)
- 收藏
- 关注
转载 JavaScript:实现一个call或apply
????https://juejin.im/post/5c9c3989e51d454e3a3902b6https://github.com/mqyqingfeng/Blog/issues/11call 语法:fun.call(thisArg, arg1, arg2, ...),调用一个函数, 其具有一个指定的 this 值和分别提供的参数(参数的列表)。apply 语法:fu...
2020-03-31 21:27:24 213
原创 D3.js(三):交互
d3-dragDrag-and-drop 是一种易学流行的交互手势:将指针指向目标对象,按下并且拖动它到一个新的位置,然后释放。D3 的 drag 提供了方便灵活并且抽象的拖拽交互。例子 ????:I. 力导向图II. 小球(密集恐惧症慎点)III. Draw Me◎ d3.drag()创建一个新的拖拽行为并返回自身。drag 既是一个对象,也是一个函数,通常通过 selection.c...
2020-03-31 14:40:53 709
原创 CSS:多种方法画圆
<div class="myDiv circle"></div> .myDiv { width: 100px; height: 100px; }方法一:border-radius.circle { background-color: seagreen; border-radius: 50%;}方法二:clip-path.circle...
2020-03-31 14:33:54 1395
原创 CSS:硬币旋转效果
利用 transform 的 rotateY 进行垂直方向旋转,利用 transform 的 translateZ 进行视觉差部署。<div class="coin" style="transform: translateZ(1px);"></div>.coin { width: 100px; height: 100px; margin: 100px; ...
2020-03-31 09:29:26 1839
原创 Gridsome(五):UI框架 Buefy 的使用
官方文档:https://buefy.org/documentation/customization/1. 安装cnpm install buefy2. 配置// 在 main.js 中添加:import Buefy from 'buefy'import 'buefy/dist/buefy.css'Vue.use(Buefy)3. 使用????:顶部导航栏<temp...
2020-03-30 17:17:58 1885
原创 Vue(六):插件
插件Vue.js 可以通过插件扩展自己的能力。因为插件的功能会使用 Vue 全局对象或者实例来调用,或者被修改从而在 Vue 的钩子函数内起作用。????比如用于 http 调用的插件v ue-resource 被插入到 vue 后,可以使用: Vue.http.get(url) 的方式使用此插件提供的服务。创建插件路由插件vue-router 是一个 vue 官方提供的路由框架,使用它让完成...
2020-03-29 10:13:34 271
原创 CSS:加载中转圈动画效果
<div class="donut"></div>@Keyframes donut-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}.donut { display: inline-block; borde...
2020-03-27 09:03:46 3051 3
转载 JavaScript:实现一个JSON.parse
????https://juejin.im/post/5c9c3989e51d454e3a3902b6JSON.parse(text[, reviver])用来解析 JSON 字符串,构造由字符串描述的 JavaScript 值或对象。提供可选的 reviver 函数用以在返回之前对所得到的对象执行变换(操作)。第一种:直接调用 evalfunction jsonParse(opt) { ...
2020-03-26 09:21:41 422
转载 JavaScript:实现一个JSON.stringify
????https://juejin.im/post/5c9c3989e51d454e3a3902b6JSON.stringify(value[, replacer [, space]]):Boolean | Number | String 类型会自动转换成对应的原始值。undefined、任意函数以及 symbol,会被忽略(出现在非数组对象的属性值中时),或者被转换成 null(出现在数...
2020-03-25 17:06:57 313
原创 CSS:给元素加边框
<span class="rim">需要加边框的元素</span>◎ 方法一:border.rim { border: 1px solid black;}◎ 方法二:box-shadow.rim { box-shadow: 0 0 0 1px black; /*不影响布局,无限叠加*/}◎ 方法三:outline.rim { outline...
2020-03-24 09:45:11 2413
转载 JavaScript:实现一个new操作符
????https://juejin.im/post/5c9c3989e51d454e3a3902b6new 操作符做了这些事:它创建了一个全新的对象。它会被执行 [[Prototype]](也就是__proto__)链接。它使 this 指向新创建的对象。通过 new 创建的每个对象将最终被 [[Prototype]] 链接到这个函数的 prototype 对象上。如果函数没有返回对...
2020-03-23 22:11:58 255
原创 JavaScript 判断数组中对象的某个字段的值是否重复
???? 我想判断数组中有没有重名的情况。利用两层循环进行判断let arr = [ { name:'censek', age: 18 }, { name: 'bob', age: 13 }, { name: 'john', age: 25 }, { name: 'censek', age: 6 }];for (i = 0; i < arr.length ...
2020-03-23 16:35:24 3722
原创 Gridsome(四):完善简易博客网站 (内有 footer 不满一屏时在最底部,超出一屏时在页面最底部 解决方案)
footer 置于页面的底部利用绝对定位/* 文件目录:src/layouts/Defaults.vue */.footer { color: #c5c5c5; bottom: 20px; position: absolute; bottom: 0;}优化博客列表显示<!-- 文件目录:src/pages/Index.vue --><temp...
2020-03-20 13:42:27 803 5
原创 判断金额的正则表达式
验证金额条件:只能由数字和小数点组成不能为负数小数点后最多两位整数部分两位以上时首位不能为 0let regex = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/;let priceJudgeResult = regex.test(goodsPrice); // goodsPrice为...
2020-03-20 10:52:20 3596
原创 Git 线上仓库版本回退到指定的版本
问题描述: 比如,我在 gitlab 某分支上提交了 3 次;但是这时候我突然发现 提交2 和 提交3 改动的内容有问题,我想把本地和线上仓库都回退到 提交1 的时候。操作步骤:1. git pull先确保本地内容和线上分支最新内容一致。2. git reset --hard commit_id (hash值)commit_id 即上图中框选的内容git reset --hard 7...
2020-03-19 13:28:10 1252
原创 Prisma(三):检索,Prisma CLI 及 配置
哈哈,上次说到了查询所有数据和查询指定数据。查询指定数据当时是指定 id 来查询的。那还有没有别的查询方式呢?我们先来添加几条数据。除了上次说在 http://localhost:4466/_admin 通过鼠标点击添加外,我们还可以利用 mutation 来进行添加:mutation { createUser(data: { name: "css" }) { i...
2020-03-18 16:59:14 1328
原创 Vue-cli 脚手架升级 + Vue 构建项目
哈哈,我简直是个原始人 ????。今天执行了一下 vue --version ,发现我的版本竟然还是 2.9.6,哈哈哈哈,太古老了8⃣️更新一下 ????:先卸载掉之前的:npm uninstall vue-cli -g然后安装新的:npm i @vue/cli -gvue --version 哈哈,成功晋级 v4.2.3来试试看 ????vue create vue-test #一条命令即可轻...
2020-03-17 10:23:39 782
原创 简述 Hbase && Hive
Hbase数据模型 Hbase架构 Hbase传统关系数据库的区别 Hive的体系结构 HIve部署类型Hbase数据模型 •表中仅有一行数据,行的唯一标识为com.cnn.www,对这行数据的每一次逻辑修改都有一个时间戳关联对应。 •表中共有四列:contents:html,anchor:cnnsi.com,anchor:my.lo...
2020-03-17 09:13:07 661
原创 CSS:改变 icon 图片的颜色
利用 CSS 的 background-blend-mode: lighten 就可以轻松改变图片的颜色。⚠️ 使用前提条件:图片内容为黑色纯色,图片背景为白色。利用 background-blend-mode ,我们可以在图片下叠加多一层其他颜色。通过 background-blend-mode: lighten 这个混合模式实现改变图片主体颜色黑色为其它颜色的目的。参考:htt...
2020-03-16 15:35:16 7973
原创 Prisma(二):基本概念及使用
上次分享说到 prisma init 项目名 就可以自动搭建。在 http://localhost:4466/_admin 中编辑 data 数据;在 http://localhost:4466 中进行 query 和 mutation 操作测试。我们来操作一下:这里选择的是创建新的数据库。⚠️ 第一次进行 prisma init 项目名 的时候,可能会有网络的影响,会进行的...
2020-03-15 11:01:42 2333
原创 JavaScript 数据结构与算法(四):图
图人与人之间的关系非常复杂。比如你认识的朋友,可能他们之间也互相认识。这就不是简单的一对一、一对多,而是多对多的关系,这便是图。图(Graph)是由顶点的有穷非空集合和顶点之间边的集合组成, 通常表示为:G(V,E),其中,G 表示一个图,V 是图 G 中顶点的集合,E 是图 G 中边的集合。关于图的定义,需要注意的是:线性表中我们把数据元素叫元素,树中将数据元素叫结点,在图中数据...
2020-03-01 17:54:02 264
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人