随笔分类 -  FrontEnd

摘要:一 ref属性 被用来给元素或子组件注册引用信息(id的替代者) 应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc) 使用方式: 打标识: ..... 或 获取:this.$refs.xxx <template> <div> <h1 v-text="msg" ref= 阅读全文
posted @ 2022-08-08 15:37 silencio。
摘要:1.Vue3简介 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王) 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址:https://github.com/vuejs/vue-next/releases/ta 阅读全文
posted @ 2022-07-10 02:44 silencio。
摘要:初始化脚手架 说明 Vue 脚手架是 Vue 官方提供的标准化开发工具(开发平台)。 最新的版本是 4.x。 文档: https://cli.vuejs.org/zh/。 具体步骤 第0步下载缓慢请配置 npm 淘宝镜像: npm config set registry https://regist 阅读全文
posted @ 2022-07-10 02:37 silencio。
摘要:第 1 章:Vue 核心 1.1. Vue 简介 1.1.1. 官网 Vue 技术栈(全家桶) 英文官网: https://vuejs.org/ 中文官网: https://cn.vuejs.org/ 1.1.2. 介绍与描述 动态构建用户界面的渐进式 JavaScript 框架 作者: 尤雨溪 1 阅读全文
posted @ 2022-07-09 23:45 silencio。
摘要:ECMAScript 6-11 第 1 章 ECMASript 相关介绍 1.1. 什么是 ECMA ECMA(European Computer Manufacturers Association)中文名称为欧洲计算机制 造商协会,这个组织的目标是评估、开发和认可电信和计算机标准。1994 年后该 阅读全文
posted @ 2022-07-08 20:06 silencio。
摘要:1. vue.js的快速入门使用 1.1 vue.js库的下载 vue.js是目前前端web开发最流行的工具库,由尤雨溪在2014年2月发布的。 另外几个常见的工具库:react.js /angular.js 官方网站: ​ 中文:https://cn.vuejs.org/ ​ 英文:https:/ 阅读全文
posted @ 2021-05-22 03:44 silencio。
摘要:1.1、CS架构和BS架构 web网页,我们都不陌生,相信大家都有使用web浏览上网的。那么,学习制作网页前,我们需要清晰哪些概念,准备哪些工具呢?接下来,我们要先了解下。在日常生活中,我们都会上网,或聊天、或阅读、或购物等,浏览很多的网站,而网站就是由网页组成。在互联网中,软件系统体系分两大结构: 阅读全文
posted @ 2021-05-22 03:41 silencio。
摘要:111 阅读全文
posted @ 2021-05-16 18:33 silencio。
摘要:一 传统的开发模式 前后端分离前我们的开发协作模式一般是这样的: 前端写好静态的HTML页面交付给后端开发。静态页面可以本地开发,也无需考虑业务逻辑只需要实现View即可。 后端使用模板引擎去套模板,同时内嵌一些后端提供的模板变量和一些逻辑操作。 然后前后端集成对接,遇到问题,前台返工,后台返工。 阅读全文
posted @ 2021-05-16 18:02 silencio。
摘要:1、什么是响应式设计 1-1 定义 伊桑·马科特(Ethan Marcotte)在2010年首先提出了响应式网页设计(RWD,Responsive Web Design)这个术语。在他的一篇文章《Responsive Web Design · An A List Apart Article》中他将已 阅读全文
posted @ 2021-05-07 20:35 silencio。
摘要:1 BootStrap插件使用规则 1.1 单个引入 JavaScript 插件可以单个引入(使用 Bootstrap 提供的单个 *.js 文件),或者一次性全部引入(使用 bootstrap.js 或压缩版的 bootstrap.min.js)。 某些插件和 CSS 组件依赖于其它插件。如果你是 阅读全文
posted @ 2021-05-07 20:33 silencio。
摘要:1 Glyphicons 字体图标 图标类不能和其它组件直接联合使用。它们不能在同一个元素上与其他类共同存在。应该创建一个嵌套的 <span> 标签,并将图标类应用到这个 <span> 标签上。 图标类只能应用在不包含任何文本内容或子元素的元素上。 123456789101112 <button t 阅读全文
posted @ 2021-05-07 20:32 silencio。
摘要:1 什么是BootStrap 由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。 2 BootStrap的版本 BootStrap2 BootStrap3 BootStrap4 3 B 阅读全文
posted @ 2021-05-07 20:30 silencio。
摘要:热门组件库 1 使用第三方插件 https://github.com/vuejs/awesome-vue#components--libraries 集合了来自社区贡献的数以千计的插件和库。 2 使用第三方UI框架 饿了么UED团队推出的vue 前端框架: PC框架: (element UI , i 阅读全文
posted @ 2021-05-07 20:17 silencio。
摘要:1 slot插槽 (内容分发) 1234 a. 单个slot b. 具名slot *混合父组件的内容与子组件自己的模板-->内容分发 *父组件模板的内容在父组件作用域内编译;子组件模板的内容在子组件作用域内编译。 1.1 基本使用 1234567891011121314151617181920212 阅读全文
posted @ 2021-05-07 20:05 silencio。
摘要:一 模板语法 1.插值语法 语法: 1234567891011121314151617181920212223242526272829303132333435 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>插值 阅读全文
posted @ 2021-05-07 19:57 silencio。
摘要:前提 必须提前安装好nodejs,并且希望nodejs的版本在16.x以上更好。因为有些依赖库依赖更高的nodejs版本。 而如果你的电脑是win7,那么nodejs貌似只能安装到14.x版本吧,像这个14.x的nodejs就不能用vite3。 创建vue项目的几种方式 由于各种webpack、vi 阅读全文
posted @ 2021-05-07 19:54 silencio。
摘要:1 jQuery 插件的网站 http://plugins.jquery.com/ 官网 http://www.jq22.com/ jQuery插件库 http://www.htmleaf.com/ jQuery 之家 http://www.jq-school.co m jQuery-school 阅读全文
posted @ 2020-12-08 21:03 silencio。
摘要:GoJS示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="myDiagramDiv" style="width:500px; h 阅读全文
posted @ 2020-08-26 03:16 silencio。
摘要:一、Emmet的安装与介绍(HTML/CSS代码自动补全) Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的工具,能够实现 HTML、CSS 的快速编写。 官网地址:http://emmet.io/ 官方文档:http://docs.emmet.io/cheat-she 阅读全文
posted @ 2020-03-05 23:58 silencio。