web前端
文章平均质量分 70
SundayAaron
web前端从事者。
展开
-
从0开始搭建自己的个人网站教程(二)虚拟主机的选购指南
在上一篇文章中我们已经讲了域名的注册。 有了域名之后,我们还需要有空间来存放网站的代码。虚拟主机对个人小型网站来说是最好的选择,价格实惠。 由于天朝的政策,购买国内的虚拟主机都需要备案,备案是个很麻烦的事情。所以我选择香港的虚拟主机。选择一家好的IDC厂商,香港主机的访问速度也很快。 下图是使用ping命令 ping我个人的网站“时间=68ms TTL=51” 我个人选择的是最便宜的,一原创 2016-11-04 15:33:12 · 12606 阅读 · 0 评论 -
通过原生js 简单的实现过滤html标签功能
使用场景:想输出一个div里的纯文本内容,例如:<div id="divA">This is <span>some</span> text <br>123 <p>5555</p></div>解决方案:<script> var div=原创 2018-09-06 09:34:02 · 1989 阅读 · 0 评论 -
js计算斐波那契数列
斐波那契数列简介:斐波那契数列(Fibonacci sequence),又称黄金分割数列、因数学家列昂纳多·斐波那契(Leonardoda Fibonacci)以兔子繁殖为例子而引入,故又称为“兔子数列”,指的是这样一个数列:1、1、2、3、5、8、13、21、34、……在数学上,斐波纳契数列以如下被以递推的方法定义:F(1)=1,F(2)=1, F(n)=F(n-1)+F(n-2)(n&g...原创 2018-08-25 10:12:36 · 1485 阅读 · 0 评论 -
element Tooltip 提示组件修改背景颜色 箭头颜色
组件官方文档:http://element-cn.eleme.io/#/zh-CN/component/tooltip需求:官方只给了两套主题颜色,无法满足某些需求。修改方法:添加自定义类名popper-class="test"<el-tooltip content="Top center" placement="right" popper-class="t...原创 2018-08-08 16:18:09 · 15094 阅读 · 1 评论 -
简单粗暴的移动端图片浏览插件demo
使用方法:首先引入 jQuery<script src="./fly-zomm-img.min.js"></script>再引入 图片浏览插件<script src="./fly-zomm-img.min.js"></script>无需额外引入css样式文件HTML结构:<div id="conten原创 2018-08-03 16:08:27 · 4934 阅读 · 1 评论 -
js生成指定范围的随机整数(例如0-100)
1:功能需求js生成指定范围的随机整数有时候想要实现通过js Math.random()方法来实现获取指定区间的随机数。2:需求实现定义一个random()函数,原理是 随机数和最大值减最小值的差相乘 最后再加上最小值。function random(min, max) { return Math.floor(Math.random() * (max - min)) + min; ...原创 2018-04-28 17:41:36 · 18132 阅读 · 0 评论 -
js生成不重复的随机数
需求:js生成不重复的随机整数。基础版: var originalArray = [1, 2, 3, 4, 5]; originalArray.sort(function () { return 0.5 - Math.random(); }); console.log(originalArray);实现思路:首先定义一个数组,然后用sort方法把数组打乱,最后输出...原创 2018-05-03 16:10:19 · 6984 阅读 · 0 评论 -
前端自动化刷新工具 live-server 的介绍与使用方法
前言介绍前端开发调试的时候以前总需要不断的刷新看效果,效率很差。使用live-server后,当鼠标离开编辑器之后会自动为我们刷新浏览器。liver-server的安装使用cnpm全局安装cnpm install -g live-server liver-server的使用windows下 在cdm切换到当前项目目录,输入命令live-server即可。如图:...原创 2018-03-24 10:45:57 · 4313 阅读 · 0 评论 -
新手学vue.js(一)基础入门
前言介绍对于前端人员来说,学习VUE很容易,我是从事WEB前端的,开始准备学习VUE。首先从官方文档看起点击进入VUE官网 。VUE是轻量级框架易于上手和其他框架对比hello world例子安装 开发版本下载 生产版本下载学习的话还是选择开发版比较好,有错误提示。能力要求需要具备 HTML、CSS 和 JavaScript 中级前端知识。一定要有前端知识,不然驾驭不了。声明原创 2017-06-23 14:40:13 · 3148 阅读 · 0 评论 -
windows下搭建webstorm+nodejs环境
前言:分享一下自己在搭建环境中遇到的坑,按照我下面的顺序配置的话,应该都没问题。下面进入正题:1.安装webstorm 已经在使用webstorm的同学请直接跳过此步骤去webstorm官网下载官方安装包,一路NEXT。安装完毕。 最简单的激活方法: 在输入注册码那一栏选择 用户名和注册码那一个选项,然后输入一下信息。 用户名是: lan yu注册码: CNEKJPQZEX-e原创 2017-03-23 16:23:14 · 1159 阅读 · 0 评论 -
win10下配置webstorm自动编译SASS
最近刚接触SASS,语法规则还没学习,就先研究下环境的配置吧。 webstorm是一款很强大的编译器,一直在使用。1、安装ruby下载安装包: CSDN免积分下载rubyinstaller-2.3.3-x64 下载后双击安装,路径默认就可以,安装的时候记得勾选下面两个选项 安装完毕后点击开始菜单中的 Start Command 输入 gem install sass安装完毕后输入 sa原创 2017-01-19 15:45:07 · 5309 阅读 · 0 评论 -
javascript学习之数组(11)—— 数组 创建及使用
创建及使用1,使用new方法创建数组:var arr=new Array(10); //定义了一个可以存储10个数的数组向数组中添加数据: arr[0]=1; arr[1]=2;输出数组中的内容: var arr=new Array(10); arr[0]=1; arr[1]=2; alert("arr0:"原创 2016-12-15 16:28:52 · 4695 阅读 · 0 评论 -
javascript学习之函数(10)—— 函数 数组——对象的创建
对象的创建方法1: //对象创建方法1 function show() { //创建函数 alert("show"); } var obj=new Object();//创建对象 obj.name="zhangsan";//对象里的值 obj.fun=show;//对象里的函数原创 2016-12-14 15:39:00 · 5024 阅读 · 0 评论 -
javascript学习之函数(9)—— 函数 递归
什么事递归呢? 递归就是函数自己调用自己。下面我们来看一个小例子:例子1:求从1开始一直到某个数的和我们先用普通的方式来实现,代码如下://求从1开始一直到某个数的和 function add(n) { //先定义一个函数add var sum=0; //定义和sum for(var i=1;i<=n;i++){ //for循环原创 2016-12-13 15:35:13 · 6086 阅读 · 0 评论 -
微信小程序开发之——weui-wxss的使用
概述:WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。预览:用微信web开发者工具打开dist目录(请注意,是dist目录,不是整个项目) Github下载地址: https原创 2016-12-13 11:33:55 · 20892 阅读 · 5 评论 -
html课程表页面
效果图: html代码部分: <!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>课程表</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /></head><body background="im原创 2016-11-26 23:13:54 · 17805 阅读 · 0 评论 -
从0开始搭建自己的个人网站教程(三)如何把代码部署到虚拟主机
上一篇文章中我们讲到了购买虚拟主机,有了存放代码的空间之后,就需要把代码部署到空间里了。 虚拟主机不支持远程桌面连接,只能使用FPT工具上传到虚拟主机上。 这里推荐使用WinSCP工具,百度搜索关键词 第一个就是。 下载完毕,安装后打开,新建站点。 登陆之后进入wwwroot目录,就是你网站的目录。把你网站的文件拖拽到wwwroot目录即可。原创 2016-11-04 16:28:06 · 17923 阅读 · 2 评论 -
从0开始搭建自己的个人网站教程(一)域名注册
准备工作:100多块钱人民币。 自己想好一个域名。找一家正规靠谱的IDC。开始: 我个人选择的是“某部数码”(避免广告嫌疑)。 首先先到网站注册账号。 然后点击域名查询 输入你自己想要注册的域名(不要加.com 例如:想注册www.abcd.com为你自己的网站,只需输入abcd,然后点击查询) 找到可以注册的域名,点击注册。这里我个人推荐买.com的域名,一是顶级域名,二是以原创 2016-11-03 15:52:04 · 14092 阅读 · 2 评论 -
使用css3 filter滤镜功能实现图片自动变色效果
预览图:关键代码:@keyframes pulse { from { filter: hue-rotate(0); } to { filter: hue-rotate(360deg); } }全部代码:...原创 2019-01-03 11:58:32 · 2162 阅读 · 4 评论