- 博客(6)
- 收藏
- 关注
RSS订阅原创 评论框和评论列表的实现
一个简单的评论的列表，现只包含html和css。界面图：html部分：<head> <meta charset="UTF-8"> <title>text</title> <meta content='width=device-width, initial-scale=1.0, maxim...
2018-05-21 09:41:09
12038
7
原创 谷歌插件Lighthouse -衡量 PWA 的审核和生产性能
使用这个插件可以很容易看出一个网站的性能如何。插件的下载与安装插件的下载：链接：https://pan.baidu.com/s/18QuesPXPvBo3_tsFhApuUQ 密码：dsyu插件的安装：在谷歌浏览器的右上角：更多工具》扩展程序：将开发者模式勾选，然后把下载的插件拖进来，然后就可以了。Lighthouse的使用：进入网站后，点击右上角的灯塔标志图，点击...
2018-05-13 22:49:45
1254
原创 文本溢出后，自动转成...
让文本实现溢出后实现（...）主要是三个样式： white-sapace:nowrap是文本强制不换行； overflow：hidden 溢出文本隐藏； text-overflow：ellipsis 溢出部分省略；.text1 { width: 200px; padding: 5px; border: 1px solid blac...
2018-05-09 16:31:40
412
原创 Vue中父组件更改子组件的class
在实践饿了吗的事例中有时需要在组件中更改一些子组件的样式。自己感觉使用 >>>比较好用点.star >>> .star-item { margin-right: 5px;}有些像 SASS 之类的预处理器无法正确解析 >>>。这种情况下你可以用 /deep/ 操作符取而代之 —— 这是一个 >>> 的别名，同样可以正常工...
2018-05-09 15:13:39
3821
原创 Vue2.0 高仿饿了吗的实践-star组件的实现
off，half，onstar组件要从后台接受的score数据然后通过计算输出相应的图案。一，在计算属性中，要计算出需要几个on，half，off定义对应的变量： const LENGTH = 5; const CLA_ON = 'on'; const CLA_HALF = 'half'; const CLA_OFF = 'off'; 1，let score = Mat...
2018-05-07 20:54:51
915
原创 Vue2.0饿了吗的实践-header组件的实践
header组件的实现图：header组件的代码： html：<template> <div class="header"> <div class="content-wrapper"> <div class="avatar"> <img width="64" he
2018-05-07 19:12:54
416
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人