文章分类 - 前端
摘要：CSS样式优先级 系统中的css样式优先级 <!--!import>行内样式>内部样式>外部样式--> 样式代码示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Css样式优先级</title> <li
阅读全文
摘要：css样式表的三种方式为： * 1、行内样式表，使用style属性直接把CSS代码添加到HTML的标记中。 * 2、内部样式表，把css样式写在“<head>”标签中，并用“<style>”标签去声明。 * 3、外部样式表，将css样式写在一个单独的“.css”文件中。 行内样式表 行内样式就是使用
阅读全文
摘要：css改变鼠标的样式 在css中，可以使用cursor属性来将鼠标变小手样式，基本语法为“cursor:pointer;”。cursor属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状；将值设置为“pointer”即可让鼠标变小手。 css鼠标变小手 <!DOCTYPE html> <htm
阅读全文
摘要：在html中，可以通过给文本框元素（input或textarea）设置readonly属性来实现只读功能，语法 “<input readonly="readonly"/>”或“<textarea readonly></textarea>”。 在html中，文本框元素有两种： input textar
阅读全文
摘要：echarts是百度推出的一个简单实用的图表控件，就个人看来，echarts2的大部分图表代码的可用性和美观性更好，相对而言，echarts3也有很多改进的地方，例如模块导入等和图标选项优化等，本人近期主要在用echarts做地图开发，就一些个人心得总结如下： 1、js文件： 首先是js文件，ech
阅读全文
摘要：异步加载数据 ECharts 通常数据设置在 setOption 中，如果我们需要异步加载数据，可以配合 jQuery等工具，在异步获取数据后通过 setOption 填入数据和配置项就行。 ECharts 通常数据设置在 setOption 中，如果我们需要异步加载数据，可以配合 jQuery等工
阅读全文
摘要：1.echarts--饼状图 饼图主要是通过扇形的弧度表现不同类目的数据在总和中的占比，它的数据格式比柱状图更简单，只有一维的数值，不需要给类目。因为不在直角坐标系上，所以也不需要 xAxis，yAxis。 <!DOCTYPE html> <html lang="en"> <head> <meta
阅读全文
摘要：1.什么是echarts？ ECharts 是一个使用 JavaScript 实现的开源可视化库，涵盖各行业图表，满足各种需求。 ECharts 遵循 Apache-2.0 开源协议，免费商用。 ECharts 兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safar
阅读全文
摘要：input输入框占位符不兼容性问题成老梗了，在此写文记录下解决改问题方法。引入placeholder.js该插件即可解决： function($) { var placeholderfriend = { focus: function(s) { s = $(s).hide().prev().show
阅读全文
摘要：Css简介 使用场景：美化网页、布局页面。 css是层叠样式表的简称。Css也是一种标记语言。 css主要用于设置HTML页面中的文本内容（字体、大小、、对齐方式等）、图形的外形（宽高、边框样式、边距等）以及版面的布局和外观显示的样式。 css让我们的网页更加丰富多彩，布局更加的灵活 Css语法规范
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>综合案例--注册页面</title> </head> <body> <h4>青春不常在，抓紧谈恋爱</h4> <table width="500"> <tr>
阅读全文
摘要：HTML介绍 HTML超文本标记语言 它负责网页的三要素之中的结构 html使用标签的形式来标识网页中的不同组成部分 所谓超文本就是指超链接，使用链接可以让我们从一个页面跳转到另一个页面。 HTML的基本结构 <!DOCTYPE html> 这个是文档声明，这个是HTML5的文档声明。针对其他类型的
阅读全文
摘要：什么是网页？ 网站是指在因特网上按照一定的骨子额，使用html等制作的用于展示特定的内容相关的网页集合。 网页是网站中的一“页”，通常是HTML格式的文件，它要通过浏览器来阅读 网页构成网站的基本元素，它通常由图片、连接 文字、声音、视频等元素构成，通常我们看到的网页，常见以HTML或者**.htm
阅读全文
摘要：什么是前端路由？ 路由是根据不同的url地址展示不同的内容或者页面 前端路由就是把不同路由对应不同的内容或者页面的任务交给前端来做，之前是通过服务端根据url的不同返回不同的页面实现的。 什么时候使用前端路由? 在单页面应用，大部分页面结构不变，只改变部分内容的使用 优点：用户体验号，不需要每次都从
阅读全文
摘要：1.安装脚手架 这个命令只在首次执行 vue 报错的话，需要执行下面的命令 npm i -g vue-cli 初始化项目 vue init webpack vue01 项目通过脚手架创建成功！ 第二种方式 vue create vue-test npm run serve
阅读全文
摘要：router.beforeEach（）一般用来做一些进入页面的限制。比如没有登录，就不能进入某些页面，只有登录了之后才有权限查看某些页面。。。说白了就是路由拦截。 1、我们可以在路由中做以下配置，表示当前路由下的页面需要登录权限 meta:{requireAuth:true//true为这个页面需要
阅读全文
摘要：div隐藏属性 比较简单的实现.style.display就是控制层隐藏或显示的属性. <html> <body> <script> function show(){ document.getElementById("div").style.display=""; //alert(document.
阅读全文
摘要：点击按钮，使用 ajax 获取数据，如何在数据到来之前防止重复点击? var ajaxLock = true //1.设置一个状态锁，默认状态不会被return button.addEventListener('click',function(){ if(!ajaxLock){ return //服
阅读全文
摘要：AJAX 什么是Ajax？ Asynchronous JavaScript and XML（异步的JavaScript和XML） Ajax是一种无需重新加载整个网页的情况下，能够更新部分网页的技术 Ajax不是一种编程语言，而是一种用于创建更好更快以及交互性更强的web应用程序的技术。 使用Ajax
阅读全文
浙公网安备 33010602011771号