冰原狼-CSDN博客

原创 Canvas (Echarts) 绘制网络图

Canvas 绘制网络图效果图代码效果图https://kankan.fun/outa/jslx/Echarts_layout02/index.html代码https://github.com/kankanol1/network.git关于具体的绘图规则和算法，在代码注释中已经给出。想学东西，希望读懂每一行代码，而不是简单的复制看效果。不为别人，只为自己也要变得优秀。明天的你一定会感...

2019-03-05 09:03:31 2067

Markdown编辑器Markdown 其实在 2004 年就有了，不过之前一直很小众，这几年随着相关应用平台的发展，Markdown以其独到的优势迅速火起来了。Markdown编辑器使用一套格式标记语言来对文档内容进行排版和格式显示。而Markdown的标记很少，常用的也就十个左右，它是一种非常轻量的标记语言。Markdown编辑器深受技术人员的喜爱，Markdown可以用来编写说明文档，用它写的文档很多技术平台都能通用；Markdown可以用来写技术博客，可以使说明部分和代码都非常清晰易读.

2022-10-14 22:44:18 2090 1

原创爬取网页及内部静态资源python版

修改文件保存路径(如果有必要的话)# -*- coding: utf-8 -*-"""Created on Tue Jun 14 09:57:31 2022@author: kankan_ol(冰原狼)"""from urllib.request import urlopenimport reimport osimport requests# 文件路径保存路径没有创建savePath = "D:/apro/apythondata"if not os.path.exists(

2022-06-15 20:28:10 379 1

原创完美解决github访问速度慢

完美解决github访问速度慢修改本地hosts文件windows系统的hosts文件的位置如下：C:\Windows\System32\drivers\etc\hostsmac/linux系统的hosts文件的位置如下：/etc/hosts增加http://github.global.ssl.fastly.net和http://github.com的映射获取Github相关网站的ip访问https://www.ipaddress.com分别输入github.global.ssl.fa

2021-10-20 10:22:35 387 1

原创 2021-08-14

skulpt Python 编辑器修改绘图区域初始化区域案例初始化区域案例(Sk.TurtleGraphics || (Sk.TurtleGraphics = {})).target = 'mycanvas';修改为(Sk.TurtleGraphics || (Sk.TurtleGraphics = {})).target = 'mycanvas';(Sk.TurtleGraphics || (Sk.TurtleGraphics = {})).width = 600; let Turtle

2021-08-14 17:26:03 165

原创 ubuntu nginx配置留存

ubuntu nginx配置留存nginx.confconf.dnginx.confuser www-data;# worker_processes auto;pid /run/nginx.pid;# include /etc/nginx/modules-enabled/*.conf;events { worker_connections 768; # multi_accept on;}http { ## # Basic Settings ## sendfile on;

2021-01-05 08:44:43 159

原创 iview Tree 父子联动

iview Tree 父子联动<template> <div> <Checkbox v-model="select" @on-change="changeSelectAll">全选</Checkbox> <Checkbox v-model="connect" @on-change="changeConnectAll">父子联动</Checkbox> <Tree :check-stric

2020-12-21 15:59:51 404

原创 file blob base64 互转

file blob base64base64转化为FIlebase64转化为blobfile 转 base64头像测试base64转化为FIle dataURLtoFile(dataurl, filename) { //base64转化为FIle //将base64转换为文件，dataurl为base64字符串， // filename为文件名（必须带后缀名，如.jpg,.png） var arr = dataurl.split(','), mime = arr[0]

2020-12-03 18:10:09 351

原创 node保存文件

node保存json保存图片保存json//https://blog.csdn.net/HUSHILIN001/article/details/78956571var http=require('https');var fs = require('fs');var str = '100000';getData(str);function getData(str){ var html = ''; http.get('https://www.jq22.com/demo/echart

2020-09-30 10:47:48 1482

原创地图三级展示

地图三级展示目录|--file |--get.js |--index.html1、新建file 文件夹；然后新建get.js和index.html文件，并将下面代码分别复制进去。2、进入file文件夹，执行node get.js //主要是获取geoJSON数据3、然后打开index.html即可。var http = require('https');var fs = require('fs');fs.mkdir('./data/',function(err) { if

2020-09-29 12:50:50 446 1

原创 react自定义汇总行并固定在底部

react自定义汇总行并固定在底部安装依赖react 这个不用说了吧antd UI组件库Mockjs 造数据react-highlight-words 查询结果高亮@ant-design/icons 图标/** * Created by lidianzhong on 2020-07-08. * E-mail: [email protected]. * To: More pain, more gain. */import React, {useState} from 'r

2020-07-11 01:23:29 1400 2

原创 node 统计文件内代码行

node 统计文件内代码行根据需求，将统计的文件夹中文件路径和代码行保存在本地file.txt文件，便于查阅。var path = require('path')var fs = require('fs')var codesFiles = [ '.css', '.js','.vue', '.java',];// 扫描文件类型var filePath = 'E:/webstorm/ady/model4dy';// 扫描文件夹路径var LINES = 0;var FILES = 0;w

2020-06-17 08:58:22 198

原创 antd design pro前端填坑笔记

React 填坑笔记组件调用dispatch页面不渲染state参数是引用类型，如果直接返回state，dva会认为没有修改state，所有不会刷新

2020-06-12 14:36:41 3868 2

原创前端订阅-发布模式

前端订阅-发布模式var Fanctories = {};Fanctories.clientList = [];Fanctories.listen = function (theme,person) { if(person.theme.indexOf(theme)<0){ person.theme.push(theme); } if(!this.clientList[theme]){ this.clientList[theme]=[];

2020-06-04 19:51:55 390

原创基于fork仓库提交代码

基于fork仓库提交代码远程库main/mastermain/developing自己fork库origin/masterorigin/developing以developing作为主要的开发分支基于fork 库创建分支 edTablegit add .git commit -m updategit pull main developing --rebasegit rebase mastergit checkout mastergit merge edTablegit push

2020-05-26 22:56:51 435

原创 springboot+websocket聊天室

springboot+websocket聊天室源码图示资料源码前端：https://github.com/kankanol1/angularws后台：https://github.com/kankanol1/stomptest图示资料参考资料

2020-04-30 18:49:44 334

原创 umi-request 获取 headers

umi-request 获取 headersAntd-Design-Pro 中封装 requestGitHub封装源码/** * request 网络请求工具 * 更详细的 api 文档: https://github.com/umijs/umi-request */import {extend} from 'umi-request';import {notification} ...

2020-04-14 10:27:11 7620

原创 Spring MVC

SpringIOC/DIIOC：控制反转(Inverse Of Control)DI：依赖注入(Dependency Injection)Spring是一个基于IOC和AOP的结构J2EE系统的框架IOC 反转控制是Spring的基础，Inversion Of Control简单说就是创建对象由以前的程序员自己new 构造方法来调用，变成了交由Spring创建对象DI 依赖注入 D...

2020-03-08 20:14:16 83

原创 JAVA 反射

##JAVA 反射获取类对象对象概念：所有的类，都存在一个类对象，这个类对象用于提供类本身的信息，比如有几种构造方法，有多少属性，有哪些普通方法。在理解类对象之前，先说我们熟悉的对象之间的区别：狗和猫都是动物对象，他们的区别在于，各自有不同的名称，体型，叫声等。然后说说类之间的区别狗和猫都是类，他们的区别在于有不同的方法，不同的属性。类对象，就是用于描述这种类，都有什么属性，什么方法的。...

2020-03-07 18:54:53 179

原创 JSP 知识小结

JSP 知识小结页面元素CookieCookie是一种浏览器和服务器交互数据的方式。Cookie是由服务器端创建，但是不会保存在服务器。创建好之后，发送给浏览器。浏览器保存在用户本地。下一次访问网站的时候，就会把该Cookie发送给服务器。SessionSession对应的中文翻译是会话。存储在服务器的缓存中，可通过session.getAttribute("name")获取se...

2020-03-07 17:22:16 144

原创 html 中插入php代码失效

html 中插入php代码失效解决方法主页解决方法1，找到配置文件Apache/conf/httpd.conf2，记事本打开Ｃtrl + Ｆ查找 AddType，一直查找下一个直到下面两行代码处AddType application/x-httpd-php .php .phtmlAddType application/x-httpd-php-source .pps3，修改第一行...

2019-10-26 20:47:29 1219 4

原创 iview input blur事件

iview input blur事件对于 iview 中的 Input事件仅仅介绍 on-blur 事件，其他事件用法蕾丝.<template> <Input v-model="value" @on-blur="change()"/></template><script> export default { d...

2019-10-23 20:03:56 3080

原创疯狂日记

疯狂日记笔记react 添加 less 配置1、npm run eject2、修改webpack配置Ｒeact antdTypore语言编辑Webstorm 配置 sass自定义对象排序函数ES6React for 循环造数据HTMlL + CSS3代码着色WebSocket is closed before the connection is established.TypeError: th...

2019-08-28 09:43:48 506

原创 jsonpath学习资料

jsonpath学习资料资料：主页：资料：Github：https://github.com/kankanol1/jsonpath.gitnpm：https://www.npmjs.com/package/JSONPath官网：https://goessner.net/articles/JsonPath/JSONpath：https://github.com/s3u/JSONPath主...

2019-07-17 20:48:03 174

原创 React.PropTypes is deprecated since React 15.0.0...

React.PropTypes is deprecated since React 15.0.0...问题：原因：解决：主页：问题：在下面的代码中import React,{ PureComponent }from 'react';class Com extends PureComponent{ render(){ return( <span style={...

2019-07-17 20:35:55 329

原创 vue登录app

代码下载：https://github.com/kankanol1/vue-fun.git这个没有彩蛋，哈哈哈！！vue登录app图片展示图片展示末尾也没有彩带，哈哈哈！

2019-06-22 23:00:08 627 5

原创黑客帝国

demo预览：https://kankan.fun/assets/zero/代码下载：https://github.com/kankanol1/zero.git黑客帝国个人主页预览界面个人主页冰原狼主页：https://kankan.fun/CSDN主页：https://blog.csdn.net/qq_38025939/Github主页：https://github.com/ka...

2019-06-12 11:37:47 446

原创 phpStudy 中文乱码解决

phpStudy 中文乱码解决问题解决方案问题在用phpstudy 编写 .php 文件后，表单请求结果是乱码现象。解决方案在 .php文件投头部添加一下代码即可。<?phpheader('Content-Type: text/html; charset=utf-8');?>...

2019-05-10 18:55:41 8819

原创歌词显示（随着播放进度）

demo展示：https://kankan.fun/assets/vue/music/chenyifa/gzxbz.html代码下载：https://github.com/kankanol1/gzwbz歌词显示歌词案例最开始的歌词算法改进后的代码更优化的代码核心问题个人主页歌词案例本例主要对 lrc 歌词进行分割，然后对歌词时间和播放时间进行对比，选择是否显示歌词。最开始的歌词算法 f...

2019-05-09 18:08:36 4013 1

原创 css预编译器

css预编译器哈哈哈hia~ hia~ hia~哈哈哈哈哈哈今天对三个预编译器汇总一下，贼好用，哈哈哈。Less：http://lesscss.cn/Sass：http://lesscss.cn/Stylus：http://lesscss.cn/hia~ hia~ hia~哈哈哈明天的你一定会感谢现在拼命的自己！...

2019-05-07 19:40:33 470

转载 Stylus 入门

转译：https://stylus.bootcss.com/Stylus 入门stylus 富于表现力、动态的、健壮的 CSS.CSS 需要一个超级英雄来拯救省略掉花括号怎么样？再把分号省略掉呢？保持整洁让混合（mixin）变得透明怎么样？创建与分享甚至是语法内函数！如果所有这些都是可选的又将怎样？用 Stylus 书写样式Stylus 特性目录stylus 富于表现力、动态的、健壮的 CSS...

2019-05-07 19:14:57 219

原创自适应导航栏

自适应导航栏需求分析编译环境和涉及内容文件结构代码demo展示：https://github.com/kankanol1/navbar.git代码下载：https://github.com/kankanol1/navbar.git需求分析随着自己网站的内容增多，整个横屏宽度已经容不下导航内容，尤其在手机上代开的时候，为此，自己做了一个自适应的导航条来满足网站需求。当屏幕宽度变窄时，用一张...

2019-05-07 16:49:50 2515

转载 https://www.javascripture.com/

https://www.javascripture.com/推荐一个极好的关于 JavaScript 的文档查阅解释网址：转：https://www.javascripture.com

2019-05-06 10:53:54 11619

转载 Create React App

Create React App Available Scripts`npm start``npm test``npm run build``npm run eject`Learn MoreCode SplittingAnalyzing the Bundle SizeMaking a Progressive Web AppAdvanced ConfigurationDeployment`npm r...

2019-04-29 14:17:33 245

原创 ERROR in xxx.js from UglifyJs

ERROR in app.bundle.js from UglifyJs问题ERROR in app.bundle.js from UglifyJsUnexpected token: name «element», expected: punc «;» [app.bundle.js:106,8]在用webpack对代码打包的时候报错，在网上找到了类似的答案，还是没有解决我的问题.能解...

2019-04-26 20:34:07 10239

翻译 Error: clean-webpack-plugin only accepts an options object.

Error: clean-webpack-plugin only accepts an options object.最近在学习Webpack，在plugins 中调用clean-webpack-plugin 的时候报错，转：https://stackoverflow.com/questions/55190450/clean-webpack-plugin-only-accepts-an-opt...

2019-04-25 20:47:46 827

原创 5分钟带你走进webpack

2分钟带你走进webpackReact & Webpack布置项目初始化项目安装我们的环境添加TypeScript配置文件写一些代码创建一个webpack配置文件把它们放在一起参考资料：[https://www.typescriptlang.org/](https://www.typescriptlang.org/)React & Webpack本教程将会教你怎样用 React...

2019-04-24 11:41:14 137

原创 webpack命令总是提示安装webpack-cli

webpack命令总是提示安装webpack-cli最近在根据教程学习webpack 的时候，执行webpack 命令时总提示：The CLI moved into a separate package: webpack-cliWould you like to install webpack-cli? (That will run npm install -D webpack-cli...

2019-04-24 10:12:05 4512

原创压缩JS文件 index.js => index.min.js

压缩JS文件 index.js => index.min.js安装 npmhttps://github.com/npm/cli安装 Node.jshttps://github.com/nodejs/nodenpm install node.js初始化npm init -y安装 terserhttps://github.com/terser-js/tersernp...

2019-04-18 22:11:43 828

原创怦然心动画轴

怦然心动效果实例：https://kankan.fun/assets/love/代码下载：https://github.com/kankanol1/huajuan.git引入jQuery库Staticfile CDN:<head><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"&g...

2019-04-17 21:48:52 336

Spire.Pdf.jar

空空如也