前端css
左希希
前端开发工程师
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue数据双向案例
一 用数据双向实现待办处理事项的小案例: 该案例实现的功能为: (1)在输入输入文字,点击“添加按钮”添加到未完成事项中; (2)当输入框为空时,会提示请输入事项; (3)每个事项的复选框:点击时可以实现分组交换功能; (4)移除:点击时,该事件被移除; 该案例核心代码为: <template> <div id="app"> <div class="title"><span>ToDo list</span> <d原创 2020-07-13 12:41:40 · 218 阅读 · 1 评论 -
MongoDB
一 MongoDB的安装与环境配置 mongoDB是一个文档型数据库,存储的是key:value ,类似json数据 。分布式 、高性能的数据库。 去官网下载MongoDB安装包,解压后配置环境变量; 去找安装好的你的mongodb目录里面bin文件,把路径配置到系统环境变量path上; 最后启动mongodb服务器 :在cmd里面输入mongo ,回车 就进入mongodb数据库了 ; 最后重...原创 2020-04-18 14:43:38 · 238 阅读 · 0 评论 -
MYSQL数据库
一 MYSQL的安装和环境配置 建议不要安装最新的版本,5.5即可使用。具体安装配置见官网。 二 MySQL–结构型数据库 MySQL是结构型数据库,存储的是表格关系型的。 什么是数据库? 叫Database 用来按照数据的结构组织、存储、管理数据一个仓库 。 三 命令面板操作 显示所有的数据库 show databases; 使用数据库 use mysql; 显示表 sho...原创 2020-04-14 22:30:02 · 243 阅读 · 0 评论 -
node(二)
一 创建web静态服务器 localhost:8000,直接访问静态网站的首页,处理服务两次响应。 当路径是localhost:8000,默认加载首页; 可以将之前自己写的H5+C3的静态页面加载上去,看浏览器加载情况,注意要转到汉字符号。 二 nodejs里面的非阻塞io和阻塞IO 非阻塞io:异步读取。其他后端语言会使用多线程,而nodejs是单线程,优势是非阻塞io:一个服务员满足...原创 2020-04-09 21:27:17 · 155 阅读 · 0 评论 -
node课程
一 node简介 node属于服务器端的语言,服务端:javascript,V8引擎运行,性能很快,直接运行js到服务器端。 http模块:服务器http协议模块; url模块:路径解析模块,使用parse 方法解析路径; 二 创建服务器 req: 服务端路径相关信息; res :浏览器的响应信息; 设置http的响应头: 参数1: 服务器的响应状态 :200:成功 、 500 :服务器报错...原创 2020-04-09 16:56:52 · 270 阅读 · 0 评论 -
Less
一 Less简介 浏览器端使用less。less是css的扩展语言,css的预编译语言,就是CSS的提前状态。 在less使用的选择器和之前一样。 (1)声明变量:使用@来声明变量; 全局变量和局部变量 全局变量:在方法或者类的外面声明;局部变量:在方法或者类内部声明; (2)变量的运算:在进行变量运算的时候,符号尽量用空格间隔开使用; 变量可以直接进行运算。颜色在运算的时候是按照对应的rgb...原创 2020-03-27 13:40:31 · 253 阅读 · 0 评论 -
Bootstrap简介
一 bootstrap bootstrap响应式框架–css里面有大量的媒体查询,在pc端和移动端响应,这是后端人员在使用,前端人员基本是自己写响应式。bootstrap内置css和js字体图标。 怎样引入到前端页面:直接将css文件或JS或字体文件引入。 若是在集成环境,需要安装bootstrap。 3.3.7版本的boostrap cnd css :https://maxcdn.boo...原创 2020-03-27 00:03:51 · 377 阅读 · 0 评论 -
JavaScript之三
一 拖拽事件 draggable=“true”:对象可以被拖拽; 拖拽事件:drop drap; 开始拖动:ondragstart; 结束拖动:ondragend //ondragover; 开始拖动鼠标进入的时候: ondragenter; 拖动结束鼠标离开的时候:ondragleave; 前进:history.go(1); 倒退:history.go(-1); 前进:history.f...原创 2020-01-02 21:31:51 · 184 阅读 · 0 评论 -
Web前端
一 Java Script基础标签 (1)输出: alert()-------- 弹框输出 confirm() -------- 带确定取消按钮的弹框 document.write() -------- 在文档流中输出 document.getElementById.innerHTML-------- 修改页面中的html元素 console.log() -------- 在调试平台中...原创 2019-12-04 21:37:49 · 153 阅读 · 0 评论 -
补充CSS & 初步了解H5----HTML5
补充CSS 一 页面定位 Position:fixed 下面给出简单的代码实现 html部分: <div class="gd-top"> <div class="gd-left fl"> <a href=""><img src="images/gd-logo.png" alt=""/></a...原创 2019-11-13 20:51:21 · 446 阅读 · 0 评论 -
CSS的一些其他属性
一 溢出省略号 overflow:hidden; //溢出隐藏 text-overflow:eclipse; //溢出的文本为省略号 white-space:nowarp; //不换行 执行效果如图: 二 颜色渐变 1 区域颜色的渐变 .box{ width:300px; he...原创 2019-11-05 13:51:30 · 196 阅读 · 0 评论 -
层叠样式表--css(二)
一 CSS标签 1 颜色透明度 例如:红色:red/#f00/rgb(255,0,0); 带透明度的色彩值:rgba(255,0,0,0.5) 或者直接写成 opacity: 50%; 2 边框圆角 border-radius:圆角 border-radius值的不同意义: 值:a 表示四角都为相同的圆角状态 值:a b 表示 左上,右下都为a,右上,左下都为b ...原创 2019-10-31 11:01:21 · 168 阅读 · 0 评论 -
层叠样式表--css(一)
一 基本格式 (一)样式表的引用方式 1、行内样式表 <any style="样式名:样式值;"></any>2、页面内样式 <head lang="en"> <meta charset="UTF-8"> <title></title> <style> 标签名{ ...原创 2019-10-22 15:38:54 · 209 阅读 · 0 评论
分享