IT狗

Web前端

使用mock.js进行数据模拟

mock.js的文档真的是无力吐槽,只说明API怎么使用,完全不说明mock.js这个工具怎么用,最有意思的是google的大部分文章复制官网的API,不管是react还是Vue都是下面的流程本文主要记录mock这个工具怎么使用,api自己看文档...

/ ()阅读()

web前端(10)—— 浮动,清除默认样式

文档流web页面和ps等设计软件有本质的区别,web 网页的制作,是个“流”,从上而下 ,像 “织毛衣”,就跟编程语言一样,都是由上而下而设计软件 ,想往哪里画东西,就去哪里画 文档流带来的最明显的现象就是一...

/ ()阅读()

小白学习web前端,学会这些你就是优秀的前端工程师了

随着时代的发展,现在从事IT方向的人有很多,所以励志要成为Web前端开发工程师的人有很多。当然也有很多人在不知道什么是Web前端?Web前端要学习什么内容?今天小编就来给大家解读一下Web前端。包括定义、学习的内容和工具等...

/ ()阅读()

CSS隐藏多余的文字

效果:<p><strong>商品名称:</strong>新鲜现摘云南绥江半边红李子甜脆脱骨李6斤当季绿色有机水果包邮</p></div> p{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;...

/ ()阅读()

php,vue,vue-ssr 做出来的页面有什么区别?

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~本文由shirishiyue发表于云+社区专栏目前我这边的web页面,都是采用php+smarty模板生成的,是一种比较早期的开发模式。好处是没有现阶段常用的前后端分离出现的...

/ ()阅读()

HTML &lt;!DOCTYPE&gt; 标签

实例<!DOCTYPE html><html><head><title>文档的标题</title></head><body>文档的内容......</body></html>亲自试一试...

/ ()阅读()

Chrome F12调试工具常用技巧

原文地址:http://www.cnblogs.com/MuYunyun/p/5678405.html#3471461阅读目录Chrome调试工具介绍:快速切换文件在源代码中搜索在源代码中快速跳转到指定的行使用多个插入符进行选择设备模式格式化凌乱的js源码颜色选择器...

/ ()阅读()

读了这篇文章,你将变身web分析大师

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~本文由shirishiyue发表于云+社区专栏1、工具介绍​ 这是一个非常详细且专业的web页面性能分析工具,而且开源的!如果你打不开其官网,或者担心安全问题,你可以自己...

/ ()阅读()

web前端(8)—— CSS选择器

选择器 选择器,说白了就是html的标签或者其相关特性,在一个HTML页面中会有很多很多的元素,不同的元素可能会有不同的样式,某些元素又需要设置相同的样式,选择器就是用来从HTML页面中查找特定元素的,找到元素之后就可以为它...

/ ()阅读()

web前端(7)—— 了解CSS样式,引入css样式的方式

CSS在前面大概的介绍了css,从本片博文开始,会详细的介绍它,在最开始介绍web前端时,打开百度首页,当时我提出了一个问题,为什么百度首页的输入框可以放在正中间,就是由于有css的控制,我们可以打开浏览器的调试界面查看这个输入...

/ ()阅读()

web前端入门学习(纯干货)

web前端怎么样才能入门,首先我们要从什么是初级web前端工程师说起:按照我的想法,我把前端工程师分为了入门、初级、中级、高级这四个级别,入门级别指的是了解什么是前端(前端到底是什么其实很多人还是不清楚的),了解基本的ht...

/ ()阅读()

极速搭建RTMP直播流服务器+webapp (vue) 简单实现直播效果

在尝试使用webRTC实现webapp直播失败后,转移思路开始另外寻找可行的解决方案。在网页上尝试使用webRTC实现视频的直播与看直播,在谷歌浏览器以及safari浏览器上测试是可行的。但是基于基座打包为webapp后不行,所以直播...

/ ()阅读()

博客园申请及页面定制CSS

一、背景
  刚刚工作满一年,感觉到工作后在学习方面和之前还是有些不一样的:在校会有系统的整理归纳基础知识和逐步学习的一个过程,最后考试进行比较全面的知识掌握程度检测;而在工作上学习的内容很大程度上取决于你参...

/ ()阅读()

Flex 常用布局

1、flex布局1.1 容器指定为flex布局.box{display: flex;}1.2 行元素指定flex布局.box{display:inline-flex}2、容器的属性2.1、flex-direction 2.2、flex-wrap  2.3、flex-flow  2.4、justify-content  2.5、...

/ ()阅读()

表头固定,表的主体设置滚动条

项目中遇到的问题,需要表头固定,给表主体设置滚动条。搜了很多种方法,bootstrap table也研究了一下。下面是我们使用的方法。表头放在div1中,表主体放在div2中,给div2设置固定高度,加样式overflow:auto,这样在数据多的时候会...

/ ()阅读()

@media 媒体查询

@media screen and (max-width: 300px) { //当视口宽度小于等于300px时生效} max-width 相当于 <= @media screen and (min-width: 300px) { //当视口宽度大于等于300px时生效} max-width 相当于 >= @med...

/ ()阅读()

属性继承~(总结类、持续更新系列)

属性继承     有时候你会发现给一个元素设置一些样式后,它的后代也跟着发生变化,这种扯淡的行为我们叫做属性继承。      那么问题来了,哪些属性可以继承,哪些又不可以呢?       可以继承的属性:1.color...

/ ()阅读()

谷歌浏览器实现跨域

大家在做http请求的时候可能会遇到跨域问题,这里为大家提供解决方案,亲自实验有效。一般是报上述错误。 首先在C盘新建一个文件夹,命名按照下面的来。打开谷歌浏览器的设置在“目标” 的exe后面添加下面这段内容,不要忘记...

/ ()阅读()