![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端技术
文章平均质量分 61
web前端的一些基础知识
一匹小羊驼
fighting forver!
展开
-
echarts图表动态绑定数据异常解决办法!!!
在使用echarts图表时遇到动态绑定数据后没有数据显示的问题,尝试多次无果。最后发现是网页在加载时echarts绘制图表的速度总是比get请求动态获取数据的速度快,所以导致每次绘制图表时数据都无法显示。????最终我想到了一个办法,给绘制echarts图表的方法设置一个定时器,让绘制速度慢于数据的获取速度。????解决方法:1.主体内容 <div id="ranking" style="width: 750px; height: 530px"></div>2.绘制图原创 2021-10-16 10:40:47 · 1184 阅读 · 1 评论 -
如何使用node.js
命令行窗口(小黑屏)、CMD窗口、终端、shell开始菜单 -->运行 --> CMD --> 回车常用的指令: dir 列出当前目录下的所有文件 cd 目录名 进入到指定的目录 md 目录名 创建一个文件夹 rd 目录名 删除一个文件夹目录 . 表示当前目录 … 表示上一级目录环境变量(windows系统中变量) path当我们在命令行窗口打开一个文件,或调用一个程序时,系统会首先在当前目录下寻找文件程序,如果找到了则直..原创 2021-09-10 17:29:35 · 987 阅读 · 0 评论 -
响应式布局与Bootstrap框架
响应式布局与Bootstrap框架1.rem基础rem(root em)是一个相对单位,类似em,em是父元素字体大小不同的是rem的基准是相对于html元素的字体大小rem的优点就是可以通过修改html里面的文字大小来改变页面中元素的大小可以整体控制2.媒体查询媒体查询(Media Query)是CSS3新语法@media可以针对不同的屏幕尺寸设置不同的样式2.1语法规范@media mediatype and|not|only (media feature){ css-code;}原创 2021-09-01 18:28:51 · 543 阅读 · 1 评论 -
less语法总结
css预处理器-less语法总结less中文网Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。安装$ npm install -g lessless中的注释以//开头的注释,不会被编译到css文件中以/**/包裹的注释会被编译到css文件中//这是见不得人的注释/*这是想暴露出去的注释*/less中的变量使用@来声明一个变量:@pink:pink作为普通属原创 2021-08-27 17:23:09 · 219 阅读 · 1 评论 -
D3.js知识总结
D3.js使用方法D3.js官网D3js 是一个可以基于数据来操作文档的 JavaScript 库。可以帮助你使用 HTML, CSS, SVG 以及 Canvas 来展示数据。D3 遵循现有的 Web 标准,可以不需要其他任何框架独立运行在现代浏览器中,它结合强大的可视化组件来驱动 DOM 操作。D3设置SVG中的属性常见的属性id,class(特殊的属性)x,y,cx,cy(注意屏幕的坐标系)fill(填充的颜色),stroke(外轮廓的颜色)height,width(矩形的宽高),原创 2021-08-24 15:34:33 · 6834 阅读 · 1 评论 -
第一期vue项目实践问题与收获总结
第一期项目实践问题与收获总结文章目录第一期项目实践问题与收获总结1. 存在问题1.1 本地静态存储信息1.2 用户权限的区分2. 收获2.1 路由导航守卫拦截未登录的访问2.2 element-UI的使用2.3 md5方式对密码加密1. 存在问题1.1 本地静态存储信息 还未实现本地静态存储用户的登录信息。此时的信息仍是储存在cookie会话缓存中。不利于全局的随时调用。(后期可以利用vuex的store实现改进)1.2 用户权限的区分 不同的用户应该拥有不同的用户权限来对后台进行管理,并原创 2021-05-05 10:58:28 · 4149 阅读 · 1 评论 -
css的3种导入方式
css的3种导入方式行内样式:<h1 style="color:red;">标题</h1>内部样式:<style> h1{ color:red; }</style>外部样式:<link rel="stylesheet" href=".css文件的地址">h1{ color:red;}优先级(就近原则)行内样式 > 外部样式 > 内部样式...原创 2021-04-10 17:24:22 · 75 阅读 · 0 评论 -
nodejs项目的要点
nodejs项目的要点package.json(npm init \ npm init -y)node_modules (npm install -g jquery / npm install jquery)运行或者使用:查看官网提供的nodejs的启动和打包方法:npm run dev(开发运行)npm run build(打包)原创 2021-04-09 21:28:42 · 74 阅读 · 0 评论 -
Node.js连接数据库的方法
Node.js连接数据库的方法hello在终端中使用命令安装mysql的依赖npm install mysqldb.js文件的编辑var mysql = require("mysql");//导入mysql依赖包//1.创建一个mysql的connection对象//2.配置数据连接信息var connection=mysql.createConnection({ host:"localhost",//主机ip地址 user:"root", port:33原创 2021-04-06 16:27:31 · 711 阅读 · 0 评论