HTML
文章平均质量分 64
小白彩
这个作者很懒,什么都没留下…
展开
-
浮动,脱离标准流
所谓脱离文档流,即将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当没看到它,两者位置重叠都是可以的。这里,通过讲解浮动脱离文档流(float)和绝对定位脱离文档流(position:absolute)的区别,让大家对这一概念有更深的认识。一、浮动脱离文档流使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。 二、绝对定位脱离文档流将f...原创 2018-03-10 13:04:24 · 754 阅读 · 0 评论 -
vue-cli3.0使用及配置 (构建项目)(有点乱,图片找的后期在改)
1.先全局安装vue-cli3.0检测安装:vue -V2.创建项目这里如果你是第一次用3.0版本的话,是没有前两个的,而只有最后两个,这里是让你选的,第一个是默认配置,一般选第二个,自己配置,这里选择最后一个当你选择后会出现上面图上的东西,这里你可以自由选择用哪些配置,按上下键选择哪一个,按空格键确定,所有的都选择好后,按enter键进行下一步,这里演示,我随...转载 2019-06-17 15:52:02 · 269 阅读 · 0 评论 -
小程序 初学 随笔3
WXML 模板 之前都是 html css js 来写页面.同样道理,在小程序中也有同样的角色,view,button,text相当于 div button span数据交互通过绑定来处理的.这是显示Hello World<text>{{msg}}</text>this.setData({msg: 'Hello World'})W...原创 2019-05-06 20:24:14 · 75 阅读 · 0 评论 -
小程序 初学 随笔2
1小程序代码构成 开发者工具快速创建了一个 QuickStart 项目.后可以看到项目里边生成了不同类型的文件.一共有四个. .json后缀的JSON配置文件(配置项) .wxml后缀的WXML模板文件(html 相当) .wxss后缀的WXSS样式文件(样式文件 css相当) .js后缀的JS脚本逻辑文件(逻辑文件 j...原创 2019-05-06 14:28:19 · 81 阅读 · 0 评论 -
小程序 初学 随笔1
1. 小程序与网页开发的区别 小程序的开发语言主要是JavaScript,与网页开发有很大的相似性 网页开发的渲染层与脚本线程是互斥的,(有些时候脚本长时间运行,页面会失去响应),小程序里面两者是分开平行的,分别运行在不同的线程里.所以没有暴露出的DOM API ,来进行操作,所以好多熟悉的库不能用,如jq zepto等等.在小程序中是无法运行的。同时 JSCore...原创 2019-05-06 11:56:22 · 97 阅读 · 0 评论 -
mui 弹窗禁止
window.onload = function() { mui.plusReady(function() { //关闭等待框 plus.nativeUI.closeWaiting(); //显示当前页面 ...原创 2018-12-11 13:40:23 · 556 阅读 · 0 评论 -
三角形
使用css画三角形,首先想到的思路是:利用border边框样式来实现,这是由于border的边框是由四个三角形组成的。这里我们利用transparent的透明颜色来代替其余3个就可以实现三角形<style>div{ width: 0px;height: 0px;border-width:40px; border-style:solid; border...原创 2018-12-10 17:28:07 · 90 阅读 · 0 评论 -
css 判断ie版本 以及内核解读
<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 6]> 仅IE6可识别 <![endif]--><!--[if lt IE 6]> IE6原创 2018-12-10 16:26:29 · 1146 阅读 · 0 评论 -
th td 消除空隙
<table align='center' style="border-collapse:collapse;"></table> 可以去掉td之间的间隔值 描述 separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。 collapse 如果可能,边框会合并为一个单一的边框。会忽略 bo...原创 2018-12-10 15:38:56 · 741 阅读 · 0 评论 -
css - calc 动态计算
用于动态计算长度值。需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);(必须) 任何长度值都可以使用calc()函数进行计算; calc()函数支持 "+", "-", "*", "/" 运算; calc()函数使用标准的数学运算优先级规则; 兼容性 IE Firefox Chrome ...原创 2018-12-10 15:26:28 · 545 阅读 · 0 评论 -
fexl布局
网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。F...原创 2018-06-01 17:02:41 · 413 阅读 · 0 评论 -
DIV+CSS垂直居中
在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性的元素才生效,例如表格元素中的<td>、<th>、<caption>等,...原创 2018-06-07 17:50:52 · 119 阅读 · 0 评论 -
Jquery 点击更换样式
Jquery 点击更换样式 PS:代码很简单,就直接上代码了。一看就懂了。<html><head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script></head><style>.nav {原创 2018-06-05 16:04:44 · 1060 阅读 · 0 评论 -
Vue2.0中的transition组件
Vue1.0中transition做为标签的行内属性被vue支持。但在Vue2.0中。Vue放弃了旧属性的支持并提供了transition组件,transition做为标签被使用。使用transition完成任何元素进入/离开的过渡组件需要满足下列条件条件渲染(v-if)条件展示(v-show)动态组件组件根节点Elample ...原创 2018-05-05 12:46:12 · 1265 阅读 · 1 评论 -
vue-cli加载不到dev-server.js的解决办法,json,本地数据地址请求
在使用vue开发过程中,难免需要去本地数据地址进行请求,而原版配置在dev-server.js中,新版vue-webpack-template已经删除dev-server.js,改用webpack.dev.conf.js代替,所以 配置本地访问在webpack.dev.conf.js里配置即可。#webpack.dev.conf.js//首先// nodejs开发框架express,用来简化操...原创 2018-05-05 11:40:36 · 637 阅读 · 0 评论 -
Vue.js实战之Vuex的入门教程
前言在 Vue.js 的项目中,如果项目结构简单, 父子组件之间的数据传递可以使用 props 或者 $emit 等方式,详细点击这篇文章查看。但是如果是大型项目,很多时候都需要在子组件之间传递数据,使用之前的方式就不太方便。Vue 的状态管理工具 Vuex 完美的解决了这个问题。一、安装并引入 Vuex项目结构:首先使用 npm 安装 Vuex?1cnpm install vuex -S然后在...转载 2018-05-10 22:37:41 · 1819 阅读 · 0 评论 -
vue-cli 引入axios及跨域使用
使用 cnpm 安装 axioscnpm install axios --save-dev安装其他插件的时候,可以直接在 main.js 中引入并 Vue.use(),但是 axios 并不能 use,只能每个需要发送请求的组件中即时引入为了解决这个问题,有两种开发思路,一是在引入 axios 之后,修改原型链,二是结合 Vuex,封装一个 aciton。这里只说修改原型链的方式改写原型链首先在...原创 2018-05-10 09:58:50 · 535 阅读 · 0 评论 -
定位
定位有三种,分别是相对定位、绝对定位、固定定位。1、相对定位:position:relative; 2、绝对定位:position:absolute; 3、固定定位:position:fixed; 4、关于z-index1、相对定位:position:relative;1.1相对定位介绍相对定位,就是微调元素位置的。让元素相对自己原来的位置,进行位置调整。如果一个盒子想进行位置调整,那么就要使用相...原创 2018-03-10 13:07:13 · 211 阅读 · 0 评论 -
vue 坑 (this.$refs undefined; 传值 ; router传参; bus.js初次不触发 :src参数没有作用>)
Vue.nextTick() this.$refs 报错 undefined;在Vue生命周期的created(),watch:钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中,不然会报错undefined路由传参写法:1.<router-link :to= "{path: '/newdetails', query: {getNewsId:o....原创 2019-07-10 17:07:14 · 1375 阅读 · 0 评论