张晨光老师的播客

技术改变世界

font-size用VW来写的方法

我们做网页写css代码的时候,通常会在最前面写一个通用选择符。有时候为了字体的计算,我们会将文章采用10px字体。写起来就像这样: CSS *{ margin: 0; padding: 0; border: none; font-size: 10px; } 在制作响应式主题时,我们会根据所...

2019-02-19 15:07:44

阅读数 550

评论数 0

CSS3 动画实现放大缩小、涟漪扩散效果、叠加图片循环来回显示

一、无限放大缩小,可以应用于跳动的气球等场景,效果如下 这里写图片描述 html部分 <div class="ballon"></div>     1     2 cs...

2019-02-13 23:14:10

阅读数 1028

评论数 0

前端前端,变化多端

最近和前端的小伙伴们一起聊天,发现前端这一岗位对技术的要求越来越高了,并且前端岗位也细分了好多的工种,例如微信小程序前端开发工程师、Node.js前端开发工程师、移动端前端开发工程师、React Native前端开发工程师、Ionic前端开发工程师、HTML5前端开发工程师、Web前端开发工程师、...

2019-02-13 21:59:05

阅读数 8304

评论数 2

什么是localStorage?

一、什么是localStorage、sessionStorage 在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是...

2019-02-13 21:54:16

阅读数 193

评论数 0

吴晓波:预见2019,这8件大事将会发生(附演讲全文)

可能今天,更多的人开始吟唱:世界如此之新,一切尚未命名。 ——吴晓波   每年,我们都在做一件特别危险的事,就是对今年的经济形势做总结,对明年有可能发生的情况做预见,今年已经是连续第四年了。 2018年,我们听到最多的两个词,一个叫作黑天鹅,一个叫作灰犀牛。黑天鹅是指意外发生的事,比如...

2019-01-25 12:38:46

阅读数 554

评论数 0

抖音微信之争的真相:地盘之争,还是用户隐私之争?

你有没有想过,为什么你的抖音好友推荐如此准确?为何总有熟人出现在推荐名录中? 答案是,抖音可能在抓取你的微信好友关系链。 社交领域战事不停,几天前多闪的入局,是社交领域格局改变的一个信号,新的玩法让人耳目一新,比如表情包斗图和 AI 换脸,都让人愿意为此消磨不少时间。 不过,事情正在起变化。...

2019-01-25 12:35:36

阅读数 216

评论数 0

VUE ajax

<!DOCTYPE html> <html> <head> <meta charset="UTF-8&quot...

2019-01-22 15:34:59

阅读数 131

评论数 0

VUE钩子函数

钩子函数 指令定义函数提供了几个钩子函数(可选): bind: 只调用一次,指令第一次绑定到元素时调用,用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。 inserted: 被绑定元素插入父节点时调用(父节点存在即可调用,不必存在于 document 中)。 u...

2019-01-22 10:45:14

阅读数 72

评论数 0

VUE自定指令

<!DOCTYPE html> <html> <head> <meta charset="UTF-8&quot...

2019-01-22 10:17:58

阅读数 45

评论数 0

VUE data传值

data 必须是一个函数 上面例子中,可以看到 button-counter 组件中的 data 不是一个对象,而是一个函数: data: function () { return { count: 0 } } 这样的好处就是每个实例可以维护一份被返回对象的独立的拷贝,如果...

2019-01-22 09:41:19

阅读数 151

评论数 0

Prop 验证

组件可以为 props 指定验证要求。 prop 是一个对象而不是字符串数组时,它包含验证要求: Vue.component('example', { props: { // 基础类型检测 (`null` 意思是任何类型都可以) propA: Number, //...

2019-01-22 09:22:36

阅读数 157

评论数 0

props属性

<!DOCTYPE html> <html> <head> <meta charset="UTF-8&quot...

2019-01-21 16:52:22

阅读数 75

评论数 0

Vue组件之全局组件与局部组件

组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展。个人认为就是一个可以重复利用的结构层...

2019-01-21 14:01:55

阅读数 55

评论数 0

v-model双向绑定

<!DOCTYPE html> <html> <head> <meta charset="UTF-8...

2019-01-21 10:33:04

阅读数 66

评论数 0

VUE属性绑定

class 与 style 是 HTML 元素的属性,用于设置元素的样式,我们可以用 v-bind 来设置样式属性。 Vue.js v-bind 在处理 class 和 style 时, 专门增强了它。表达式的结果类型除了字符串之外,还可以是对象或数组。 <!DOCTY...

2019-01-05 09:20:23

阅读数 574

评论数 0

VUE之监听属性 watch

<!DOCTYPE html> <html> <head> <meta charset="UTF-8&quot...

2019-01-04 23:03:49

阅读数 367

评论数 0

VUE计算属性关键词: computed

<!DOCTYPE html> <html> <head> <meta charset="UTF-8&quot...

2019-01-04 22:57:14

阅读数 38

评论数 0

VUE循环语句

循环语句 循环使用 v-for 指令。 v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组并且 site 是数组元素迭代的别名。 v-for 可以绑定数据到数组来渲染一个列表: 模板中使用 v-for: <!DOCTYP...

2019-01-03 15:34:20

阅读数 57

评论数 0

VUE条件语句

随机生成一个数字,判断是否大于0.55,然后输出对应信息: <!DOCTYPE html> <html> <head> <meta c...

2019-01-03 14:30:14

阅读数 48

评论数 0

VUE参数和过滤器

参数在指令后以冒号指明。例如, v-bind 指令被用来响应地更新 HTML 属性,在这里 href 是参数,告知 v-bind 指令将该元素的 href 属性与表达式 url 的值绑定。  <!DOCTYPE html> <h...

2019-01-03 11:19:21

阅读数 140

评论数 0

提示
确定要删除当前文章?
取消 删除