- 博客(32)
- 收藏
- 关注
转载 搭建Hexo个人博客详细教程
写在前面的话很早以前就想要搭建一个个人的博客,奈何只是一个前端切图仔,对于后端和数据库接口上手存在一定的难度,于是一拖拖了很久,今天无意中发现了使用Hexo搭建个人博客很快就能用了,而且托管在github平台也不需要自己去买服务器域名和维护,一举数得,非常nice,记录了一下搭建Hexo个人博客的步骤,尽可能的写的详细一点~准备工作步骤1:GitHub上面新建一个仓库,用来放自己的博客2:安装git工具,生成SSH添加到GitHub3:本地环境搭建,安装node 和npm4:本地初始化Hexo项
2020-05-30 00:01:48 3566 2
转载 学习JavaScript的几个博客和网站
有很多刚刚毕业面临着选择工作的小伙伴问我,该怎么学习前端,学习JavaScript,对于这个问题,我还是想说,肯定要根据学习资料啊,视频啊,于是从自己的百宝箱里面找出来了一些当年收藏的网站,博客。当然这些都是不够的,我们都知道,学习一门语言是一个长期的积累的过程,在这个不断学习的过程里面,我们了解到的东西也会越来越多然后就从一个小白成长为一个大佬,唯一的要求就是,坚持下去,不要从入门到放弃。一:教程类网站https://zh.javascript.info/https://developer.moz
2020-05-29 23:59:18 569
转载 2020年最受欢迎的免费开源后台管理系统模板
当你写项目的时候,如何快速的完成一个项目的搭建,这个时候就需要借助到一些模板了,前端开发的一个好处就是,各类UI模板都是相当的齐全的,直接拿来用就可以了,脱离了一行又一行垒代码的繁琐的工作,以下的开源后台管理系统模板是我在逛GitHub的时候看到的,排名先后是按照2020/5月份GitHub上面的star进行排名的。1:vue-element-admin推荐指数:star:55kGithub 地址:https://github.com/PanJiaChen/vue-element-adminDemo
2020-05-29 23:58:03 4372
转载 Github上10 个优秀的后台控制面板
作者 |SevDot链接 |jianshu.com/p/3bc7404af887Web 开发中几乎的平台都需要一个后台管理,但是从零开发一套后台控制面板并不容易,幸运的是有很多开源免费的后台控制面板可以给开发者使用,那么有哪些优秀的开源免费的控制面板呢?我在 Github 上收集了一些优秀的后台控制面板,并总结得出Top 101. vue-Element-AdminGithub Star 数 38000+, Github 地址:https://github.com/PanJia..
2020-05-29 10:24:08 104
转载 推荐几个不错的黑科技网站
推荐10个你可能都需要的站点,每一个都是我在用的,非常的不错,下面我也简单的给每个网站做一个简单的介绍,方便大家使用!优品PPT一个完全免费的PPT素材下载网站,在这个网站连注册登录都不需要,找到自己喜欢的模版或素材就可以直接一键下载,没有任何套路,这个网站我相信大多数人都是需要的!- 网址 -http://www.ypppt.com/极简插件一个下载Chrome浏览器离线插件的站点,对于很多小伙们来说还是非常需要的,在这里已经为我们罗列了很多的分类,我们可以查找自己需.
2020-05-29 10:22:21 604
转载 2020年11个热门JavaScript 库
web前端开发人员经常会用到一些现成的js库(框架)。框架的使用增加了代码的模块化和可复用性,目前主流的js框架有很多,各有侧重,我们通常只会用到其中一小部分子功能,这里总结了2020年11个热门JavaScript 库。1: D3.jsstar:91.5k文档: https://d3js.org/GitHub地址:https://github.com/d3/d3一个基于数据操作文档的js数据可视化框架,最流行的可视化库之一。2: Three.jsstar:60.5k文档:
2020-05-28 21:50:56 292
转载 2020年流行的vue的ui框架
在做vue项目开发的时候遇到了一个问题,如何选择自己的技术栈?随着vue的开发者越来越多,各种框架也渐渐多起来,面对众多的框架,如何选择一款适合自己业务的框架,还是一件比较纠结的事情,今天总结了一下2020年GitHub上面比较受欢迎,star较高的几个UI框架。1:饿了么ElementUI推荐指数:star:45.2k适用:PC端官网地址:http://element-cn.eleme.io/#/zh-CNGitHub地址:https://github.com/ElemeFE/elemen
2020-05-28 21:49:40 1944
转载 屏幕颜色拾取工具
今天发现一个超级好用的工具,屏幕颜色拾取工具,以前对图片取色的时候,还需要打开photoshop,将图片导入,打开ps工具的时候,还得等待一会的时间,现在发现了这款工具,就可以直接在屏幕上或者浏览器取色了。下载链接:https://github.com/wangxiaoting666/Colors下载之后,解压,打开文件压缩包,可以看见一个应用程序,双击应用程序,就可以使用了。使用起来操作很方便,可以快速得到不同颜色的代码,例如HTML颜色,RGB颜色,十六进制值等。...
2020-05-28 21:47:23 855
转载 可以自学JavaScript的网站和博客
有很多刚刚毕业面临着选择工作的小伙伴问我,该怎么学习前端,学习JavaScript,对于这个问题,我还是想说,肯定要根据学习资料啊,视频啊,于是从自己的百宝箱里面找出来了一些当年收藏的网站,博客。当然这些都是不够的,我们都知道,学习一门语言是一个长期的积累的过程,在这个不断学习的过程里面,我们了解到的东西也会越来越多然后就从一个小白成长为一个大佬,唯一的要求就是,坚持下去,不要从入门到放弃。一:教程类网站https://zh.javascript.info/https://developer.moz
2020-05-28 21:46:40 320
转载 JS 编写优化建议
作者:会编程的银猪http://www.renfed.com/2017/04/29/effective-js-optimize/网上有不少关于 JS 编写优化建议,这里我根据自己的经验提出一些比较有用的意见。1. 按强类型风格写代码JS 是弱类型的,但是写代码的时候不能太随意,写得太随意也体现了编码风格不好。下面分点说明:(1)定义变量的时候要指明类型,告诉 JS 解释器这个变量是什么数据类型的,而不要让解释器去猜,例如不好的写法:var num, str, o...
2020-05-28 21:11:33 231
转载 一个前端开发特好用的框架,Quasar Framework
前几天推荐了一边关于2020年几个vue比较常用的ui框架,很多人在底下留言说Quasar很不错,于是就去官网看了一下,第一眼很是惊艳,不比elementUI , Framework7这些差,感觉elementUI 的竞争对手来了。也许是比较新,国内关注者不太多,在GitHub上面有14.7kstar,虽然现在受关注度远不及饿了么,但我觉得前端开发者都应该去看看这个框架,写这个框架的作者很活跃,更新的频率也很快,好像是全职在维护这个项目,所以不用担心更新和维护的问题。话不多说,首先文档指路:官方
2020-05-28 21:10:35 2210
转载 十本经典JavaScript书籍
十本经典JavaScript书籍同步滚动:一:《JavaScript权威指南(第六版)》这本书是程序员学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册。第6版涵盖HTML 5和ECMAScript 5。很多章节完全重写,以便与时俱进,紧跟当今的最佳Web开发实践。本书新增章节描述了jQuery和服务器端JavaScript。适合那些希望学习Web编程语言的初、中级程序员和希望精通JavaScript的JavaScript程序员阅读。i
2020-05-28 21:08:19 21126 6
转载 从零学习JavaScript,这十本书籍可以帮助你!
作者:W3Cschool链接:https://www.jianshu.com/p/873907d4598e在国内,web开发工程师相当吃香。正是因为如此,很多人都想自学JavaScript。但是对于JavaScript初学者来说,需要一些书籍手把手的教。没担心,今天W3Cschool小师妹就为大家带来十本的自学书籍,希望可以帮助大家自学JavaScript。1.JavaScript Dom编程艺术这是入门JavaScript的一本好书,这本书相当详细、实用、简洁、易懂,而且书本不厚。这本书
2020-05-28 20:59:47 2497 1
原创 ColorUI-UniApp组件库使用笔记
uniapp里面的一个UI组件库https://ext.dcloud.net.cn/plugin?id=239这是一款适应于H5、微信小程序、安卓、ios、支付宝的高颜值,高度自定义的Css组件库使用教程项目里好多地方都用的到这个UI组件 今天记录一个ColorUI-UniApp的使用和实现循环卡片效果。1:从github上下载https://github.com/weilanwl/ColorUI2:将ColorUI-UniApp里面的文件夹colorui导入自己的项目3:打开App.
2020-05-28 17:10:51 3486 2
原创 uni-app 怎么在页面内嵌入一个外部链接(以百度为例)
<template> <view> <web-view :webview-styles="webviewStyles" src="http://www.baidu.com/"></web-view> </view></template><script> export default { data() { return {
2020-05-28 17:09:38 8277 4
原创 uniapp饼图和叠堆统计图
uniapp饼图和叠堆统计图,示例代码如下所示<template> <view class=" bg-white" style=''> <view class="cu-card case bg-white" > <view class="qiun-charts3"> <!-- <canvas canvas-id="canvasArcbar3" id="canvasArcbar3" class="charts3"
2020-05-26 19:42:32 3679
原创 jQuery eq() 方法
eq() 方法返回被选元素中带有指定索引号的元素。索引号从 0 开始,因此首个元素的索引号是 0 而不是 1。下面的例子选取第二个 元素(索引号 1):<!DOCTYPE html><html><head><meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script></scr
2020-05-26 19:39:00 343
原创 CSS实现一个倒梯形
CSS实现一个倒梯形,也非常的简单哦,就几行代码就可以搞定了,记录一下,代码仅供参考。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .box { border-top: 40px solid blue; border-left: 25px soli
2020-05-26 19:37:28 2117
原创 纯css带三角对话框的写法
作为一个前端工程师,日常会遇到很多关于样式的写法,今天遇到了一个小细节,记录下来吧,关于一个纯css带三角对话框的写法。其实非常的简单,以下就是示例的代码:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Test</title> <style> .tip { position: relat
2020-05-26 19:32:57 400
原创 正则表达式验证校验邮箱的格式
今天做一个很简单的功能,在input框里面填写邮箱,在点击提交的时候,验证一下邮箱的格式是否正确,如果邮箱格式不正确的话,就提示邮箱格式不正确,如果格式正确,则验证通过<!DOCTYPE HTML><html> <head> <title>校验邮箱</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta
2020-05-26 19:29:49 5494
原创 Git小白教程
新换了电脑,又要重新安装一遍git,还是重新记录一下步骤吧。1.下载Git软件:https://git-scm.com/downloads2.安装git软件(很简单)。点击exe文件,开始安装,一路回车,安装成功后,在[开始]->[程序]->[git],下就会看见Git Bash和Git GUI,打开Git Bash,进入bash界面。接下来是重点,若这一步没有通过的话;秘钥没有认证完成,就不能上传文件,这个已经踩坑了,一直英语提示tell who are you ;3.注册邮箱
2020-05-19 21:52:50 338
原创 vue中cdn引入vuetify,实现表格和分页
<!DOCTYPE html><html><head> <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/@mdi/[email protected]/css/materialdesignicons.min.css" rel="
2020-05-19 21:17:44 1649
原创 vue中cdn引入vuetify,实现轮播图
<!DOCTYPE html><html><head> <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/@mdi/[email protected]/css/materialdesignicons.min.css" rel="
2020-05-19 21:17:08 1197 2
原创 vue中cdn引入axios,请求接口,渲染数据
代码示例:<!DOCTYPE html><html><head> <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/@mdi/[email protected]/css/materialdesignicons.min.css"
2020-05-19 21:16:40 4000
原创 2020年最火vue的UI框架
在做vue项目开发的时候遇到了一个问题,如何选择自己的技术栈?随着vue的开发者越来越多,各种框架也渐渐多起来,面对众多的框架,如何选择一款适合自己业务的框架,还是一件比较纠结的事情,今天总结了一下2020年GitHub上面比较受欢迎,star较高的几个UI框架。1:饿了么ElementUI推荐指数:star:45.2k适用:PC端官网地址:http://element-cn.eleme.io/#/zh-CNGitHub地址:https://github.com/ElemeFE/element介
2020-05-14 17:08:25 16821 2
原创 9个前端常用的数据可视化库
1:D3star:91.5k官网:https://d3js.org/GitHub地址:https://github.com/mbostock/d3一个基于数据操作文档的js数据可视化框架,最流行的可视化库之一。2:Chart.jsstar:48.7k中文网:http://chartjs.cn/GitHub地址:https://github.com/nnnick/Chart.js基于 HTML5 的 JavaScript 图表库3:EChartsstar:41k中文网:https:
2020-05-14 17:06:16 11235
原创 jQuery表单验证
一:jQuery鼠标离焦验证手机号码记录一下jQuery鼠标离焦验证手机号码,但鼠标离开了input输入框的时候,若填写的内容不符合手机号码验证规则或者填写为空,都会出现一行提示文字,提示请输入正确的手机号码,若符合,则通过验证,这也是在表单上经常使用到的。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>test</title> <link
2020-05-11 20:55:39 238
原创 jQuery eq() 方法
eq() 方法返回被选元素中带有指定索引号的元素。索引号从 0 开始,因此首个元素的索引号是 0 而不是 1。下面的例子选取第二个 元素(索引号 1):<!DOCTYPE html><html><head><meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script></scr
2020-05-11 20:52:53 1702
原创 CSS实现一个倒梯形
用CSS实现一个倒梯形,其实很简单哟,示例代码如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .box { border-top: 40px solid blue; border-left: 25px solid transparent; .
2020-05-11 20:50:52 3231
原创 Echarts的饼状图变成环形图
首先实现一个饼状图<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <scri
2020-05-11 18:42:37 3486 1
原创 5分钟搭建Hexo个人博客
原创:祈澈菇凉写在前面的话很早以前就想要搭建一个个人的博客,奈何只是一个前端切图仔,对于后端和数据库接口上手存在一定的难度,于是一拖拖了很久,今天无意中发现了使用Hexo搭建个人博客很快就能用了,而且托管在github平台也不需要自己去买服务器域名和维护,一举数得,非常nice,记录了一下搭建Hexo个人博客的步骤,尽可能的写的详细一点~准备工作步骤1:GitHub上面新建一个仓库,用来放自己的博客2:安装git工具,生成SSH添加到GitHub3:本地环境搭建,安装node 和npm4:本地
2020-05-11 18:41:32 261
原创 jQuery+ajax请求数据,渲染到前端界面
作为一个前端开发,在日常工作中,会不断的请求接口,调用接口,再对接口的数据进行一定的处理,渲染在前端界面,尤其是在今天前后端分离的时代,这项技能是每个前端开发必备~这里就简单的记录工作之中遇到的一些常见的对数据处理的方法,今天要说的是遇到了数组格式的图片的时候,该怎么处理。一:对于图片数组的渲染data.json:{ "pics": ["img/p15.png", "img/p16.png","img/p17.png"]}代码示例:<!DOCTYPE HTML><htm
2020-05-11 18:39:17 9564 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人