前端
Chris Brown
目前还只是一个学生,就酱紫
展开
-
配置element-ui+vue.js+vscode前端开发环境
近期被配置环境的事情弄得整个人都要炸了,现在整理如下,希望有相同需求的朋友可以不用走弯路。vue框架开发前端网页大体上分为vue.js开发和vue cli,个人更喜欢使用vue.js,因为简单方便,但是如果要使用element-ui进行样式的设置就会比较麻烦了。在element-ui的官方网站中提供了两种引入方式:第一种是使用CDN进行引入,但是对于网络有要求,假如在离线环境下想对网页进行调试...原创 2019-11-26 22:55:23 · 824 阅读 · 0 评论 -
vue中v-if和v-show区别
在使用vue.js进行前端开发时,有两个命令较为常用,v-if和v-show,他们都可以用于控制元素的现实与否,在外观上他们的执行结果是相同的,但是,他们也有不同的地方。v-if才是真正意义上的条件渲染,即条件为真时才进行渲染,根据表达式适当地重建,销毁元素及绑定的子组件或者是事件等;但是v-show类似于CSS中的display,只是简单的CSS属性变换,无论表达式是否为真,都会编译。两者...原创 2019-11-24 22:57:27 · 133 阅读 · 0 评论 -
用CSS样式制作跳动的心的效果
使用CSS制作beating heart的动画首先制作一个位置完全居中的红色正方形。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>A beating heart</title> <style type="text/css"...原创 2019-07-13 21:43:42 · 783 阅读 · 0 评论 -
用javascript制作可选择播放及自动循环播放的网页视频播放器
用javascript制作网页视频播放器html5已经实现了标签实现网页播放多媒体文件的效果,但是当播放源不止一个,这个时候就需要进行播放列表的创建并且依次播放内容了。然而,用javascript应该如何实现呢?首先前端代码比较简单,大致设置样式和布局即可。代码如下:<!DOCTYPE html><html> <head> <met...原创 2019-07-17 00:10:17 · 2423 阅读 · 0 评论 -
关于querySelector的用法问题
querySelector在今天做大作业项目的时候,发现document.querySelector使用一直报错,报错内容如下:“Uncaught SyntaxError: Failed to execute ‘querySelector’ on ‘Document’: ‘#2’ is not a valid selector.”然而反复查找自己的语法发现并没有错误,通过查找资料阅读文档...原创 2019-08-07 13:20:10 · 2619 阅读 · 0 评论 -
HTML中li去除样式以及占位问题
在HTML中,使用<ul><li></li></ul> 的时候,总是会在列表的前面出现小圆点,去掉小圆点使用的方法很简单,就是直接使用CSS选择器进行选择之后进行样式的设定。具体应用如下:<style>ul li{ list-style:none; }</style>但是在去除小圆点之后仍然会存在问题,我们会发...原创 2019-08-15 23:45:55 · 4675 阅读 · 0 评论 -
for循环 + setTimeout 结合一些示例(转载一篇启发性文章)
一、背景最近在翻看以前的老书《node.js开发指南》,恰好碰到 for 循环 + setTimeout 的经典例子,于是重新梳理了思路并记录下。二、写在前面,setTimeout 和 setInterval 的执行机制在日常编码中,你会发现,给 setTimeout 和 setInterval 设定延迟时间往往并不准,或者干脆 setTimeout(function(){xxx},0) 也...转载 2019-08-28 10:53:26 · 216 阅读 · 0 评论