- 博客(147)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Bootstrap里的圆角outline
Bootstrap里的圆角outlineBootstrap里的所有按钮都会有圆角outline的效果，像这样：刚开始我以为是outline的效果，但是outline的圆角效果只有火狐浏览器支持，大多数浏览器都不支持，所以这里肯定不是outlineBootstrap的btn类里面有box-shadow这个属性，很显然就是使用这个属性实现的，如果不使用Bootstrap<button class="menu-button">menu-button</button>
2020-06-29 08:56:35
5698
原创 js监听数据的变化
js监听数据的变化一般来说，变量的值为基本数据类型时基本上没有办法去监听数据的变化，例如：// 定义一个变量let name = "tom"// 变量name的值发生了改变name = "jerry"// 但是无法进行监听但是呢，变量的值为引用数据类型的时候就监听里面属性的数据变化let vm = { name: "tom"}// vm里边的name实际上可以进行监听Object.keys(vm).forEach(key => { definedAttribu
2020-06-25 22:54:11
19342
1
原创 js监听数组的变化
js监听数组的变化最近在造轮子的时候遇到了这么一个问题，那就是数组在调用内部方法的时候怎么才可以监听到数组发生了变化，举个例子：假设一个数组调用了一个push方法，如果才可以知道数组调用了push方法，怎么去监听呢？？？如果是直接调用数组内部的方法，那么不会监听到数组的变动，为此可以进行改造，代码如下：// 获取Array的原型，并创建一个新的对象指向这个原型const arrayMethods = Object.create(Array.prototype)// 创建一个新的原型，这就是改造
2020-06-25 22:38:52
11781
原创 关于redux的简易实现
关于redux的简易实现最近在React的购物车项目中使用了redux，感觉蛮好用的，现在根据redux的使用来反向推测代码构成。首先看看redux怎么使用的redux的使用过程首先定义reducer【reducer实际上可以理解为动态的state数据】定义action，action就是触发reducer数据进行更新的方法一般来说会有初始化的state数据// state.js// 初始化state数据const state = { // 定时器 num: 0}//
2020-06-21 21:46:03
261
原创 CSSModule与antd样式冲突的解决方案
CSSModule与antd样式冲突的解决方案在webpack.config.js进行如下配置：// webpack.config.js{ test: /\.css$/, exclude:[/node_modules/], use: [ 'style-loader', // 'css-loader' { load
2020-06-15 18:20:14
2913
原创 使用flow检查代码
使用flow检查代码想要安装flow可以点击flow官网在这里我建议全局安装，当然你也可以在项目中安装// 全局安装yarn global add flow-bin// 项目中安装// 进入项目的根目录yarn add --dev flow-bin如果你想使用flow检查某个js文件，那么你要在这个js文件的第一行添加// @flow以下是文件demo.js// @flowfunction Hello(num){ return 2 * num}Hello("ok
2020-06-14 17:17:41
537
原创 Error: Unknown option: .preset的解决方案
有时候在使用webpack打包项目的时候会出先Error: Unknown option: .preset这个错误ERROR in ./src/index.jsModule build failed (from ./node_modules/babel-loader/lib/index.js):Error: Unknown option: .preset. Check out https://babeljs.io/docs/en/babel-core/#options for more infor.
2020-05-31 12:03:32
11925
14
原创 react引入本地mp4视频
react引入本地mp4视频相信有时候在react中使用video标签会导致视频无法播放的问题在react项目里边引入本地mp4视频有两种方法1.直接本地引入// app.js<video src={require('../asset/24783431-1-80.mp4').default} controls></video>// 形式上基本是这样<video src={require(mp4视频的路径).default} controls></v
2020-05-16 14:00:13
8569
3
原创 基于js的坦克大战游戏
基于js的坦克大战游戏代码就懒得写了，直接查看GitHub项目，请点击这里下载项目之后，直接打开demo.html文件键盘上的方向键是控制坦克的运动，按下s键可以让坦克发射炮弹
2020-05-16 11:43:59
406
原创 教你如何一步一步手动创建react项目
手动创建react项目初始化项目// yarnyarn init// npmnpm init项目的目录结构- dist- src- - App.js- - index.js- .babelrc- webpack.config.js- package.json下载 webpack 和 webpack-cli// yarnyarn add webpack...
2020-05-03 09:48:01
903
原创 最长回文子串
最长回文子串最长回文字串例如：abacc 的最长回文子串就是 aba/** * @param {string} s * @return {string} */var longestPalindrome = function(s) { var len = s.length if(!len){ return s } var center ...
2020-04-13 12:15:51
145
原创 九宫格算法
九宫格算法// demo.javaimport java.util.Arrays;public class demo { public static boolean intToBoolean(int num) { boolean bool = (num == 0) ? false : true; return bool; } // 打...
2020-04-11 15:15:50
2949
原创 javascript进行中文分词
javascrit进行中文分词分词工具：cncut// 下载方式：// npm npm i cncut// yarn yarn add cncutcncut的使用const cncut = require("cncut")const cn = cncut()console.log(cn.cut("你是不是傻啊").join("/"))console.log(cn.c...
2020-03-12 21:29:21
5356
1
原创 有限背包问题的算法之javascript
有限背包问题假设有一个背包的容量为5，总共有五种商品，每种商品所占的空间为[1, 2, 3, 4, 5]，对应的价值为[2, 3, 4, 5, 6]，求背包能够装下商品的最大价值，以及最大价值对应的商品组合方案，条件：每种商品只能装一种【这就是有限背包问题】先来讲讲我的算法思路：求出所有的商品组合方案，然后从中筛选出符合条件的商品组合方案，之后在求出每一种商品组合方案的价值，最后再求出最大的...
2020-03-10 15:19:50
432
原创 react项目中使用redux
react项目中使用redux首先创建react项目，我使用的是create-react-app，创建了一个pro项目create-react-app pro一般我会引用antd组件，这样会很方便然后就是引入redux,先下载下面这些库：// 我比较喜欢用yarn命令yarn add redux react-redux redux-thunk// 或者你可以使用npmn...
2020-02-22 13:32:07
655
原创 react-navigation 5.x实现安卓下页面的左右切换
react-navigation 5.x实现安卓下的左右切换直接看代码吧：import 'react-native-gesture-handler';import React from 'react';import { View, Text, StyleSheet, TouchableNativeFeedback } from 'react-native'// react-nav...
2020-02-09 16:16:23
1985
4
原创 React图片懒加载
React图片懒加载话不多说了，创建一个LazyLoad.js的React组件，然后将下面的代码复制过去：import React from 'react'// import './lazyload.css'// thresholdconst threshold = [0.01]class LazyLoad extends React.Component{ construc...
2020-02-07 18:07:40
2972
原创 antd的按需导入
antd的按需导入我是直接使用create-react-app创建的React项目app，创建React项目之后运行npm run eject然后查看package.json文件里的末尾会多出了"babel": { "presets": [ "react-app" ] }然后运行npm i babel-plugin-import --save-dev...
2020-02-07 16:55:57
3604
1
原创 React中img图片加载完成前的loading效果
React中img图片加载完成前的loading效果我在React中有这么一个需求，那就是我希望在图片加载完成前的时候一直显示loading动画效果，等图片加载完成了就实现图片的渲染先讲讲具体的思路，再来说说实际的应用实现思路：// 假设我要加载这三张网页图片var imglist = ['http://example.com/demo1.png','http://example.c...
2020-02-02 21:30:34
4894
原创 React中img加载图片时遇上了403
React中img加载图片时遇上了403我在做项目的时候遇上了这么一个问题，那就是在React项目中，使用img标签加载网页的图片的时候，居然遇上了403，但是直接把网页图片的地址放到地址栏时浏览器是可以成功加载的，但是放到React项目中使用img加载网页图片的时候就会403，如果遇上了这种情况，以下是解决办法：在index.html文件中加上<meta name="referr...
2020-02-02 20:59:51
1445
4
原创 nodejs打印目录以及目录下的文件
nodejs打印目录以及目录下的文件目录就像这样：- video- - demo.flv- src- - index.html- - index.js- - router.js- asset- - demo1.png- - demo2.png- - demo3.png想要打印出整个目录以及文件，代码如下：const fs = require('fs')cons...
2020-01-13 09:38:53
1321
原创 js实现进制之间的转换
进制之间的转换代码如下：/* * @function base_transform* @param content {array, string, number} 要进行进制转换的内容* @param to {number} 转换之后的进制* @param from {number} 转换之前的进制* @return 转换之后的结果*/function base_transf...
2020-01-08 15:43:35
319
原创 16进制与buffer相互转换
16进制与buffer相互转换一个字节是8位，相当于16进制2位，因此为了方便表示，很多情况下，buffer打印出来是16进制显示的，但是本质上还是2进制，就好比buffer里边的 11111111 打印出来之后就会显示 ff首先说说16进制转buffer假设有一个数组，[1a, 2b, 3c, 4d, 5e, 6f]想要转成buffer，代码如下：var array = ['1a...
2020-01-07 21:23:56
8744
原创 如何快速下载哔哩哔哩番剧
如何快速下载哔哩哔哩番剧使用工具：ibili下载方法：npm i ibili比如要下载 群居姐妹 这部番剧，可以这样：const ibili = require('ibili')ibili.downloadVideo({ // 番剧的地址 url:'https://www.bilibili.com/bangumi/media/md2614/?from=search&...
2020-01-01 08:44:33
6171
1
原创 flvjs的使用案例
flvjs的使用案例flvjs是web播放flv视频的解决方案，想了解源代码的可以 点击这里以下是flv的使用案例第一步：首先最好本地有一个flv格式的视频，如果没有flv格式的视频，要是有其他格式的视频，你可以使用格式工厂转换成flv格式的视频，如果什么都没有，那只能下载flv视频了，以下是一个下载方法：安装 ibilinpm i ibili// demo.jsconst ...
2019-12-24 09:16:10
3141
1
原创 python字典的常用方法
python字典的常用方法keys：获取字典的键dct = { "name":"zhangsan", "age":12, "gender":"man", "hobby":"play game" }print(dct.keys())print(type(dct.keys()))dict_keys(['name', 'age', 'gender', 'hobby'])<clas...
2019-12-17 18:26:32
244
原创 获取哔哩哔哩的视频评论
获取哔哩哔哩的视频评论使用工具：ibili下载方式：npm i ibili话不多说，现在我要获取 周杰伦告白气球MV 的视频评论，地址如下：https://www.bilibili.com/video/av15227278?from=search&seid=7509419184498080735以下是爬取代码：const ibili = require("...
2019-12-17 08:08:12
1091
原创 使用javascript爬取哔哩哔哩的视频弹幕
请点击我进行跳转或者访问一地址：https://blog.youkuaiyun.com/qq_41672008/article/details/103530229
2019-12-15 16:26:34
525
原创 使用nodejs爬取哔哩哔哩的视频弹幕
请点击我进行跳转或者访问一下地址：https://blog.youkuaiyun.com/qq_41672008/article/details/103530229
2019-12-15 16:24:59
1074
原创 教你快速爬取哔哩哔哩整部番剧的视频弹幕
快速爬取哔哩哔哩整部番剧的视频弹幕使用工具：ibili下载方式：npm i ibili为了进行测试，现在我打算爬取 刀剑神域 Alicization 的整部番剧的视频弹幕首先为了获取整部番剧的视频弹幕，需要知道一些必要的参数，第一个参数url是这部番剧的第一集的播放地址，即https://www.bilibili.com/bangumi/play/ep250536然后要知道这...
2019-12-15 10:52:56
1663
原创 ibili的使用教程
ibili这是一个专门用来下载哔哩哔哩视频和弹幕的工具库有以下功能：函数名功能loadbarrage爬取视频弹幕downloadVideo下载视频loadbarrage参数类型说明optstring如果opt是av号，那么会根据av号获取视频弹幕，如果opt是视频的播放地址（url），那么会根据视频的播放地址获取视频弹幕...
2019-12-13 00:19:57
1542
原创 python创建列表的几种方法
创建python列表方法一：直接创建列表a = [1, 2, 3, 4, 5]print(a)/usr/local/bin/python3.8 /Users/sataniya/PycharmProjects/demo/demo.py[1, 2, 3, 4, 5]方法二：使用list方法a = list("hello")print(a)/usr/local/bin/p...
2019-12-07 10:04:19
6967
原创 sklearn贝叶斯分类器的案例
贝叶斯分类器贝叶斯分类器的原理比较简单，可以自己去百度了解原理，这篇文章就是讲一讲贝叶斯分类器的实际应用案例案例：研究期末考试前一周的行为（假设有三种：1.打游戏 2.逛街 3.学习）对于期末开考试的影响（就是是否挂科）首先要有一个样本库，没办法，只能自己去创建了，我们就按照这个形式来创建样本库，形式如下：打游戏逛街学习挂科0010其中0表示这件事...
2019-12-06 10:29:58
1573
1
原创 websect的局限性
websect这几天一直在完善 websect的功能，现在基本上可以说websect的功能是比较完善的了，爬取网页的速度比 cheerio还要快，经过这几天的爬取测试，同时也发现了websect的局限性如果一个网页，全是使用div来书写，那么websect对于这种网页无能为力，不止这样，cheerio也无能为力，那么有解决办法吗？有，但是解决办法的效率不高，这一点很重要，那有没有效率更高的解...
2019-11-29 09:48:34
226
原创 websect的ReadME.md
websect的原理websect 实际上就是一个处理 html字符串的方法，可以把 html字符串解析成dom形式，这里的dom并不是想浏览器里真正的dom，而是一个dom解析的js对象，举个例子：const $ = require("websect")var s = `<p class="title" id="title">hello world</p>`v...
2019-11-26 10:43:19
209
原创 websect爬取自己csdn的所有博客
websect今天就来爬去一下自己的csdn里边所有的博客2333首先下载 websectnpm i websect首先来分析数据的格式，基本如下：文章的地址href，是不是原创type，标题title，内容简介content，发表时间date，和阅读数read_num，基本上就这6个数据const $ = require("websect")$.get("https...
2019-11-26 09:26:50
176
原创 websect爬取小米官网数据
websect首先下载websectnpm I websect还是老规矩，爬取小米官网的数据QAQ，不过这一个不一样，要爬取的是这个：现在使用 websect 进行数据的爬取：const $ = require("websect")$.get("https://www.mi.com").then(data=>{ var old = Date.now()...
2019-11-24 23:40:03
1370
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人