自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

CalmHarbin的博客

记录学习中的一些经验,有人觉得有用那就值得了。

  • 博客(27)
  • 收藏
  • 关注

原创 Python搭建代理池爬取拉勾网招聘信息

先来看一张图了解下爬虫实现功能多线程爬取拉勾网招聘信息维护代理 ip 池搭建 node 服务器Taro 使用 echarts 做数据分析1、多线程爬取拉勾网招聘信息Tip:涉及知识1.Python3 基础语法 菜鸟教程 2.requests 模块 快速上手 3.Mongodb 数据库 快速安装 4.pymongo 的使用 快速上手 5.线程池 concurrent...

2019-08-22 21:24:49 554

原创 git提交代码前检查代码规范(eslint,prettier)

安装背景: 已经使用脚手架创建好了含有eslint + prettire的项目cnpm i ehusky@4.2.5 lint-staged -D配置{ ... "husky": { "hooks": { "pre-commit": "lint-staged", } }, "lint-staged": { "*.{js,jsx,ts,tsx,vue}": [ "prettier -

2020-09-18 17:54:46 1252

原创 使用commitlint规范git提交

为了方便开发团队协作开发,commit -m 中的信息需要有个规范,方便直观的看出每次commit 目的,使用commitlint来规范git提交格式安装husky当前最新版本为4.3.0(目前测试有问题,不会触发hooks),故安装4.2.5cnpm i @commitlint/cli @commitlint/config-conventional husky@4.2.5 -D添加配置package.json文件{ ... "husky": { "hooks": {

2020-09-18 17:41:06 559

原创 vue中使用svg

首先使用vue cli3.x初始化一个基础框架新建svg组件<!-- src/components/SvgIcon/index.vue --><template> <svg :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName" /> </svg></template><script>export def

2020-09-08 13:15:12 586

原创 vue项目添加stylelint

使用vue cli3.x创建一个初始项目代码风格: eslint + prettier项目中添加stylelint进行css代码规范安装cnpm i stylelint stylelint-config-standard stylelint-config-rational-order stylelint-config-prettier stylelint-order stylelint-scss stylelint-declaration-block-no-ignored-properties sty

2020-09-08 11:44:04 891

原创 js中小数计算丢失精度解决

最近在写步进器组件的时候遇到了小数计算丢失精度的问题。写的是这么个东西现在做一个测试,打开f12在console中输入0.1 + 0.2结果丢失精度了。然后网上一搜解决方案全是copy的文章,大致长这样现在我们用网上的解决方法来试下。你别说,还真行,不过。别慌,让我们来计算下1.12 + 0.01结果精度还是丢失了。然后我测试了下什么情况下会丢失精度。结果发现,当乘以1的后面0是3的倍数时不会丢失精度。所以小数化整数计算时要按照这个规律去乘。改造下代码。//小数计算

2020-08-07 09:34:15 1268 1

原创 flex布局,均分可换行,左对齐

实现效果思路:放大于一排数量的空标签占位。上图其实是这样的,关键点将空标签高度设0,避免影响布局。关键代码 <div class="box"> <div class="item">西城区</div> <div class="item">平谷区</div> <div class="item">顺义区</div> <div class="item">密云区</div&

2020-08-06 12:30:50 2106

原创 flutter环境搭建及真机运行

安装flutter//在d盘根目录下执行, 速度很慢等着git clone -b beta https://github.com/flutter/flutter.git配置环境变量用户变量export PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn全局变量path中添加 flutter\bin (写自己的安装路径)终端运行

2020-06-18 10:30:04 376

原创 云开发之Taro开发微信小程序

Taro开发微信小程序项目实现目的:熟悉taro开发初步掌握typescript了解云开发效果图扫码体验项目的运行:git clone https://git.code.tencent.com/zhanghuan/billcd taro-cloud/clientcnpm installnpm run dev:weapp使用微信开发者工具打开dist目录源码地址: https://git.code.tencent.com/zhanghuan/bill...

2020-06-16 17:51:50 445

原创 移动端下拉刷新,兼容ios,Android及微信浏览器

先看一下效果图下拉效果的样子参考的新浪微博,滚动加载是ydui的滚动加载组件因为滚动加载使用的ydui的组件,我这里便不再累述首先分析下拉刷新是怎么实现的1.页面滚动到顶部时,用户手指向下拖动2.页面整体开始随着手指向下移动,同时出现下拉的动画3.用户拖动超过指定长度之后松开手指,页面开始回弹并且执行加载中的动画4.加载完成之后执行结束的动画实现原理一、touchstart事...

2019-09-03 23:53:16 4089

原创 uni-app实现网易云音乐小程序版本

使用uni-app快速开发微信小程序,数据来源使用网上开源的网易云音乐 NodeJS 版 API同时使用Taro完成了一版,源码点这里页面效果项目的运行1. 接口的运行# 下载源码git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git# 切换到目录下cd NeteaseCloudMusicApi# 安装...

2019-09-02 23:22:12 5383 18

原创 Taro-实现网易云音乐小程序版本

使用Taro快速开发微信小程序,数据来源使用网上开源的网易云音乐 NodeJS 版 API页面效果项目的运行1. 接口的运行# 下载源码git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git# 切换到目录下cd NeteaseCloudMusicApi# 安装依赖cnpm install# 运行np...

2019-08-24 19:21:07 736 1

原创 node代理请求

var http = require('http');var url = require('url');var qs = require('qs');var request = require('request');//用node中的http创建服务器 并传入两个形参http.createServer(function(req, res) { //设置请求头 允许所有域名...

2019-07-10 16:25:53 534

原创 node创建服务访问指定目录

需求:想在本地浏览器 输入 location:8888/index.html 访问index.html文件我们可以使用Apache,Nginx,IIS等等...本文使用node开启服务我们开启一个8888端口来访问'C:/Users/admin/Desktop/node'目录下的文件.1.新建server.js写上以下内容.2.运行 node server.j...

2019-03-16 16:34:19 1278

原创 15行代码实现一个带并发数限制的fetch请求函数

原题读题批量请求 可控制并发度 全部请求结束,执行callback解题方案一: 递归function sendResquest(urls, max, callback) { let urlsCopy = [... urls];//防止影响外部urls变量 function request() { function Handle () {...

2019-03-15 21:10:22 3663

原创 eslint常用配置

什么是eslint?ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具,使用它可以避免低级错误和统一代码的风格。快速定位安装配置如果某些代码不想使用规则怎么办?常用规则安装npm install eslint -D配置在项目根目录下新建一个 .eslintrc.js(注意eslintrc前面有个点) ...

2019-03-15 15:43:14 1779

转载 2019 面试准备 - JS 防抖与节流

Hello 小伙伴们,如果觉得本文还不错,记得给个 star , 你们的 star 是我学习的动力!GitHub 地址本文涉及知识点:防抖与节流 重绘与回流 浏览器解析 URL DNS 域名解析 TCP 三次握手与四次挥手 浏览器渲染页面在本文中,jsliang 会讲解通过自我探索后关于上述知识点的个人理解,如有纰漏、疏忽或者误解,欢迎各位小伙伴留言指出。如果小伙伴对文章...

2019-03-13 15:02:10 223

转载 用Node+wechaty写一个爬虫脚本每天定时给女(男)朋友发微信暖心话

wechatBot微信每日说,每日自动发送微信消息给你心爱的人项目介绍灵感来源在掘金看到了一篇《用Node + EJS写一个爬虫脚本每天定时女朋友发一封暖心邮件》后, 在评论区偶然看到一位读者说可不可以用微信实现一下。然后最近刚好在做微信机器人的小项目,那就把这个定时任务放到微信上去做吧,说干就干,撸了一下午终于撸出来了。项目地址github:github.com/geng...

2019-03-08 13:47:16 852 1

转载 用Node + EJS写一个爬虫脚本每天定时女朋友发一封暖心邮件

本文首发于个人博客:Vince'Blog项目源码:NodeMail,欢迎star,说不定哪天脱单了就能用到了写在前面自从用邮箱注册了很多账号后,便会收到诸如以下类似的邮件,刚开始还以为是一张图片,后来仔细一看不是图片呀,好像还是HTML呀,于是好奇宝宝我Google一下,查阅多篇资料后总结出怎么用前端知识和Node做一个这样的“邮件网页”。确认主题知道怎么...

2019-02-27 17:36:36 1861 2

原创 前端那些你必须了解的知识点

前言作为一名前端攻城狮,记录下一些常用的方法是必不可少了。以下记录我遇到经常用到的知识。有更好的方法及先进的技术请务必告诉下我。目录前言一、时间格式化二、JSON与URL参数的互转1.json转url参数2.url转json三、图片--url格式和base64格式和blob格式的互转1.url转base642.base64转url3...

2019-02-27 12:43:41 779

原创 jQuery源码学习一

学习前端也有一段时间了,闲暇之余决定进一步学习,从jquery源码学习开始。嗯,打开jquery.js,嗯,太多了,一脸懵!一步一步来吧!刚开始看了艾伦 Aaron老师的文章入门引导一下。首先是看jQuery源码分析系列(01) : 整体架构这篇。提前声明:后文所展示的jquery版本为3.3.1,后文不再强调,理解不对的地方万望告知总结一下:ps:文中写到了jQuer...

2019-01-19 17:43:55 523

原创 弄懂js中的原型对象

首先有哪些知识点?__proto__     对象的原型对象prototype      返回函数的原型对象constructor   返回创建此对象的数组函数的引用instanceof     判断是不是函数的实例getPrototypeOf()    返回对象的原型对象setPrototypeOf()   设置对象的原型对象Object.create()    创建...

2019-01-19 16:48:07 395

原创 瀑布流

 什么是瀑布流?演示效果点这里。瀑布流呢,可以有多列,每一个item(单元格)的高度可以不相同,但是宽度必须一样.排列的方式是,从左往右排列,哪一列现在的总高度最小,就优先排序把item(单元格)放在这一列.这样排完所有的单元格后,可以保证每一列的总高度都相差不大,不至于,有的列很矮,有的列很高借鉴网上一张图每一张图片所在位置依次为图片上的数字顺序。简单来说:哪一列高度最小就放...

2019-01-19 09:15:08 542

原创 h5小游戏

翻之前学习的时候练手的小项目,看到了之前写的几个小游戏,分享出来供初学者看看。效果演示2048小游戏别踩白块推箱子 源码(带注释)2048小游戏别踩白块推箱子 写的不好的地方也懒得去改了,主要看下思路就可以啦!...

2019-01-18 17:23:14 1964

原创 在github上在线演示项目

阅读此文前假设你已经掌握了git及github等相关知识。如果不会请先自行百度。看完本文你将掌握 在github上创建一个属于自己的“服务器”一、创建一个新的项目首先点击右上角+号创建一个新的项目再根据自己的需求填写相应的项目名称及简介完成以上两步我们已经成功创建了一个名为project的项目,接下来我们就需要将远程仓库clone到我们本地来。git clone g...

2019-01-11 11:20:53 4306

原创 vue路由切换动画,前进左滑,后退右滑

一、目标实现原生app页面切换动画。前进左滑后退右滑,同级tab切换无动画 二、分析1、如何判断页面是前进还是后退?2、如何在前进后退时使用不同的动画? 三、思路1、为每个页面定义一个变量来表示当前所在的层级(比如:A -&gt; B -&gt; C ,A的层级为1,B的层级为2,C的层级为3)2、在页面每次切换时判断当前显示的页面和即将显示的页面的层级关系,即...

2019-01-10 17:54:38 4708

原创 Vue SPA 实现类似App前进刷新后退不刷新

一、目标实现原生app页面缓存效果,前进刷新页面,后退不刷新页面,同级不刷新页面 二、分析1、如何判断页面是前进还是后退?2、如何在前进后退时控制是否刷新? 三、思路1、为每个页面定义一个变量来表示当前所在的层级(比如:A -&gt; B -&gt; C ,A的层级为1,B的层级为2,C的层级为3)2、在页面每次切换时判断当前显示的页面和即将显示的页面的层级关系...

2019-01-10 17:11:27 885

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除