• css动画-小球撞壁反弹

    小球碰到一面壁之后一般都会反弹,反射角=入射角; 其实用css3来实现这个效果也非常简单。 首先,分解一下小球的运动:水平运动和垂直运动。 当小球往右下方向运动时,如果碰到了下面的壁,那么由于碰撞,小球受到了垂直于墙壁的力(即向上的力),这样的话水平运动是...

    2018-06-24 01:55:05

  • webpack 实用配置总结

    1、webpack.config.js配置文件为: // 处理共用、通用的js var webpack = require('webpack' ); // 处理html模板 var htmlWebpackPlugin = require('html-webpack-plugin' ); // css单独打包 var ExtractTextPlugin = require("extract-text-webpack-plugin" ); // 获...

    2018-06-24 01:55:04

  • 在HBulider中如何快速的生成有序(ol)和无序(ul)列表

    首先你需要创建一个HTML文件,然后在body里面写入你要创建的类型(有序或者无序),然后列表的个数个人来定: 格式如下: ul li * 5 代表我要创建一个列表为5个的无序类型 然后按Tab键就可以快速生成你要创建的列表,如果要创建几个只需要后面乘以几个就行 同理创建有...

    2018-06-24 01:55:00

  • vue的iview列表table render函数设置DOM属性值的方法

    { title: '负责人社保照片' , key: 'leaderIdNumber' , render: (h, params) = { return h('img' ,{domProps:{ src:params.row.leaderIdNumber }}) } }, 找了好多,终于找到了原因,如果想要让列表返回的是一个img标签,并且设置img的src,这里不能用props,而是要用do...

    2018-06-24 01:54:58

  • 百度前端技术学院练习-任务6

    一个假期过了,也有一段时间没写博客了。这开学之后还是要练一练,不然又生疏了。 !DOCTYPE htmlhtml lang="en"head link href="../css/任务6.css" type="text/css" rel="stylesheet" meta charset="UTF-8" titleTitle/title/headbody div class="waiweikuangzi" div c...

    2018-06-24 01:54:54

  • Web前端开发规范文档你需要知道的事

    Web前端开发规范文档你需要知道的事 规范目的 为提高团队协作效率 , 便于后台人员添加功能及前端后期优化维护 , 输出高质量的文档 , 特制订此文档 . 本规范文档一经确认 , 前端开发人员必须按本文档规范进行前台页面开发 . 本文档如有不对或者不合适的地方请及时提出 ,...

    2018-06-24 01:54:50

  • 【转载】如何让图片按比例响应式缩放、并自动裁剪的cs

    原文: http://blog.csdn.net/oulihong123/article/details/54601030 响应式网站、移动端页面在DIV CSS布局中对于图片列表或图片排版时, 如果想要图片按比例缩放, 最简单的就是把img宽度设为100%, 不设置高度,高度就会自动跟着高度缩放 但是如果要达到的效果是,要...

    2018-06-24 01:54:45

  • BootStrap母版页布局.子页面布局.BootstrapTable.模态

    如上就是很多后台管理系统的母版页布局.左边一列模板.上面一列系统标识.空白处充填子页面 以ASP.NET MVC为基础 引入bootstrap.js.bootstrap.css body: divul class = " nav pull-right " li class = " dropdown " a class = " dropdown-toggle " data-toggle= " dropdo...

    2018-06-24 01:54:41

  • 视觉表现理论知识

    本文地址: http://www.cnblogs.com/veinyin/p/7606714.html 终于可以知道视觉表现的实现方式,而不是一个一个的具体实现了,突然感到自己能够把握页面的整体布局了呢,似乎学到了表现背后的东西? 以下是一个突然发现自己见识如此少的女汉子的嘶吼 啊啊啊,刚刚注意到...

    2018-06-24 01:54:39

  • css动画-模拟正余弦曲线

    今天就写一个css3抛物线的动画吧= = 从左到右的抛物线动画,我们就暂且把动作分为匀速向右运动和变速的上下运动。 水平匀速运动我们可以利用 translateX( x ):定义 2D 转换,沿着 X 轴移动元素;以及linear:动画从头到尾的速度是相同的 这两个属性值来实现; 上下的...

    2018-06-24 01:54:26

2