- 博客(24)
- 收藏
- 关注
RSS订阅原创 网格布局(固定单元格间隔，单元格、容器大小不定)布局使用
官方案例为 auto-fill 固定单元格，容器不定的使用 延申为固定单元格间隔，单元格、容器大小不定)布局使用代码如下 gu
2021-06-01 18:14:31
627
原创 Git不同平台的安装
Git 运行平台：Linux 、Unix、Mac、WindowsLinux安装：Debian 或 Ubuntu Linux sudo apt-get install git老版本的 Debian 或 Ubuntu Linux sudo apt-get install git-coreMax OS X安装（Xcode是Apple官方IDE，免费的）（1）安装homebrew 通过homebrew 安装Git （homebrew 文档：http://brew.sh/。）（2）在AppSt
2020-08-26 18:35:45
189
原创 vue组件做选项卡效果
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style type="text/cs
2018-07-29 02:23:53
2375
原创 CSS权重
那之前我们学期了CSS的选择器最基础的有：（我们按照优先级排一下）id选择器 | class选择器 | 标签选择器 | 通配符选择器 | 属性选择器优先级：!important>行间样式>id>class>标签选择器>通配符那这些个优先级在html结构不复杂的时候是可以使用的 那当我们的结构很复杂的时候比如一个比较简单的：<div cla...
2018-07-28 09:40:27
395
原创 html+css基础内容
html基础内容空格编码 &nbsp；=空格； 打印标签 &ltdiv&gt=<div> (lt是less than的缩写 gt是great than 的缩写) ol（有序列表） 标签和li标签<ol type=””> //ol标签的type值有5个 1数字标号 | a 小写英文标号 | A大写英文标号 | i小写的罗马数字 | I ...
2018-07-28 03:14:00
232
原创 vue数据接收
Vue的数据接收首先我们new一个vue的实例id值为app的div的区域是我们的一个模板区域接收数据使用双大括号里面写变量 或者函数都可以<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>Document&
2018-07-28 03:04:25
3476
原创 vue 事件修饰
Vue事件修饰 1.v-on 的使用 v-on绑定事件 用法 如：<div id=”app” v-on:click.stop=”functonName”> <button v-on:click.stop=”functonName”></button> <a herf=https://www.baid...
2018-07-28 02:57:19
247
原创 购物车结算功能JS
购物车结算功能布局：<ul> <li></li> <li></li> <li></li> …………</ul><p><p>每一个li标签代表每一个商品 里面有+ -商品数量
2018-07-27 02:30:40
9532
转载 移动端经常出现的兼容问题整理
安卓浏览器看背景图片，有些设备会模糊因为手机分辨率太小，如果按照分辨率来显示网页，字会非常小，安卓手机devicePixoRadio比较乱，有1.5的，有2的也有3的。想让图片在手机里显示更为清晰，必须使用2x的背景图来代替img标签（一般情况下都是2倍的），或者指定background-size:contain;都可以2.防止手机中页面放大和缩小<meta name="viewport" ...
2018-07-13 02:21:17
338
原创 JS元素获取和事件调用
javascript JavaScript代码出现的位置： html中的js代码必须放在script标签里面，script标签可以放在页面中head和body标签中。如： <script> document.write("hello world!"); </script><script>这是script 开始标...
2018-07-13 02:13:27
2096
原创 跳舞配对问题
问题描述：假定在一舞会上，男士排成一队，女士排成一队。跳舞开始时，依次从男队和女队的队头各出一人配成舞伴。若两队初始人数不相同，则较长的那一队中未配对者等待下一轮舞曲。要求：模拟上述舞伴系统，并能计算对于任何男士A和女士B在哪一轮舞曲中的k次跳舞？设计思路：首先，由于当男女排好队后，依次从男队和女队的队头上各出一人配成舞伴，剩下的人继续按顺序配对，具有典型的先进先出特性，因此可以用队列作为算法的数...
2018-07-12 01:39:03
3393
原创 响应式布局
响应式布局：响应式布局，流体布局，自适应布局，静态布局等等，这是移动设备的飞速发展，前端人员不得不跟上潮流的一个方向。实际上各种设备尺寸，分辨率大都不同，真的适应各种设备依旧是不现实的，首先是浏览器差异化，让我们去hack（由于不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样...
2018-07-12 01:27:58
250
原创 自制单选框样式
由于单选框的样式肯固定并且不太好看，今天教大家自制单选框样式：<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title>&a
2018-07-11 01:37:59
322
原创 定位总结
定位的基本内容： position: relative;相对定位 不影响元素本身特性（无论区块元素还是内联元素会保留其原本特性）不会使元素脱离文档流（元素原本位置会被保留，即改变位置也不会占用新位置）没有定位偏移量时对元素无影响（相对于自身原本位置进行偏移）提升层级（用z-index样式的值可以改变一个定位元素的层级关系，从而改变元素的覆盖关系，值越大越在上面）...
2018-07-11 01:25:06
408
原创 表单的基础知识和简单应用
首先给大家说一下表单的基础内容： form：表单 form常用属性：method：表单的提交方式（post和get）action：表单处理服务器注意：凡是用户与服务器交互的表单标签应全部放在form标签内form内的提交按钮提交的是整个form表单post方法：如果采用 POST 方法，浏览器将会按照下面两步来发送数据。首先，浏览器将与 action 属性中指定的表单处理服务器建立...
2018-07-11 01:11:46
306
原创 表格基础知识与应用
给大家分享一些关于表格的基础知识和一些简单的应用先带大家了解一下表格的基础知识： 定义表格：<table> 表格标题：<caption>表格表头：<thead>表格正文：<tbody>表格页脚：<tfoot>表头单元格：<th>表格行：<tr>表格单元格：<td>表
2018-07-09 23:06:24
669
原创 用过渡做一个风车
今天教大家使用过渡做一个简单的动画：首先我们先来了解一过渡的基础知识：transition：过渡（css3的动画的一种）transition-property：要运动的样式（all || [attr] || none）transition-duration：规定完成过渡效果需要多少秒或毫秒transition-delay：定义动画延迟多久开始transition-timing-function：运...
2018-07-09 22:35:26
687
原创 post和get方法
首先给大家解释一下post和get的意思（form表单method属性提交时的两种方式）post方法：如果采用 POST 方法，浏览器将会按照下面两步来发送数据。首先，浏览器将与 action 属性中指定的表单处理服务器建立联系，一旦建立连接之后，浏览器就会按分段传输的方法将数据发送给服务器在服务器端，一旦 POST 样式的应用程序开始执行时，就应该从一个标志位置读取参数，而一旦读到参数，在应用程...
2018-05-14 01:02:52
400
翻译 CSS3选择器
CSS3属性选择器： E[attr]只使用属性名，但没有确定任何属性值E[type="text"]指定属性名，并指定了该属性的属性值E[attr~="value"]指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词，而且等号前面的"~"不能不写E[attr^="value"]指定了属性名，并且有属性值，属性值是以value开头的E[a...
2018-04-15 22:49:20
142
原创 清除浮动
清除浮动的三种方式：1.设置overflow:hidden(缺点：可以清除浮动，但是可能会隐藏掉有用的动西)2.增加一个空标签 设置行间样式clear：both；（缺点：会增加无意义的空标签，会影响JS的使用）3.设置类名为clearfix.clearfix:before,.clearfix:after{display:table;content:"";}.clearfix:after{ cle...
2018-04-15 22:45:25
166
原创 三栏式布局
三栏式布局两中方式： 1.利用定位的方法做左右两栏<style type="text/css"> .wrap{width:90%; background-color:#ccc; margin:0 auto; position:relative;} .left{width:200px; background-color:blue; height:300px; position:...
2018-04-15 22:34:20
195
原创 文字环绕图片
文字右环绕： <p style="width:400px;"> <img src="img/1.png" width="110" align="left" hspace="10" vspace="0"> 文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字
2018-04-15 22:16:39
337
翻译 PS在前端的应用
前端对于ps的要求切图、修图、测量： PS工具的快捷键: 移动工具：v矩形选框工具：m裁切工具：c吸管工具：i横排文字工具：t手抓：h 在当前工具上使用空格复制：ctrl + c粘贴：ctrl + v新建文件：ctrl + n保存：ctrl + s自由变形：...
2018-04-15 22:10:26
465
原创 图片和文字的排版
图左文右： <style type="text/css"> img,p{float:left;} .clearfix:after{display:table;content:"";clear:both;} .clearfix{*zoom:1;} </style></head><body> ...
2018-04-15 22:03:29
2243
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人