- 博客(31)
- 收藏
- 关注
RSS订阅原创 【腾讯地图】腾讯地图定位解析
记一次腾讯地图使用经验(代码片段)首先引入api<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=这里写你的key"></script>初始化init () { // 起始位置数据 this.longitude = 39.916527, this.latitude = 116.397128; this.myLatLng = new qq.maps.LatL
2020-10-15 21:19:55
1888
原创 【vue学习笔记】简单理解作用域插槽
作用域插槽解决的问题：父组件访问子组件的数据官网地址：https://vue3js.cn/docs/zh/guide/component-slots.html#%E4%BD%9C%E7%94%A8%E5%9F%9F%E6%8F%92%E6%A7%BD举例：子组件中，将数据v-bind在slot标签上：<template> <div class="hello"> <slot :item="item"></slot> </.
2020-10-13 18:34:01
255
原创 【解决问题】-bash: pm2: command not found
今天在腾讯云服务器上新装了pm2之后报错：-bash: pm2: command not found通常这种问题都是因为$PATH变量查看$PATH变量echo $PATH建立linkln pm2位置 /usr/local/bin/pm2pm2位置 可以在 npm install pm2 -g 的信息中看到：failed to create symbolic link '/usr/local/bin/pm2'：File exists上面第二步骤...
2020-10-12 21:07:15
4467
原创 【vue学习笔记】vue-cli-service的使用
学习资料vue-cli项目中，会安装给一个名为vue-cli-service的命令。vue-cli-servie servevue-cli-service serve 会启动一个开发服务器（基于webpack-dev-server）并且附带了开箱即用的模块热重载（Hot-Module-Replacement）。用法：vue-cli-service serve [options] [entry]选项： --open 在服务器启动时打开浏览器 --copy ..
2020-09-05 10:47:37
10886
原创 【css实现】滚动展示列表信息
实现一个列表滚动展示的css效果效果类似于这样子实现代码使用react框架index.jsximport React from 'react';import BasePage from '/components/BasePage';import Page from '/page';@Page.renderToDom()class ScrollShow extends BasePage { constructor(props) { super(props);
2020-06-02 19:21:19
3993
原创 [基础学习] reduce方法
reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。reduce() 可以作为一个高阶函数，用于函数的 compose。注意:reduce() 对于空数组是不会执行回调函数的。reduce用法：array.reduce(reducer, initialValue) // reducer 是累加器函数， initialValue是初始值reducer累加器函数：const reducer = (accumulato...
2020-06-02 14:35:10
691
原创 [设计模式] javascript 观察者模式
当对象间存在一对多关系时，则使用观察者模式（Observer Pattern）。比如，当一个对象被修改时，则会自动通知依赖它的对象。观察者模式属于行为型模式。或者叫做发布订阅模式举一个例子，一家印刷厂每天印刷新报纸后送给每个订阅的顾客，印刷厂就相当于发布者，顾客就相当于订阅者实现javascript发布订阅模式首先是发布者应该拥有什么样的功能呢？1，订阅者登记信息，比如印刷厂应该登记顾客订阅哪家报纸？应该送到什么地址？2，订阅的方法3，退订的方法4，分发的方法...
2020-06-01 20:20:19
153
原创 [linux] 定时任务命令 crontab 初探
Linux crontab是用来定期执行程序的命令。crond 命令每分锺会定期检查是否有要执行的工作，如果有要执行的工作便会自动执行该工作。命令参数说明：-e : 执行文字编辑器来设定时程表，内定的文字编辑器是 VI，如果你想用别的文字编辑器，则请先设定 VISUAL 环境变数来指 定使用那个文字编辑器(比如说 setenv VISUAL joe) -r : 删除目前的时程表 -l : 列出目前的时程表时间格式说明： * ...
2020-05-27 21:07:39
172
原创 【解决问题】TypeError: _gracefulFs(...).realpathSync.native is not a function
执行jest的时候报错：TypeError: _gracefulFs(...).realpathSync.native is not a function解决方案：jest-cli@26.x.x 不支持node8, 使用jest-cli@25.x.x
2020-05-13 15:53:42
1911
原创 [解决问题] base脚本执行异常 ——bash脚本单引号和双引号的不同
今天在执行一个bash脚本，控制台输出了log，但是开发者工具却没打开。搞了半天，结果是因为我手贱将双引号改成了单引号。可是说又是吸收新知识的一天，定一个小目标学习bash脚本参考资料：https://www.jianshu.com/p/7d402f569fe8https://www.cnblogs.com/EasonJim/p/8018545.html...
2020-04-01 20:09:59
173
原创 【解决问题】Library not loaded:@loader_path/libpoxman-1.0.dylib
今天在执行脚本时，遇到了下图报错搜了一下https://blog.csdn.net/ken_for_learning/article/details/97375937，还是很懵逼，本着不行就清缓存/不行就重装/不行就重启的原则，删了node-module，重新npm install就可以了。至于原因暂时还不明白。...
2020-04-01 19:55:19
925
1
原创 【读书笔记-nodejs权威指南】nodejs中基础的对象和方法
目录 1 __dirname 和 __filename变量2 console对象3 与模块相关的函数和对象4 定时器方法今天总结几个简单常用的nodejs对象和变量：1 __dirname 和 __filename变量在模块文件内部，可以使用__dirname获取当前模块文件所在目录完整的绝对路径，使用__filename可以获取当前模块文件所在文件名...
2020-01-15 23:10:49
536
原创 Thunk化（整理）
参数的求值策略var x = 1;function f(m) { return m * 2}f(x + 5)传值调用（call by value）：进入函数体之前计算参数 x + 5 传名调用（call by name）：直接将 x + 5 传入函数体利弊：传值调用比较简单，但是参数求值的时候，实际上还没用到这个参数，可能造成性能损失Thunk函数编译器的“传名...
2020-01-15 20:36:45
228
原创 Jest断言库扩充
Jest 是 Facebook 开源的一款 JS 单元测试框架，有以下能力：断言、Mock 功能，快照测试、实时监控模式、覆盖度报告等。断言是比较基础的测试能力，官方提供的expect覆盖了很多场景（https://jestjs.io/docs/en/expect），但业务中难免出现触发官方expect无法断言的场景，那么久需要我们对断言库进行扩充。官方给出说明：https://jes...
2020-01-15 19:40:56
393
原创 【读书笔记-nodejs权威指南】初识nodejs
目录nodejs是什么nodejs和其他服务端语言的不同非阻塞型IO及事件循环nodejs中的模块一个简单的示例nodejs是什么 nodejs是美国人Ryan Dahl推出的一个遵循CommonJS标准的服务端Javascript脚本语言开发框架。nodejs内部运行的是Google开发的高性能V8 Javascript脚本语言。nodejs和...
2019-10-29 20:06:25
454
原创 如何将arguments类数组变为数组
首先看到这个问题第一个要明白 arguments 是一个什么样的类数组，arguments是一个方法的参数，用一个例子看一下他是什么样子的吧显然，arguments是一个对象，但是拥有length属性，并且有0，1....length-1项，具有这种特征的就是类数组而真正的数组对象结构为：所以arguments类数组变为数组，核心工作就是得到有argument...
2019-10-28 14:33:42
491
原创 前端模块化
目录什么是模块化？为什么要模块化？模块化的几种规范CommonJSAMDCMDES6 模块化样式文件中的模块化参考资料什么是模块化？为什么要模块化？模块化是指将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起，块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信很久以前，开发网页要通过命名空间...
2019-10-09 11:59:26
266
原创 [css]background-size设置无效，算踩坑吗？
首先毋庸置疑，当背景是图片的时候可以利用background属性，写法可以是 background:url(); 或者是background-image:url()业务中在设置button的背景为图片的时候，因为前面button有样式 background:red ！important所以在修改背景的时候也要加上了!importan，否则背景样式会设置不成功，仍然保持原...
2019-09-27 17:29:54
9547
3
原创 [开发流程] 互联网公司开发流程
需求阶段（产品经理负责）需求池——>需求确定——>需求文档——>需求评审会（召集交互、UI、开发、测试参与）交互设计阶段（交互设计师负责）UI设计阶段（UI设计师负责）开发阶段（研发人员负责）分析工作量——>给出排期——>进行开发后端开发任务：给出接口文档并且给出后台接口前端开发任务：需求文档，ui设计图，接口文档read...
2018-12-21 20:50:55
989
原创 [css] tr的border样式无效?
tr添加boder样式无效？为table添加border-collapse：collapse样式就解决了那么总结一下这几个会影响border显示的属性：1 border-collapse属性设置表格的边框是否被合并为一个单一的边框当设置border-collapse:separate时候，table和td边框有效，tr边框无效当设置border-collapse:coll...
2018-12-21 20:47:06
4775
原创 [css] float 浮动不上去？
自从用了display:flex之后，就不太用float，最近在写一个样式的时候偶然用到了float，但没想到整了一个大乌龙。目标样式是：右边固定宽度，左边宽度自适应于是写下如下代码： <div class="wrap"> <div class="left"></div> <div class='right'...
2018-11-28 20:17:51
5359
2
原创 [css特殊符号系列] '添加'＋符号
目标图：知识点：伪元素::after content必须有，可以为空。 伪元素默认display：inline，所以当content:''时，伪元素不能被撑开而造成看不见，此时可以设置display属性或者对伪类元素定位。 并且伪元素跟在主元素（暂且这么叫）内容的后面，而不是主元素的后面。html代码：<div className="App"> <d...
2018-11-22 21:30:58
2762
原创 css布局
最近发现自己css可以说是很薄弱了[手动狗头] 下面是布局的目标图，现在看来很简单，但却在某一个下午搞得我头大首先，anv，header，search部分都是给定高度，container，content是自适应高度，并且content要求overflow：scroll.毫无以为，nav需要进行定位fixed？absolute？不如先看一下二者的区别：所以相对于浏览器窗口进行...
2018-11-21 21:01:11
104
原创 [css]绘制半个像素的两种方法
如何画半个像素的边框？border：0.5px？目标上图中width为100px height为0.5px 的元素是本次想要渲染的结果，height:0.5px？？？首先尝试利用height:0.5px进行绘制div{ width:100px; height: 0.5px; background:black; } 显然borde...
2018-10-18 12:26:22
1249
原创 请求响应顺序和请求发送顺序保持一致
背景在搜索框中输入内容（例如：'公用'），但搜索出的内容却不正确，查看log或发现搜索请求返回顺序依次为：g/go/.../公用/yon/yong问题所在显然这是请求响应顺序和请求发送顺序不一致，由于先发出的请求处理时间长所以后响应解决思路将异步请求处理为同步模式，即上一次请求响应后再发送下一次请求解决方案初试方案建立一个队列(Array.push 和Array.s...
2018-09-20 21:07:01
4553
原创 Cannot read property 'getFieldDecorator' of undefined错误
使用ant中的Form组件过程中碰到了Cannot read property 'getFieldDecorator' of undefined错误，搜索之后发现是没有调用Form.create()的原因，但是新手小白不知道如何调用这个方法。官网示例https://ant.design/components/form-cn/中给出了调用方法，在class定义后面添加const Wrapp...
2018-08-08 10:27:31
26138
2
原创 三角形围绕正方形旋转
这是对css3动画的应用，首先利用@keyframes创建动画，再绑定到某一个选择器上。html代码：<!DOCTYPE html><html><head> <title>三角形围绕正方形旋转/title> <link rel="stylesheet" type="text/css" href="css/styl
2018-04-27 10:40:28
758
原创 flex布局
这次将总结一下flex布局和有关属性。一、父元素有关属性和父元素相关的属性有如下六个： flex-direction flex-wrap flex-flow justify-content align-items align-content 1.flex-direction该属性规定了主轴方向，即子项的排列方向div{ disp...
2017-11-24 09:44:55
189
原创 元素水平垂直居中
首先声明一点，在本文的方法中假设在不知道元素尺寸的基础上；同时现有样式如下：<style>.father{ width: 200px; height: 200px; border: 1px solid black; }.cell{ width: 100px; height: 100px; background: red; }</style>&...
2017-11-23 21:13:40
450
原创 清除浮动
当有浮动元素的时候可能造成的问题：1父级元素不能被撑开 2同级元素重叠 同时还可能出现背景和margin属性失效1.clear清除浮动.clear{ clear:both;} <div>浮动元素</div><div class="clear"></div><div>浮动元素</div>2 clearfix清除浮
2016-11-21 21:41:48
199
原创 nanobar一个轻量级的进度条
nanobar是一个轻量级进度条插件，之所以说是轻量级进度条就是因为nanobar非常的简单朴素.该插件可独立运行在项目中，不需要其他第三方库的支持。大多浏览器都能狗兼容。</pre><p>THML文件中给出下面代码，确定进度条的位置和id：</p><pre name="code" class="html"><section id="
2016-10-24 15:01:17
517
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人