IT狗

Web前端

webpack开发工具

source map用来调试打包后的代码 const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const CleanWebpackPlugin = require('clean-webpack-plugin'); module.exports =...

/ ()阅读()

web前端(6)—— 标签的属性,分类,嵌套

属性HTML标签可以设置属性,属性一般以键值对的方式写在开始标签中 1.HTML标签除一些特定属性外可以设置自定义属性,一个标签可以设置多个属性用空格分隔,多个属性不区分先后顺序。2.属性值要用引号包裹起来,通常使用双引...

/ ()阅读()

web前端(4)—— 常用标签1

标题标签h1~h6顾名思义,这些就是把字体设置为大字体的,就如博客园的这个编辑器里的格式: 不信的话我们自己设置看看:好的,从本篇文章开始,我们需要动手了 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...

/ ()阅读()

解决ie6中png图片格式不兼容问题

在IE6中对图片格式png24支持度不高,如果使用的图片格式是png24,则会导致透明效果无法正常显示解决方法:  1.可以使用png8来代替png24,即可解决问题,但是使用png8代替png24以后,图片的清晰图会有所下降  2.使用JavaScrip...

/ ()阅读()

web前端(3)—— html标签及web页面结构

本节内容简单介绍下html都有哪些标签还是百度首页,查看源代码看看: 我把源代码复制下来另存为html文件里: 注意:网页文件的后缀都是html或者htm我这用的pycharm编辑器(Python编辑器,也可以编辑web页面),编辑器有很多种,比如...

/ ()阅读()

web前端(2)—— 前端技术介绍

前端技术前文了解了什么是前端,那么前端技术到底有哪些呢?最核心的就这三个:html/html5css/css3javascript 什么是HTML HyperText Markup Language,超文本标记语言,标准通用标记语言下的一个应用 那么超文本标记语言又是...

/ ()阅读()

一个简单的动态页面(我的第一个博客)

2018-11-10
今天是我第一次写博客,因为没经验嘛,我就随便写写,我也希望自己以后能坚持写下去,不为别的,就为了自己能够更好地学习编程,能够追随行业大牛的脚步,从此赢取白富美,走上人生巅峰(额,理想远大呵!) 好吧,步入正题,因为目...

/ ()阅读()

sass和stylus1px解决方案

1.sass 1 @charset "utf-8"; 2 /** 3 * @module 背景与边框 4 * @description 为元素添加边框(包括1px边框) 5 * @method border 6 * @version 2.0.0 7 * @param {String} $border-width 指定边框厚度(单位为px),默认...

/ ()阅读()

web前端(1)——了解什么是前端,以及与后端的关系

简介 1.什么是web前端说这个之前,我们先了解web前端工程师是干什么的,百度百科的解释:Web前端开发工程师,主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序(也就是浏览器端)...

/ ()阅读()

重构一段基于原生JavaScript的表格绘制代码

为了在CardSimulate项目中方便的显示技能和效果列表,决定重构以前编写的一段JavaScript代码——att表格绘制库,这段代码的作用是将特定的JavaScript数据对象转化为表格,支持精细的样式设置和一些复杂报表功能...

/ ()阅读()

从项目中学习HTML+CSS

最近由于工作原因以及自己的懈怠,已经很久都没有更新过博客了。通过这段时间,我发现坚持一件事情是真的很难,都说万事开头难,但是在放弃这件事上好像开头了后面就顺理成章的继续下去了。中间即使不怎么情愿也在努力的每周...

/ ()阅读()

基于Vue实现图片在指定区域内移动

当图片比要显示的区域大时,需要将多余的部分隐藏掉,我们可以通过绝对定位来实现,并通过动态修改图片的left值和top值从而实现图片的移动。具体实现效果如下图,如果我们移动的是div 实现思路相仿。此处需要注意的是我们在...

/ ()阅读()

028、HTML 标签3表单标签插入组件

内容:表单标签插入组件(经常使用)
##############################################################form表单标签和input组件<form> 用户名称:<input type="text" name="username" value="hehe" /><br/> 输入密...

/ ()阅读()

028、HTML 标签2超链接,框架标签

内容:超链接,框架标签
##############################################################<!-- 超链接 --> <a href="https://www.baidu.com">baidu.com</a> <br/> <a href="mailto:abc@itcast.cn?cc=haha@sohu...

/ ()阅读()

vue2中使用transition

最终效果为 div元素从右向左出现, 然后从左向右消失。transition标签包裹要移动的元素: css 样式: 其中:   1: 为div元素显示时的状态  2: 为div元素移动的过程      (进入的过程,离开的过程)      (直线...

/ ()阅读()

HTML之表单

表单:表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。表单使用表单标签 <form> 来设置:<form>.input 元素.</f...

/ ()阅读()