web
文章平均质量分 93
记录自己大前端的成长历程
LaughingHe
Android攻城狮
展开
-
手把手教你系列之html基础
公司最近android项目没有什么需求,闲来无事准备学习一下前端的东西,感觉还蛮有意思的,毕竟现在公司要的是T字型人才。这个系列笔记是我在写前端代码中认为比较重要的一些东西作为一个记录,以便之后可以作为一个翻看的教程。毕竟如果工作中长时间不用的话任何知识的遗忘曲线度都是非常高的,可能讲的不是很深入但都是平常工作中能用到的,毕竟面试造火箭,工作拧螺丝。原创 2022-01-19 09:10:17 · 449 阅读 · 0 评论 -
手把手带你用vue-admin-template实现动态权限管理(二)
手把手带你用vue-admin-template实现动态权限管理(二)前言手把手带你用vue-admin-template实现动态权限管理(一)如果没有看过上一篇文章的同学,建议看一下上一篇文章。前期储备本项目技术栈node.js、express、mysql本节目标要实现动态权限让后台返回,那势必需要将路由表存入到数据库。现在项目中一般采用的是前后端分离的模式,你跑过去跟你们的后台java、php开发人员说一通他不一定听的懂。所以这节我们就通过node.js、express、mysql实现权限表原创 2021-01-26 11:11:31 · 2474 阅读 · 5 评论 -
手把手带你用vue-admin-template实现动态权限管理(一)
手把手带你用vue-admin-template实现动态权限管理(一)前言 最近一直在研究用Vue、Element-Ui搭建一个后台管理系统,于是在github网站上找到 了一个star高居64.3K的项目vue-element-admin。怀着激动的心情赶紧下载下来跑了一下,效果属实不错,还有官方的说明文档网站vue-element-admin。前期储备 本项目技术栈基于 ES2015+、vue、vuex、vue-router 、vue-cli 、axios 和 element-ui掌握这些或原创 2021-01-22 17:08:11 · 5312 阅读 · 0 评论 -
移动web适配方案之rem
移动web适配方案之rem1.概述在我们的印象中移动web的适配有:百分比适配、flex适配(其实也是一种百分比)、bootstrap的栅格系统。而以上这几种方案只能做到宽度的适配,不能做到高度的适配。这时候就要使用rem进行适配了。2.什么是remrem是相对单位,是基于html根元素的font-szie计算出来的。默认情况下浏览器的根元素的font-szie是16px。那么1rem=16px,那这样的话我们是不是可以通过媒体查询来改变html根元素的font-size,然后css页面中涉及px单原创 2020-12-21 16:00:47 · 204 阅读 · 1 评论 -
Less语法学习
Less基础语法学习1.介绍 之前写CSS样式的时候感觉毫无逻辑可言,而且不像后端代码那样支持变量和函数。而Less语言作为CSS的扩展,不仅与CSS向后兼容,而且它添加的其他功能都使用现有的CSS语法。尤其是配合上rem、媒体查询可以实现移动web的适配工作,而且可维护性非常好。2.配置 用npm install less --g 安装less完成后,这里最好使用webstrom开发工具配置一下less,因为浏览器是不认识less的最终还是要将less编译成css,这里不做过多原创 2020-12-11 17:23:42 · 169 阅读 · 0 评论 -
移动Web拍照以及相册选择照片
移动Web拍照以及相册选择照片在做移动web开发的时候经常遇到上传图片,一般两种方式,拍照和相册中选择。今天我们就来讲讲如何实现。1.首先需要用到input标签<input type="file" accept="image/*" onchange="changeImage(this)" multiple="multiple">这里type选择file,accept限制选择文件的类型,这里是图片类型,*标识图片的后缀如:jpeg、png等 ,onchange监听选择图片的方法,mul原创 2020-11-15 22:12:02 · 882 阅读 · 0 评论 -
CSS 一文搞懂height、line-height
CSS 一文搞懂height、line-height借用网上的一张图行距=line-height-font-size当line-height小于font-size<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css">原创 2020-11-09 09:12:06 · 241 阅读 · 0 评论 -
CSS 一文搞懂定位
CSS 一文搞懂定位1.定位的种类CSS中定位有四种属性名属性值作用positionstatic默认的定位positionrelative相对定位positionabsolute绝对定位positionfixed固定定位static默认的定位不作讲解,块级元素逐行排列,行内元素一次排列。2.relative相对定位使用相对定位的元素回去找第一个使用定位的父元素,且使用了相对定位的元素原来的控件还占据。如果我对最外层的div设置属性p原创 2020-10-30 18:22:30 · 188 阅读 · 0 评论