- 博客(37)
- 收藏
- 关注
RSS订阅
原创 我开源了一个变量名命名神器-ValGod
为什么开发ValGod？写代码很多时候，最大的困扰不是代码是否有bug，而是想变量名，比如组件名，变量名，文件名，数据库表名，字段名。尤其是对于英语不是很好程序员，更是困扰。依靠百度翻译，无法直接获得符合规范的变量名，比如大驼峰，小驼峰等等，因此经常需要翻译过后还是得依靠手动修改。我们知道，有个开源网站codelf也可以帮助程序员获取变量命名。但是，codelf的功能是在太简陋，推荐的变量命名也千奇百怪，翻译功能还是鸡肋。于是，我开发了这款应用。ValGod技术栈vue3.x(使用Compos
2021-01-15 20:09:33
1389
5
原创 ubuntu修改apt镜像源-傻瓜式操作（阿里）
介绍apt-get阿里云镜像，不用手动vim去编辑sources.list。使用说明先克隆到linux系统中git clone https://gitee.com/isfive/linux-apt-get-aliyun.git备份原来的sources.listcp /etc/apt/sources.list /etc/apt/sources.list.bak删除原来的s...
2019-12-31 18:32:50
12821
12
原创 lintcode-396 · 硬币排成线 III-JavaScript实现-经典博弈型动态规划
描述有 n 个硬币排成一条线, 第 i 枚硬币的价值为 values[i].两个参赛者轮流从任意一边取一枚硬币, 直到没有硬币为止. 拿到硬币总价值更高的获胜.请判定 第一个玩家 会赢还是会输.样例样例 1:输入: [3, 2, 2] 输出: true 解释: 第一个玩家在刚开始的时候拿走 3, 然后两个人分别拿到一枚 2.样例 2:输入: [1, 20, 4] 输出: false 解释: 无论第一个玩家在第一轮拿走 1 还是 4, 第二个玩家都可以拿到 20.挑战在 n
2021-12-01 16:54:16
891
原创 可能是东半球最好看的vue3日历组件vue-baidu-calendar
前几天面试，被问到如何实现一个日历组件，然后发现百度的日历组件比较看，决定自己用vue3实现一下，并且还能巩固一下vue3的知识。代码全部采用compositionAPIscript-setup风格支持vite宜忌算法未实现（欢迎pr）vue-baidu-calendar码云：https://gitee.com/isfive/vue-baidu-calendargithub：https://github.com/qiuquanwu/vue-baidu-calendar顺便写了一个农历公历
2021-02-02 13:20:00
4664
6
原创 vue3.x显示json数据组件-vue3-json-viewer
vue3-json-viewer简单易用的json内容展示组件,适配vue3和vite。 在使用vue3+vite开发时，发现需要用到显示json数据组件，发现vue-json-viewer只能兼容vue2，于是花了一个小时，重写的vue3的适配。 原作者：github代码仓库GitHubGitee安装需要依赖clipboard，先安装clipboard$ npm install clipboard --save再安装vue3-json-viewer$ npm install v
2021-01-28 02:36:53
8159
10
原创 vite2.x实现按需加载ant-design-vue@next组件
vite2.x实现按需加载ant-design-vue@next组件1.使用版本vite:2.0ant-design-vue: 2.0.0-rc.8vue:3.0.52.安装vite插件yarn add vite-plugin-style-import -D or npm i vite-plugin-style-import -D3.vite.config.js配置import vue from '@vitejs/plugin-vue'import styleImport from '
2021-01-20 23:36:08
4644
2
原创 vue3引入vditor插件正确使用方法
首先安装vditornpm install vditor --save在组件中使用<template> <div id="vditor"></div></template><script setup>import { defineProps, ref, onMounted } from "vue";import Vditor from "vditor";import "vditor/dist/index.css";const
2021-01-19 15:33:08
3515
5
原创 Deno版本管理工具-dvm
Deno版本管理工具-dvm仓库地址Deno简介一个开源的JavaScript，TypeScript运行时。dvm安装您可以使用下面的安装程序安装它，或者从发布页面下载源文件.Shell安装:curl -fsSL https://deno.land/x/dvm/install.sh | shPowerShell安装:iwr https://deno.land/x/dvm/install.ps1 -useb | iex使用➜ ~ dvm --helpDeno Version
2021-01-17 15:32:30
503
原创 svelte从入门到放弃-01-Hello，World
文章目录1.svelte介绍2.创建项目3.Hello,World4.启动项目1.svelte介绍Svelte 是一种全新的构建用户界面的方法。传统框架如 React 和 Vue 在浏览器中需要做大量的工作，而 Svelte 将这些工作放到构建应用程序的编译阶段来处理。与使用虚拟（virtual）DOM 差异对比不同。Svelte 编写的代码在应用程序的状态更改时就能像做外科手术一样更新 DOM。说人话：就是vue和react框架在打包之后都需要依赖相对于的runtime，而svelte直接编译成原
2021-01-13 13:12:51
598
原创 手写Promise实现
function Promise(executor) { this.PromiseState = "pending" this.PromiseResult = null this.callbacks = [] const self = this // resolve函数 function resolve(data) { // 状态值只能修改一次 if (self.PromiseState !== "pending") retur
2021-01-07 07:49:40
267
原创 放弃Javascript-使用kotlin编写react前端应用之todoList
一.相较于typescript，kotlin的优点在于配合idea，更强大的代码提示idea编辑器会注明代码块的this指向更强大的强类型机制kotlin更优秀的语言机制二.下面是用kotlin实现todolist应用核心组件代码package translateimport kotlinext.js.jsimport kotlinx.html.ButtonTypeimport kotlinx.html.InputTypeimport kotlinx.html.js.onChan
2021-01-03 04:38:48
831
原创 webpack打包css文件简单例子-开发环境
项目结构index.csshtml, body{ margin: 0; padding: 0; height: 100%; background-color: pink;}index.js// 引入样式资源import './index.css';import './index.less';index.less#title { color: #fff;}webpack.config.js/* webpack.config.js webpack的配置
2020-12-24 11:47:48
215
原创 JavaScript防抖实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #container {
2020-12-24 05:26:32
304
原创 vue3.0父子组件传值实现-compositionAPI
vue3.0父子组件传值实现-compositionAPI父组件Father.vue<template> <div> 父组件 <h1>{{ count }}</h1> <button @click="increment">父组件+</button> <child :count="count" @increment:count="increment"></child> &
2020-08-09 16:27:24
4820
4
原创 leetcode-08字符串转整数java实现
leetcode-08字符串转整数java实现不使用trim()class Solution { public int myAtoi(String str) { char c; boolean sgin=false; boolean over=false; boolean hasSgin=false; i...
2019-09-12 10:20:09
390
原创 Dart语言后端框架-DartX
Dart语言后端框架-DartXdart版的express httpServer服务框架 -dartX。灵感来源express,koa2,laravel项目地址：[github]入口文件 main.dart import 'lib/app.dart'; import 'lib/router.dart'; import 'route/routeList.dar...
2019-08-30 14:20:50
4441
原创 如何在React Hook组件中远程获取数据？
如何在React Hook组件远程获取数据？简介在本教程中,我想给你看在React Hook组件中如何通过state和effect 等hooks获取数据。我们将使用众所周知的Hacker News API获取从科技世界受欢迎的文章。 您还将实现您的自定义的数据抓取钩可以重用任何地方在您的应用程序或发布在npm作为独立节点包。如果你对于关于这个新的特性还没有了解,请先查看React Hoo...
2019-08-10 12:33:08
911
原创 pareact-基于parcel打包工具的react的开源项目
Pareact-基于parcel打包工具的react脚手架工具一个基于parcel打包工具的react脚手架21:46 星期三 2019年7月31日 添加react-router-dom支持12:40 星期四 2019年8月1日 修复jsx语法bug13:26 星期四 2019年8月1日 添加react-redux支持...将添加typescript支持关键词react、parce...
2019-08-01 15:14:03
298
原创 composr安装软件失败的解决方法
PHP Warning: putenv() has been disabled for security reasons in phar:///usr/local/bin/composer/vendor/composer/xdebug-handler/src/Process.php on line 149Warning: putenv() has been disabled for secu...
2019-07-20 16:35:06
4315
1
原创 关于安装redux失败的解决方法
安装redux时，报错信息如下：npm WARN checkPermissions Missing write access to C:\Users\Administrator\Desktop\myapp\node_modules\reduxnpm WARN @typescript-eslint/eslint-plugin@1.6.0 requires a peer of typescrip...
2019-07-15 01:55:22
2355
原创 安装Dart开发环境(windows)
安装Dart开发环境(windows)这篇文章只搭建包含Dart的运行环境。如果要搭建flutter环境请看环境搭建（Flutter）。1.下载Dart下载地址http://www.gekorm.com/dart-windows/上面的是稳定版，下面的是开发版，根据自己情况选择。2.安装Dart这一步需要科学上网。否则会报错，连接不了服务器。如下图所示：搭好梯子后，就很简...
2019-04-01 02:03:29
6249
原创 使用es6的面向对象实现继承
代码如下//声明一个类class People{ constructor(name,age){ this.name=name; this.age=age; } say(){ console.log(`大家好我是${this.name},今年${this.age}岁！`)//es6语法的模板字符串 }} var ...
2019-04-01 01:57:16
469
原创 deepin安装软件失败的解决方法
deepin安装软件总是失败。更新系统也没用，换源也没有用。商店提示网络错误。现在在这里推荐一个方法，亲测有效。打开终端输入以下命令sudo dpkg --configure -a这个过程可能会很缓慢。弄完之后就可以正常安装软件了。...
2019-03-26 16:20:15
28471
2
原创 小程序引入插件的坑
VM399:1 thirdScriptError sdk uncaught third Error This application has not registered any plugins yet. Error: This application has not registered any plugins yet. at c (dev/WAService.js:...
2018-07-22 17:03:39
56837
2
原创 laravel上传文件出现的问题
laravel 文件上传 出现 Symfony \ Component \ Debug \ Exception \ FatalThrowableError (E_ERROR) Call to a member function isValid() on null 错误 是因为前端页面的表单没有加 enctype="multipart/form-data" 导致上传失败。...
2018-07-16 11:54:30
3180
转载 Ubuntu下使用valet搭建laravel生产环境
Ubuntu下使用valet搭建laravel生产环境1.安装系统所需软件 更新软件列表sudo apt update2.更新软件echo y | sudo apt upgrade如果觉得时间太长可以暂不更新软件，忽略本步骤。 3.安装基础软件echo y | sudo apt install network-manager dnsmasq4.安装本地 ...
2018-07-09 18:29:54
910
原创 基于parcel和yarn的vue开发环境搭建02-parvue-安装parcel和yarn
安装parcel和yarn 在安装parcel和yarn之前，我们得先做两件事情。1.安装git for windows 很多时候，windows自带的命令行工具及其难用，这也是很多程序员不用windows做开发的原因之一。为了使我们的开发能够完美，追求极致。我们将使用一款工具，名字叫gitbash，用来代替windows自带的cmd。 下载地址：点击这里 ...
2018-06-29 19:44:51
867
原创 基于parcel和yarn的vue开发环境搭建01-parvue-安装node和npm
1-安装node 提示：本教程全部在windows10下测试通过node下载地址：点击这里 根据自己的系统下载安装即可。安装过程跟普通软件的安装过程是一样的，都是一直下一步就好了。 下载之后，记得验证一下自己的node和npm是否可用。npm是一个出色的包管理工具，不过本项目将使用yarn带代替它。检测是否安装成功，windows打开自带命令行工具-cmd.exe...
2018-06-29 19:16:54
479
原创 javascript async和await实例
javascript async和await实例examplefunction resolveAfter2Seconds(x) { return new Promise(resolve => { setTimeout(() => { resolve(x); }, 2000); });}async function add1(x)...
2018-06-29 15:25:35
1026
原创 Go语言的LeetCode刷题之旅-005-最长回文子串
Go语言的LeetCode刷题之旅-005-最长回文子串题目：给定一个字符串 s，找到 s 中最长的回文子串。你可以假设 s 的最大长度为1000。示例 1：输入: "babad"输出: "bab"注意: "aba"也是一个有效答案。示例 2：输入: "cbbd"输出: "bb"思路：题目要求寻找字符串中的最长回文。 当然，我们可以使用下面...
2018-06-29 15:04:28
1244
原创 Go语言的LeetCode刷题之旅-004-两个排序数组的中位数
Go语言的LeetCode刷题之旅-004-两个排序数组的中位数题目：给定两个大小为 m 和 n 的有序数组 nums1 和 nums2 。请找出这两个有序数组的中位数。要求算法的时间复杂度为 O(log (m+n)) 。示例 1:nums1 = [1, 3]nums2 = [2]中位数是 2.0示例 2:nums1 = [1, 2]nums2 ...
2018-06-29 14:33:52
834
原创 Go语言的LeetCode刷题之旅-003-无重复字符的最长子串
Go语言的LeetCode刷题之旅-03-无重复字符的最长子串题目：给定一个字符串，找出不含有重复字符的最长子串的长度。示例：给定 “abcabcbb” ，没有重复字符的最长子串是 “abc” ，那么长度就是3。给定 “bbbbb” ，最长的子串就是 “b” ，长度是1。给定 “pwwkew” ，最长子串是 “wke” ，长度是3。请注意答案必须是一个子串，”pwk...
2018-06-28 17:52:55
615
原创 Go语言的LeetCode刷题之旅-002-两数相加
Go语言的LeetCode刷题之旅-02-两数相加题目：给定两个非空链表来表示两个非负整数。位数按照逆序方式存储，它们的每个节点只存储单个数字。将两数相加返回一个新的链表。你可以假设除了数字 0 之外，这两个数字都不会以零开头。示例：输入：(2 -&gt; 4 -&gt; 3) + (5 -&gt; 6 -&gt; 4)输出：7 -&gt; 0 -&gt; 8原...
2018-06-28 17:40:42
1345
原创 Go语言的LeetCode刷题之旅-001-两数之和
题目:给定一个整数数组和一个目标值，找出数组中和为目标值的两个数。 你可以假设每个输入只对应一种答案，且同样的元素不能被重复利用。示例:给定 nums = [2, 7, 11, 15], target = 9因为 nums[0] + nums[1] = 2 + 7 = 9所以返回 [0, 1]解题思路a + b = target 也可以看成是a = targe...
2018-06-28 17:33:53
838
原创 手写一个同时支持的函数式和面向对象两种调用方法js库
手写一个同时支持的函数式和面向对象两种调用方法js库(function(){ var _=function(obj){ if(this instanceof _){return obj;} if(!(this instanceof _)){return new _(obj);} } var root=this; root
2017-11-26 22:58:35
451
原创 vue.js+Echarts开发图表放大缩小功能
最近使用echarts来开发某系统的图表功能，先申明我以前用的ext.js，ext.js对图表有自己的一套组件，用起来也很方便。但是由于ext.js过于臃肿，公司决定使用echarts来开发图表功能。当我们使用的时候才悲催的发现，echart绘制之后，不能随着容器div的大小而变化。而我们所开发的图表是需要有放大缩小功能，于是在网上找了很久，也没有找到合适的答案，大部分是通过监听窗口大小改变事件来设置，然而并不是我们所需要的。于是自己用了一点点时间，了解了为何echarts不能重新渲染，原来是在容器div里
2017-06-30 17:30:36
3252
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人