angularJS中directive父子组件的数据交互 1. 使用共享 scope 的时候，可以直接从父 scope 中共享属性。使用隔离 scope 的时候，无法从父 scope 中共享属性。在 Directive 中创建隔离 scope 很简单，只需要定义一个 scope 属性即可，这样，这个 Read More
posted @ 2018-01-24 10:59
孟丽媛
Views(2955)
Comments(0)
Diggs(0)
一、预期实现效果： https://liyuan-meng.github.io/uiRouter-app/index.html （项目地址：https://github.com/liyuan-meng/uiRouter-app） 二、分析题目要求，给出依赖关系，构建项目 1. service: （1 Read More
posted @ 2018-01-09 23:31
孟丽媛
Views(1404)
Comments(0)
Diggs(2)
问题：已知一个元素的类名是right并且这个元素的祖先元素的类名为parent，现在想通过原生JavaScript获得这个类名为right的元素。 我的思路：利用递归。先判断已知的祖先元素（题中的parent）是不是要找的目标元素（题中的right），如果是，则返回这个元素。否则，继续查找这个祖先元 Read More
posted @ 2017-12-20 18:22
孟丽媛
Views(18316)
Comments(0)
Diggs(0)
html css 效果图 如果我们想得到向左侧倾斜或者向右侧倾斜的梯形，只需要将transform-origin设置为bottom left 或者 bottom right即可 css 效果图 Read More
posted @ 2017-11-21 18:22
孟丽媛
Views(5531)
Comments(0)
Diggs(0)
1. 一个切角 思路：如果我们要得到有一个切角的元素，我们只需要使用一个径向渐变就可以达到这个目标，这个渐变需要把一个透明色标放在切角处，然后再相同的位置设置另一个色标，并且把它的颜色设置成我们想要的背景色。 html css 效果图 2. 两个切角 由上面的例子，我们很快想到这么写 css 效果图 Read More
posted @ 2017-11-21 18:02
孟丽媛
Views(7990)
Comments(0)
Diggs(0)
一、平行四边形 1. 使用两个元素实现 html css 效果图 原理： 将容器和内容区域做相反方向的变形，就可以使外面的容器变形，同时不会影响内部的元素。 2. 使用伪元素实现 我们可以把所有样式都应用到伪元素上，然后再对伪元素进行变形。因为我们的内容并不是包含在伪元素中，所以内容并不会受到伪元素 Read More
posted @ 2017-11-21 16:31
孟丽媛
Views(10455)
Comments(1)
Diggs(1)
一、自适应的椭圆 1. 椭圆 css 效果图 2.半椭圆 所以现在我们知道怎么来实现半椭圆了吧： css 效果图 由图中效果可以知道，沿着横轴切割的椭圆相当于左上角和右上角的切角椭圆重合，并且左上角（右上角）切角椭圆的横轴半径占元素宽度的50%，纵轴半径占元素高度的100%，右下角（左下角）的没有圆 Read More
posted @ 2017-11-21 15:07
孟丽媛
Views(42008)
Comments(0)
Diggs(1)
有时我们想把一个图片应用为边框，而不是背景，最简单的办法是使用两个HTML元素，一个元素用来把我们的石雕图片设置为背景，另一个元素用来存放内容，并设置纯白背景，然后覆盖在前者之上，这个方法需要一个额外的HTML元素，这显然不够理想，他不仅把结构和表现混合起来，而且在某些特定的场景下，修改HTML是做 Read More
posted @ 2017-11-21 09:46
孟丽媛
Views(1528)
Comments(0)
Diggs(1)
只使用一个渐变时，我们能创建的图案并不多，当我们把多个渐变图案组合起来，让他们透过彼此的透明区域显现时，神奇的事情就发生了！我们首先想到的是把水平和水质条纹叠加起来，就可以得到各种各样的网格。 1. 网格背景 html css 效果图 2.波点背景 css 效果图 当然，这个不是我们想要的图案，其实 Read More
posted @ 2017-11-20 18:29
孟丽媛
Views(6689)
Comments(0)
Diggs(0)
一、 水平条纹 1. 两种颜色： html css 效果图 2. 不等宽的条纹背景 css 效果图 3. 三列条纹背景css 效果图 二、垂直条纹 css 效果图 三、斜向条纹 1. 45度角的斜向条纹 css 效果图 2. 其他角度的斜向条纹 css 效果图 说明：黄色条纹从0到15px线性渐变， Read More
posted @ 2017-11-20 17:30
孟丽媛
Views(676)
Comments(0)
Diggs(0)
浙公网安备 33010602011771号