VUE.js快速入门（vue本地应用⑥）
vue组件的内容分发 为了让组件可以组合，需要一种方式来混合父组件内容和子组件内容模板，这个过程叫做内容分发 插槽： 单<slot>标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpo ... 查看全文
你知道SVG Sprites是什么吗，还在用css sprite就太low了
大家好，这里是@IT·平头哥联盟，我是首席填坑官——苏南(South·Su)，今天要给大家分享的是SVG Sprites(也叫雪碧图)，所谓雪碧图，当然就不是我们常喝的雪碧饮料（Sprites）哦，哈哈～ 当下流程的移动端，手机型号太多太多，今天工作项目中突然发现还有同事在使用以前大家 曾经包括现在 ... 查看全文
每天坚持一个CSS——社会人
每天一个CSS-社会人 实现效果 想法 之前看到一篇博客，使用python绘制出了小猪佩奇，所以自己想试一试，采用纯html + CSS绘制出低配版的小猪佩奇。 实现思路 使用上一篇，圆与边框实现。最后是一个组合图形，初学者都可以完成，可尝试。 缺点 1、低配版的小猪太圆润，后面会对整体图形进行修改 ... 查看全文
浅析jQuery基本结构($实现原理)
jQuery是一个非常好的库，学习它的实现原理是一个很好的提高代码编写能力的途径，这里来简单解析下jQuery的基本架构，主要来说下$符号的实现原理。直接看代码吧。 <script> (function(w){ //工厂 function jQuery(selector, context){ ret ... 查看全文
VUE.js快速入门（vue本地应用⑥）
Vue动态组件 1.component：动态组件放的位置 2.is：绑定动态参数名称的属性和bind联合使用 3.keep-alive：保存当前改变的值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name ... 查看全文
【selenium学习中级篇 -26】HTMLTestRunner生成测试报告
新建文件夹test_report，在网上下载HTMLTestRunner.py文件放在Utils包中 注意，如果你使用的是python 3.x的话，HTMLTestRunner.py文件也需要用python 3.x的 接下来，我们改造TestRunner文件 # coding=utf-8 impor ... 查看全文
【静态页面架构】CSS之链接和图像
CSS架构 一。链接: 链接元素:通过使用a元素的href属性设置跳转到指定页面地址 <style> a{ color: blue; text-decoration: none; } a:hover{ cursor:default; text-decoration: underline; } </s ... 查看全文
【静态页面架构】CSS之选择器
CSS架构 基本选择器 元素选择器:通过元素名称定位页面元素 类选择器:通过元素的class属性定位页面元素 ID选择器:通过元素的ID属性定位页面元素;id属性必须是唯一的 通配符选择器:匹配当前页面中所有元素 <style> p{ color: #2196f3; } /*元素选择器 通过元素名称 ... 查看全文
Vue Cli3 配置alias以及如何使用scss
1、配置alias 在vue.config.js里：红色部分 const path = require('path'); module.exports = { configureWebpack: { resolve: { alias: { '@': path.resolve(__dirname, ' ... 查看全文
【静态页面架构】CSS之颜色与单位
CSS架构 一.颜色与单位颜色: 前景色与背景色：设置文本和背景颜色 <style> html，body{ background-color: blue; /* 前景色 - 就是指字体颜色(color) * 浏览器默认的字体颜色为黑色 背景色 - 就是指指定元素的背景颜色(background-co ... 查看全文
php实现ajax请求的方法
php实现ajax请求的方法 Ajax页面：第一，了解底层逻辑，正是平常的1个提交在无刷新的条件下发出请求后完成回应，之后去针对你需要的条件来做动作。 <!DOCTYPE html> <html> <head> <script> function loadXMLDoc() { var xmlhttp ... 查看全文
js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗
预热 为了完成本次测试，先来科普一下，如何利用chrome来设置下载速度（会用的可直接跳过）1.打开chrome控制台(按下F12),可以看到下图，重点在我画红圈的地方 2.点击我画红圈的地方(No throttling),会看到下图,我们选择GPRS这个选项 3.这样，我们对资源的下载速度上限就会 ... 查看全文
移入显示div用js实现
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>jq弹出div演示</title><script ty ... 查看全文
深入理解css之float
前言 在css中，是存在流的概念的。在正常情况下，页面总是从左到右，从上到下布局，这种被称为正常的流。但是有很多情况，正常流是没办法实现的，因此我们需要一些手段来破坏流，从而实现一些特殊的布局，而本节的主角float就具备破坏流的特性。 float设计的初衷 很多新手在布局的时候，总喜欢用float ... 查看全文
登录界面引入引入css问题
在一开始引入css时，我写的路径是这样的： 结果发现没引进来，开控制台一看，发现路径变成了 改成这样后，路径还是没有变: 改成这样后，路径变成了: 在改成这样后，才成功的引入了： 去查询后发现,在使用相对路径时./和不加/都是代表当前目录的意思，就是第一种情况.../代表返回到上一级目录，就是第二种 ... 查看全文
为什么要用postcss
随着技术的发展，目前css已经发展到了第三阶段css3.css3能够支持更多的动效，以前需要用js来实现的动画、过渡，计算等功能，如今大多都能够用css来实现，而且性能更佳。当然，随着业务的需要，在编写css过程当中，为了能够让css具备js的可复用性，灵活性、模块化开发以及更好的管理样式文件，像s ... 查看全文
[02]HTML基础之头部标签
1. <title>标签 文档级标题，描述当前页面内容，主要显示在浏览器地址栏上方，以及搜索引擎的查询页面中。 //https://www.juetan.cn/index.html页面标题 <title>绝弹博客 - 决定路途的起点，却未决定路途的终点</title> 2. <meta>标签 文档元 ... 查看全文
[04]HTML基础之块级标签
1. <p>标签 表示段落，多个空白符会合并成一个；<pre>标签表示预文本段落，所有空白符都不合并。 //临江仙诗句 <p>滚滚长江东逝水，浪花淘尽英雄，是非成败转头空。 青山依旧在，几度夕阳红。</p> <pre>白发渔樵江渚上，惯看秋月春风，一壶浊酒喜相逢。 古今多少事，都付笑谈中。</pre ... 查看全文