- 博客(75)
- 收藏
- 关注
转载 用Canvas画一只会跟着鼠标走的小狗
以前经常看到这种效果:在网页右下角放一个人,然后他的眼珠会跟着鼠标转,效果如下:这个例子来自于CodePen,它是根据鼠标的位置设置两个眼球的transform: rotate属性做的效...
2019-11-30 21:38:42 458
转载 最新计算机技能需求排名出炉:Python仅排第三,第一你猜得到吗?
最新计算机技能需求排名出炉:Python仅排第三,第一你猜得到吗?2019 年了,哪一门计算机技能最当红?为了研究这件事,美国招聘网站 Indeed 做了一项调查,统计了 2014 年到...
2019-11-28 08:00:00 302
转载 全球 IPv4 地址耗尽,IPv6 来了!
本文作者:robintang,腾讯 WXG 后台开发工程师。转载自「 云加社区」。就在昨天,2019 年 11 月 26 日,全球 43 亿个 IPv4 地址正式耗尽,很多人表示忧虑。不...
2019-11-28 08:00:00 654
原创 基于Ant Design Pro搭建博客管理后台 第一节
官网教程:https://pro.ant.design/docs/getting-started-cngithub链接:https://github.com/ant-design/ant-design-pro在线预览链接:https://preview.pro.ant.design/dashboard/analysis1:将github链接下载到本地使用git clone ...
2019-11-27 17:55:05 642
转载 7 个显著提升编码效率的IntelliJ IDEA必备插件
作者 | 房上的猫来源 |cnblogs.com/lsy131479/p/9646444.html首先说一下idea引入外部插件的方式:1.打开settings配置面板...
2019-11-27 08:00:00 297
原创 Layout布局实现一个简单的react管理后台
今天下班之后把antd大致过了一遍,不得不说,还是挺好用的,前面对于react的知识点,该学习的也在慢慢的学习了,学完之后,打算做一个博客管理系统的后台。这里记录的就是大致的步骤。1:首先使用一下Layout布局,把整个后台管理系统框架都已经写好了样式了,一下内容参考文档:https://ant.design/components/layout-cn/2:在home组件里面,...
2019-11-26 19:50:10 3288 1
原创 React+Axios调用api并且渲染在前端界面
import React from 'react';import axios from 'axios'class Axios extends React.Component { //构造函数 constructor() { super(); //react定义数据 this.state = { l...
2019-11-26 16:35:45 906
原创 基于antd实现一个Tree树形控件
前面学会了antd的使用步骤,现在要使用一下Tree树形控件,话不多说,继续记录....写这些,其实最重要的是提醒自己,凡是前端技术,认真看好文档教程,加上自己的思考尝试,差不多就成功了一半了,千万不要从入门到放弃哦。准备下一个项目,开始使用react框架,让自己能够一边开发,一边熟悉。1:首先生成一个空组件模板import React, { Component } from...
2019-11-26 15:11:48 8811
原创 基于antd实现一个左侧导航菜单
学习react,首选UI框架,想要实现什么样的效果,都可以去找一下,无需自己写太多的代码,开箱即用,瞬间感觉自己是一个没得感情的复制黏贴程序员,api工程师...但是为了能够在项目中发挥更好的作用,平时没事的时候还是多熟悉熟悉各种文档吧,毕竟熟能生巧这句千古名词也不是随意说说的,每一次温故的时候总会发现令我眼前一亮的东西....话不多说,继续记录....1:首先生成一个空组件...
2019-11-26 15:04:58 4805 4
转载 找书神器!
私藏了8个找电子书的神器网站,100%帮你找到常见的电子书,现在全部分享给你!1、epubw传送门:epubw.com/这是一个免费电子书资源分享网站,提供优质的 kin...
2019-11-26 08:00:00 1917
转载 1个人,3个月业余时间,采用Flutter,居然仿写了一个淘宝电商开源项目
来源 |https://www.jianshu.com/p/194448388ce9前言Flutter现在如火如荼,Google也在大力推广,是到了学习Flutter的...
2019-11-26 08:00:00 1587
原创 TypeScript入门笔记(一):安装和自动编译
TypeScript是一种由微软开发的自由和开源的编程语言。是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。随着vue3.0开源以来,学会typescript语言语言已经迫在眉睫,不然就会被这个时代所淘汰。TypeScript学习手册:https://www.tslang.cn/docs/handbook/basic-types...
2019-11-25 22:59:15 549
原创 从零开始学习React-五分钟上手Echarts折线图(十)
在jQuery里面,我会经常用到Echarts统计图,那么就从自己熟悉的地方写,今天在我之前写的React项目里面使用一下折线图。1:安装Echarts依赖cnpm install echartscnpm install --save echarts-for-react添加完成之后可以看到,package.json里面已经出现依...
2019-11-25 16:52:10 893
原创 使用Moment.js处理时间戳转化为时间年月
Moment.js 是一个 JavaScript 日期处理类库(处理时间格式化的npm包),用于解析、检验、操作、以及显示日期,在新公司的项目中,大量使用Moment来处理时间日期,非常方便好用。Moment.js 中文网:http://momentjs.cn/优点:不依赖任何第三方库支持字符串、Date、时间戳以及数组等格式可以同时在浏览器和node环境...
2019-11-25 16:08:31 20169
原创 从零开始学习React-实现一个表格和分页(九)
先看效果,使用实现一个表格和分页:代码很简单:这里我只在columns数组里面放了两行数据,实际测试的时候,可以根据每页分页的条数,来多添加几条数据。参考代码,很简单import React from "react"import {Table} from "antd"const {Column} = Table;class Home extends Re...
2019-11-25 12:37:57 1131 1
转载 你在前端开发的技术深度,由这些技术栈决定.....
发现没有,包括前端在内的任一技术行业,想要未来职业发展更顺利,薪资收入更高,最重要核心竞争力还是体现在你的技术深度上。如果你未来想转管理,技术深度也会是建设个人威信的最有...
2019-11-25 08:00:00 1506
原创 小程序开源框架汇总,你知道几个?
想要开发出一套高质量的小程序,运用框架,组件库是省时省力省心必不可少一部分,随着小程序日渐火爆,各种不同类型的小程序也渐渐更新,其中不乏一些优秀好用的框架/组件库。1:W...
2019-11-25 08:00:00 552
转载 小程序框架全面测评
最近前端届多端框架频出,相信很多有代码多端运行需求的开发者都会产生一些疑惑:这些框架都有什么优缺点?到底应该用哪个?作为 Taro 开发团队一员,笔者想在本文尽量站在一个...
2019-11-25 08:00:00 616
原创 ajax请求解析json数据渲染在前端界面
记录一个简单的demo,关于ajax请求解析json数据渲染在前端界面的~<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewpo...
2019-11-25 01:19:18 4145
原创 ztree取消节点操作
jQuery取消checkbox选中状态,一般是这样解决的<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jQuery取消checkbox选中状态</title> </head>...
2019-11-25 01:17:37 1256
原创 jDate移动端用法
前面写过选择年月日的方法,其实也可以用在移动端,样式也还算可以,用法与pc端类似;参考demo<!DOCTYPE html><html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content=...
2019-11-25 01:04:20 1568 1
原创 Echarts饼图实现颜色渐变
主要代码:normal: { color: function(params) { var colorList = [ { ...
2019-11-25 00:25:02 21039
原创 Echarts统计图自适应
之前做折线图的时候,y轴数据都是写成固定了的,如果是统计步数的话,y轴坐标就要根据走了多少步来自适应了,如果没写的话,就会出现以下的这种情况,折线超出了整个坐标抽,就是一个bug了,只要修改一下属性即可,今天写一下Echarts统计图自适应。主要属性min:0, //就是这两个 最小值max:'dataMax', //最大值参考demo<!DOCT...
2019-11-24 22:54:24 753
原创 Echarts饼状图数据交互请求ajax自定义颜色
normal : {color : function(params) {//自定义颜色var colorList = [ '#2059be', '#198577','#a8674e' ];return colorList[params.dataIndex]}}示例:<!DOCTYPE html><html> <head&g...
2019-11-24 22:46:03 524
原创 bootstrap-table表格超过长度自动隐藏
今天说一说bootstrap-table表格优化相关的,当表格里面的内容列数过多的,内容长度过长的时候,会出现自动换行的效果,整个表格的每一行高度就不相同了,看上去就不够美观。参考demo如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8...
2019-11-24 22:42:19 4378
原创 如何将后端传的时间戳转化为年月日
在项目里面,涉及到时间相关问题,后端一般会传一个时间戳给前端,后端传过来的时间戳如下。data.json[ { "visitTime": 1572502840091 }, { "visitTime": 1572512489920 }, { "visitTime": 1572512489920 }, ...
2019-11-24 22:29:49 3317
原创 input file上传文件改变默认样式
我们知道,在使用到input file上传文件的时候,会出现这样很丑的默认样式,作为前端开发的我们,主要责任就是去优化这些样式,以更美观的方式呈现出来,但是,这个默认样式没有可以去修改的属性,还是比较麻烦的。这个时候,就需要用到一些障眼法了,将原来的样式隐藏起来,再重新写一个按钮代替,与原来的位置重合即可。原本的样式是这样的:<!DOCTYPE html>&l...
2019-11-24 21:55:36 1156
转载 21个React开发神器
来源 |https://www.jianshu.com/p/febbd8d3cdd4下列工具中的重要性与排序无关。1.Webpack Bundle Analyzer有没...
2019-11-24 12:57:28 319
原创 日常美食记录
今天是周五,就不发文章啦,记录一下日常美食~蓝莓山药小龙虾芒果奶昔沙拉春卷金玉满堂孔雀开屏鱼又是小龙虾富贵花开午餐混搭红烧鸡翅水果拼盘龙井虾仁 ...
2019-11-22 10:09:37 311
转载 5分钟搭一个企业级脚手架
1、写在前面的话搭一个脚手架,考验了你的 nodejs 水平、工程化能力、以及工具服务的设计能力,是前端进阶不可或缺的过程笔者在开发 cli 的过程中,调研流行的 cli...
2019-11-21 09:57:25 257
原创 使用mockjs 随机生成模拟接口数据
上一篇 我们用json-server做了假数据json-server模拟后端接口https://www.jianshu.com/p/920d73fc32dejson-server对数据进行增删改查操作https://www.jianshu.com/p/a05803b0d42d但是发现了有一个不方便的地方就是,那些数据需要自己手动生成 ,自己来定义一些数据结构,在json文...
2019-11-20 20:50:10 1481
原创 Attempted import error: 'Link' is not exported from 'react-router'.
运行react项目的时候,会报出这样的错误Attempted import error: 'Link' is not exported from 'react-router'.解决办法1:安装依赖npm install react-router-dom2:在要使用的组件里面引入import { BrowserRouter as Router, Rout...
2019-11-20 20:22:10 7028 5
原创 从零开始学习React-引入Ant Design 组件(八)
React中使用Antd教程文档:https://ant.design/docs/react/getting-started-cn介绍:antd 是基于 Ant Design 设计体系的 React UI 组件库,一个方便极速开发应用的插件 ,这些相当于帮我们封装了常用的组件,我们直接拿来用就行。步骤1:安装Antdcnpm install ...
2019-11-20 17:43:27 1091
原创 使用concurrently模块-同时启动react项目和mock模拟接口
上一节前面在react项目里面,添加了mock模拟接口,我们知道,启动react项目的命令是npm start,启动模拟接口的命令 是json-server mock/db.js,但是同在react项目的根目录底下,该怎么办?如何才能实现一个命令能够同事启动两个服务?当要同时启动后台服务,和前端服务的时候,我们可以使用concurrently模块。1:全局安装concurren...
2019-11-20 14:09:45 3152 1
原创 从零开始学习React-在react项目里面使用mock(七)
从零开始学习React-开发环境的搭建(一)https://www.jianshu.com/p/97f3a1ba168e从零开始学习React-目录结构,创建组件页面(二)https://www.jianshu.com/p/5b950b8cb73a从零开始学习React-属性绑定(三)https://www.jianshu.com/p/2c251795d1b...
2019-11-20 13:46:59 3225
转载 9 个爱不释手的 JSON 工具
作者:Paul Krill来源:https://url.cn/5ZygUhz众所周知,JSON让开发人员易于使用,又让机器易于解析和生成。JSON吸引了工具构建者的注意,...
2019-11-20 08:00:00 270
转载 程序员相亲图鉴
程序员,已经渐渐成当代相亲市场的一只主力军。甚至可以说是“香饽饽”。越来越多的妹子,在写择偶要求时,会说对程序员有好感。因为他们,踏实聪明又靠谱,钱多花花肠子少。但关于程...
2019-11-20 08:00:00 334
原创 react项目如何修改默认3000端口号
因为使用了json-server模拟后端接口,打开的是3000端口号,现在启动react项目的时候,总是会询问3000端口被占用,是否改成3001 的端口,每次都要手动确定一下,很麻烦,所以想把端口号改掉。方法:在package.json中修改"start": "react-scripts start",为"start": "set PORT=3001 &&...
2019-11-19 21:03:55 968
原创 json-server对数据进行增删改查操作
在上一节里面,成功获取json-server模拟后端接口https://www.jianshu.com/p/920d73fc32de准备工作,先打开cmd,运行以上文章里内容:现在要对这些接口进行增删改查操作,先写增删改查的按钮,进行点击事件 的操作。<button type="button" class="add">添加</button><...
2019-11-19 20:15:26 7448
原创 json-server模拟后端接口
作为一个前端,在实现项目功能的时候,需要在前端写一个静态的json数据,进行测试,但是有的时候,需要涉及到全模拟请求以及请求回来的过程,实现动态增删改查,这个时候就需要使用到web的API接口神器json-server。文档:https://www.npmjs.com/package/json-server参考链接:https://www.jianshu.com/p/863c3...
2019-11-19 17:07:50 405
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人