= 后端 ** 为了能看懂前端的程序 从而能数据交互 数据一定后端 底线: 能看懂前端代码 一、web前端技术 面试题:你写网页能不能遵循web标准?...tile里面放的是浏览器标签上的内容,只能放题目和广告语 jss和css往head里面写,内容往body里面写 Doctype:文档类型 文档声明:规定文档dtd格式 规定好所有浏览器都以相同的... -- 单标记 标题: h1-h6 段落 p 布局区块: div (里面可以放一切内容) 特殊效果文字小图片: span (多个span标签,两个标签的内容会显示在一行) ...-- href 书写跳转地址 --> 超链接1 <a href="01-常用布局标签.html" target="_...id="id选择器的名字"*/ /* ******* id使用的标准:同一个id名一个页面只能调用一次 -- 工作中id选择器并不是用来写css美化工作的,用来配合js写程序用的做数据交互 *
可以点击扩展程序按钮,鼠标移动到插件右侧的固定按钮,固定到标签栏里。...标签栏多了个icon图标,点击可唤出插件的popup界面:插件不会热更新,记得每次修改代码后点击刷新icon载入最新代码添加功能我们将实现一个简易版的历史记录插件。...DOCTYPE html> <div id="...<em>往</em>manifest里添加CS:{ ......新增assets目录,<em>放</em>一个icon.png文件。
HTML标签是分等级的。HTML将所有的标签分为两种: 文本级标签:p、span、a、b、i、u、em。文本标签里只能放文字、图片、表单元素。 容器级标签:div、h系列、li、dt、dd。...容器级标签里可以放任何东西。 从学习p的第一天开始,就要死死记住:p标签是一个文本级标签,p里面只能放文字、图片、表单元素。其他的一律不能放。 错误写法:(把h系列的标签放到p里) <!...div标签是一个容器级标签,里面什么都能放,甚至可以放div自己。 span也是表达“小区域、小跨度”的标签,但是是一个文本级的标签。 就是说,span里面只能放置文字、图片、表单元素。...-- 返回页面顶部的位置 --> 跳转到顶部 与js有关 <!...不能往网页中插入的图片格式是:psd、ai HTML页面不是直接插入图片,而是插入图片的引用地址,所以也要把图片上传到服务器上。
超文本:链接 标记:标签,带尖括号的文本 标签结构 标签要成对出现,中间包裹内容 里面放英文字母(标签名) 结束标签比开始标签多 / 标签分类:双标签和单标签 需要加粗的文字<strong...,用来放新闻标题或网页的 logo h2 ~ h6 没有使用次数的限制 07-段落标签 一般用在新闻段落、文章段落、产品描述信息等等。...由于工作中大量接触开源的项目JavaScript,最后自己也走上了开源之路,现全职开发和维护Vue.js。... 2014年2月,开发了一个前端开发库Vue.js。Vue.js 是构建 Web 界面的 JavaScript 框架,是一个通过简洁的API提供高效的数据绑定和灵活的组件系统。... Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue.js 自身不是一个全能框架——它只聚焦于视图层。
-- 每个页面都使用的全局CSS, 头部/底部/其他 --> ... 是的,这些都是在标签内部. 但是,不要紧张,在规范中并没说不让这样用。对于每个小的标签块,你的样式可以拆分为只包含对应的CSS。...pages 文件夹 事实上这个文件夹跟modules文件夹基本一样,但我用来放页面的特殊样式。这种更细化的模块化在我们这些天做的东西里绝对罕见,但是它很好的把页面的特殊样式拆分出来了。 ?...管理 JS 嗯,就像我处理CSS一样,我希望把JS拆分成模块,这样每个页面只需要加载其所需的JS。接着,使用Blendid 配置,我只需要做一点微调就可以正常工作了。...---- 往期精选文章 ES6中一些超级好用的内置方法 浅谈web自适应 使用Three.js制作酷炫无比的无穷隧道特效 一个治愈JavaScript疲劳的学习计划 全栈工程师技能大全 WEB前端性能优化常见方法
> Mustache 标签会被相应数据对象的 msg 属性的值替换。...双 Mustache 标签将数据解析为纯文本而不是 HTML。...二、Vue.js 数据绑定语法 參考:Vue.js 数据绑定语法_w3cschool https://www.w3cschool.cn/vuejs/zwi71js0.html 数据绑定语法 Vue.js...Mustache 标签将数据解析为纯文本而不是 HTML。...参数 有些指令可以在其名称后面带一个“参数” (Argument),中间放一个冒号隔开。
从学习p的第一天开始,就要死死记住:p里面只能放文字、图片、表单元素。其他的一律不能放。...语法: 1结婚照 a是英语anchor“锚”的意思,就好像这个页面往另一个页面扔出了一个锚。是一个文本级的标签。...,想放什么都可以。...div标签是一个容器级标签,里面什么都能放,甚至可以放div自己 span也是表达“小区域、小跨度”的标签,但是是一个“文本级”的标签。 就是说,span里面只能放置文字、图片、表单元素。...这个表单就会被提交到,form标签的action属性中的那个页面中去。 前端开发工程师,只需要关心页面的美、样式、板式、交互。至于数据的保存、读取,都是后台工程师做的事情。
目录 Vue快速入门(一) 介绍 Vue.js 是什么 M-V-VM思想 安装 CDN引入 下载到本地 快速使用 双向数据绑定测试 模板语法 插值语法 指令 文本指令 v-html:让HTML渲染成页面...v-text:标签内容显示js变量对应的值 v-show:显示/隐藏内容 v-if:显示/删除内容 事件指令 v-on:click 可以缩写成@click 属性指令 v-bind:class=’js变量...,这里的数据要显示到页面中 View :vue中数据要显示的HTML页面,在vue中,也称之为“视图模板” (HTML+CSS) ViewModel:vue中编写代码时的vm对象,它是vue.js的核心...,负责连接 View 和 Model数据的中转,保证视图和数据的一致性,所以前面代码中,data里面的数据被显示中p标签中就是vm对象自动完成的(双向数据绑定:JS中变量变了,HTML中数据也跟着改变)...js变量对应的值 v-show 放1个布尔值:为真 标签就显示;为假 标签就不显示 v-if 放1个布尔值:为真 标签就显示;为假 标签就不显示 v-show与 v-if的区别: v-show
(href=,style="background:linear-gradient(to right,#6639a6,#3490de)") span.category_button_text...(href=,style="background:linear-gradient(to right,#f65,#ffbf37)") span.category_button_text...='stylesheet' href='/css/sticky.css') 2.2 创建sticky.js 在themes/butterfly/source/js路径下创建sticky.js文件: var...本文主要介绍了目标检测数据集的几种标注格式和转换代码。 3.2 css样式 见1.2中.top_post_group等样式类,不再赘述… 4....补充:zhheo大佬首页人来人往特效 4.1 创建people页面 在hexo\source\路径下创建people文件夹,其中创建index.html: --- layout: false ---
这是因为原先的模板使用doctype 5的标签导致,因为这个标签已经过时了,改用doctype html。...下载bootstrap,把css,跟js放到public文件夹下面。在public文件夹下面新建一个baby文件夹,里面放要显示的图片。...') script(src='/bootstrap.js') script(src="http://blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js...修改index.js 这个文件的作用相当于asp.net mvc下的controller,这里使用nodejs读取baby文件夹下的image文件然后传递到index.jade视图上。...传递过来的数据,循环生成img标签。
/目标网页.html">超链接 特点:双标签 内容可以包裹内容 如果需要a标签点击之后去指定页面,即需设置a标签的href属性 属性: _self 默认值,在当前窗口跳转(覆盖原网页) _blank...在新窗口中跳转(保留原网页) <a href="....5.1.无序列表 ul表示无序列表的整体 li表示无序列表的每一项 ul标签中只能放li标签 但是li中可以放其他标签比如p什么的 123 ...321 5.2.有序列表 ol表示有序列表的整体 li表示有序列表的每一项 ol标签中只能放li标签 但是li中可以放其他标签比如p什么的 jiejie...dl标签中只能放dd/dt标签 但是dd/dt中可以放其他标签比如p什么的 123 dd前会默认显示缩进效果 六:表格
浏览器内核:浏览器分两个部分,一个是渲染引擎(layout engineer 或者 Rendering Engine)和js引擎....javascript语言的,来实现网页的动态效果.听说开始渲染引擎和js引擎是没有区别的,只是后来js引擎的独立,内核就指渲染引擎了, 常见的浏览器内核分为:Trident(IE内核), Blink(chrome...p标签一行只能放一个. div和span,网页布局css+div.一行可以放多个span,而div一行一个,没有语义,用来布局的.文本格式标签: 粗体 alt title width height border 图形的路径 图形不显示时替换的文本 显示的内容 宽度 高度 图像边框的宽度 链接标签anchor 緢点定位 dashu dashucoding 标签 // img hr br
上次创建好了app,搭建好了数据库 创建数据库 因为项目比较简单,只需要书的作者和名字就可以了 from django.db import models导入django内置的数据库,创建数据库的名字叫...urls.py 前端页面编写 对于编写前端,必须知道模板变量和模板标签 模板变量 {{ }} 模板标签 {% %} 以及最重要的继承base模板 {% extends 'base.html' %} 任何前端代码编写第一就是先写...%}{% endblock %} 代码解析 {% load static %} 就是模板标签 来引用static文件夹的静态资源的 在setting.py中会有STATIC_URL...= '/static/' ,这个是项目自动生成的,所以你只需要新建一个文件夹叫static,放一些CSS,js,image资源 ?...base.css' %} 就是加载css样式 {% url 'add_book' %} 就是跳转的url链接 {% block content %}{% endblock %} 其他html可以在这里放它自己的内容
=one_pages #这是一页能放几个页码 self.mid_num=(one_pages-1)/2 #这是当前页码前后可以有几个页码数...,使得我们跳到其他页码后,搜索条件等请求数据依然保留,返回的是一个列表,里面放的就是展示页码的前端代码 content=copy.deepcopy(self.request.GET)...,返回,前端拿到这个标签字符,直接用模板渲染就行了 return mark_safe(data) 现在有一个页面上需要用到分页,去调用这个类。 .../js/bootstrap.js"> {{obj_list}} #这是要展示的数据,格式还需要调整,循环这个列表...> 展示效果,只需看最下面的页码,上面的数据,我是用标签渲染过的 ?
在工作中: 一个标签显示隐藏用v-show 多个标签显示隐藏用v-if和v-else vue没有权限控制body,只能控制内容标签,不能控制结构标签。...如果想控制的内容父级是结构标签,那么直接人为的构造一个父级标签。 在项目中,先了解分析需求,考虑准备什么样的数据,让这个数据变化就能页面跟着变化。...beforeCreated 数据和标签都没有 created 数据有了,但是没有找到标签 beforeMount 数据依旧有,对象已经生效于那个标签了,但是mustache里面的数据没有变化,没有修改...mounted标签生效了,mustache中的数据也能正常显示了 工作中要记忆的的是生命周期写法和mounted这个单词 vue和jQuery在开发过程中只能用一种。...() 一般都是往有id的大的标签后面放vue 想要查看数据,可以在地址栏端口后后面接/接口名 在成功后的的回调函数里面写this的话会出错,是语言的bug,不是代码有问题。
使用链接文本创建链接文本(被点击的) 「6. 注释标签」 <!...表格」 现在还是较为常用的一种标签,但不是用来布局,常见显示、展示表格式数据。因为它可以让数据显示的非常的规整,可读性非常好。...td 用于定义表格中的单元格,必须嵌套在标签中。 字母 td 指表格数据(table data),即数据单元格的内容,现在我们明白,表格最合适的地方就是用来存储数据的。...用来放标题之类的东西。内部必须拥有标签! \2. tbody></tbody:用于定义表格的主体。放数据本体 。 \3. tfoot></tfoot放表格的脚注之类。 \4....HTML的输入框可以拥有自动完成的功能,当你往输入框输入内容的时候,浏览器会从你以前的同名输入框的历史记录中查找出类似的内容并列在输入框下面,这样就不用全部输入进去了,直接选择列表中的项目就可以了。
JS:JavaScript。从交互的角度描述页面的行为。相当于人的动作,让人有生命力。...计算机只能处理二进制的数据,其它数据,比如:0-9、a-z、A-Z,这些字符,我们定义一套规则来表示。假如:A用110表示,B用111表示等。...(a标签里不能放a和input) 容器级标签:div、h系列、li、dt、dd。容器级标签里可以放置任何东西。 要死死记住:p标签是一个文本级标签,p里面只能放文字、图片、表单元素。...div标签是一个容器级标签,里面什么都能放,甚至可以放div自己。 span也是表达“小区域、小跨度”的标签,但是是一个文本级的标签。 就是说,span里面只能放置文字、图片、表单元素。...不能往网页中插入的图片格式是:psd、ai HTML页面不是直接插入图片,而是插入图片的引用地址,所以也要把图片上传到服务器上。
Markup Language, 超文本标记语言),用于构建网页基本结构及其内容的标记语言 超文本:文本中包含指向其他文本的链接 标记语言:将文本以及文本相关的其他信息结合起来,展现出关于文档结构和数据处理细节的电脑文字编码...:标签页上的图标 9....可执行脚本,链接到js文件,也可直接在标签里写 常用元素 块级元素 占据父元素的整行,块级元素独占一行 能容纳其他块级元素和行内元素... nav 标签 在当前文档中提供导航链接,如菜单、目录、索引等 用来放一些热门的链接,不常用的链接一般放在 footer 标签里,而 footer 标签放在底部 HTML CSS JS
在一个项目里面有一个专门放模板的文件夹Templates,有一个专门放视图的文件views,而且我们大多给浏览器响应的都应该是一个完整的页面,也就是读取的是一个HTML文件,然后再返回给浏览器。...但我们在写HTML文件时,里面关于要从数据库拿数据,或者经常更改的地方又不能写死了,此时就需要用到模板语法了,在HTML文件中写上模板语法,然后在views读取HTML文件时,再对HTML文件中模板语法进行解析...title {% endblock %} 诗歌 小说</a
Document内置对象的作用: 1)往网页中写入一些标签 2)可以动态获取网页中所有的标签(节点) 3)可以对获取到的标签进行CRUD 3.1.3.8.写入内容 3.1.3.9.dom动态获取标签...根据class名称获取多个标签 3.1.4.0.js中的常见事件 系统内置事件 ²Window.onload 网页加载完毕事件 ²Window.onscroll 网页滚动加载事件 ²Window.onresize...网页尺寸切换事件 dom标签中的常用事件 Ø鼠标点击事件 onclick事件 Ø鼠标移入事件 onmouseover Ø鼠标离开事件 onmouseout Ø鼠标移动事件 onmousemove Js...在编写时候的三种方式: 1)直接在html标签中添加js 2)在script标签里面写 3)?????????...="#">数据七夕:金牛爱送玫瑰 阿里打造"互联网监管" <a
领取专属 10元无门槛券
手把手带您无忧上云