随笔分类 - 前端学习
摘要:模板语法 Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML 解析器解析 在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue
阅读全文
摘要:Vue实例 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的 虽然没有完全遵循 MVVM 模型,但是 Vue 的设计也受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的缩写) 这个变量名表示 Vue 实例 当创建一个 Vue 实例时,你可以传入一个选项对
阅读全文
摘要:Vue中的指令 Vue中以带有前缀V 的属性被称为指令(带有v表示他们是Vue提供的特殊attribute) 一个v bind的例子 当我们改变lists的内容时 ul标签中内容也会发生改变 v on 事件绑定 通过v on可以绑定各种事件 v model 双向绑定 v model 可以实现输入框和
阅读全文
摘要:Vue是什么 官方定义:Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用
阅读全文
摘要:实现轮播图 刚开始我看到这个问题 直接想到了里切换元素的display属性来实现 1. js 改变元素的display属性 就是这样一个 改变display来实现(ps:也说明了 display会让img大小为0) 还有是也可以利用点击进行切换 可以看这个博客https://www.jianshu.
阅读全文
摘要:参考博客:https://segmentfault.com/a/1190000016903385?utm_source=tag newest 文中提出了三种实现跑马灯的方式,分别是1.利用js实现2.利用html标签实现3.利用css实现 文中也给出了3种方法优劣的比较,这里不再赘述 1.利用js实
阅读全文
摘要:仿写一个知乎 1.~~观察发现知乎很像学习的双飞翼布局 就用双飞翼模板~~ 并不适合 ,还是老老实实写吧 index.html reset.css main.css 2.加一点细节 冗談冗談 3.看一下注意的点 vertical align 用来指定行内元素(inline)或表格单元格(table
阅读全文
摘要:参考文章https://cloud.tencent.com/developer/article/1012775 大部分内容转载自这片文章 这篇文章讲的很好 我就不班门弄斧了 就帮助像我一样的小白理解下吧 (为了更好的学习 文章结构也就按上面这篇文章来了) 一.负边距与浮动布局 1.1负边距 说起负边
阅读全文
摘要:23:10:25 2019-08-14 自己写的这个好丑。。。。 题目:利用之前我们学过的JavaScript知识,实现选项卡切换的效果。 效果图: (另外 这个动图是怎么插入的 用url就行 复制就不行) 我写的效果图: (一对比就好丑) 代码 1 <!DOCTYPE html> 2 <html>
阅读全文
摘要:题目要求: 制作一个表格,显示班级的学生信息。 要求: 1. 鼠标移到不同行上时背景色改为色值为 #f2f2f2,移开鼠标时则恢复为原背景色 #fff 2. 点击添加按钮,能动态在最后添加一行 3. 点击删除按钮,则删除当前行 题目给出的源代码: 先写删除 遇到了问题 我想用父元素table的方法r
阅读全文
摘要:17:56:11 2019-08-09 如题所见 还是入门 23:10:17 2019-08-11 继续学习 16:34:59 2019-08-14 虽然入了门 但还是缺少实践 本文资料来源: 慕课网 https://www.imooc.com/code/48 JavaScript能做什么? 1.增
阅读全文
摘要:21:17:29 2019-08-08 建了个随笔。。。。。 11:07:01 2019-08-09 开始入门 17:10:27 2019-08-09 入门成功 仅仅是了解 本文资料来源:慕课网 https://www.imooc.com/code/387 首先查下JavaScript的百度定义:J
阅读全文
摘要:12:09:45 2019-08-07 开始了解CSS 00:02:59 2019-08-08 中间从5点到11点不在 回来学了一个小时 10:39:46 2019-08-08 继续学习 16:44:10 2019-08-08 css入门成功 本文资料来源:慕课网 https://www.imooc
阅读全文
摘要:22:23:32 2019-08-06 今天记录结束 12:07:54 2019-08-07 对html有了基本的了解 本文资料来源:慕课网 https://www.imooc.com/learn/9/ 超文本标记语言(Hyper Text Markup Language) <!DOCTYPE> 声
阅读全文
摘要:23:02:06 2019-08-05 自己要搭建网站 虽然可以下载大佬的界面 但至少要懂一点web开发的知识 我现在感觉像个憨憨 啥都不明白 转载自:知乎 https://www.zhihu.com/question/20544928/answer/15436316 作者:蓝悦 HTML负责放你需
阅读全文