0

JS---DOM---总结绑定事件的区别

总结绑定事件的区别: addEventListener(); attachEvent() 相同点: 都可以为元素绑定事件 不同点: 1.方法名不一样 2.参数个数不一样addEventListener三个参数,attachEvent两个参数 3.addEventListener 谷歌,火狐,IE11 ...

jane_panyiyun 发布于 2019-12-10 14:59 评论(0)阅读(0)
0

Flask websocker

群聊版 安装 pipinstallgevent-websocket 视图 #-*-coding:utf-8-*- importjson fromflaskimportFlask,request,render_template fromgeventwebsocket.handlerimportWebS... ...

Python小白森 发布于 2019-12-10 14:36 评论(0)阅读(4)
0

JS---DOM---part4 课程介绍 & part3 复习

part4 课程介绍 事件 1. 绑定事件的区别 2. 移除绑定事件的方式及区别和兼容代码 3. 事件的三个阶段 4. 事件冒泡 5. 为同一个元素绑定多个不同的事件,指向的是同一个事件处理函数 6. 百度的大项目 7. BOM 8. 定时器 9. DOM加强,多个几个好玩的案例 part3 复习 ...

jane_panyiyun 发布于 2019-12-10 14:27 评论(0)阅读(3)
0

基于webpack实现多html页面开发框架六 提取公共代码

一、解决什么问题 1、如果a.js和b.js都引用了common.js,那在打包的时候common.js会被重复打入到a.js和b.js,造成重复打包 2、单独打包common.js对性能有帮助,浏览器下载一次后会缓存下来,不会重复下载 二、未抽取公共代码的状况 基于之前代码,测试如下: 1、在as ...

Lisong 发布于 2019-12-10 14:24 评论(0)阅读(60)
0

CSS盒子模型、RestCSS、浮动、定位

盒子模型 边框:border 左边框:border left 右边框:border right 上边框:border top 下边框:border bottom 复合样式:border 边框颜色:border color 边框宽度:border width 边框样式:border style 实线: ...

纪宇-年华 发布于 2019-12-10 14:23 评论(0)阅读(6)
0

松软科技Web课堂:JavaScript For 循环

循环可多次执行代码块。 JavaScript 循环 假如您需要运行代码多次,且每次使用不同的值,那么循环(loop)相当方便使用。 通常我们会遇到使用数组的例子: 不需要这样写: text += cars[0] + "<br>"; text += cars[1] + "<br>"; text += ...

施少壮 发布于 2019-12-10 09:36 评论(0)阅读(19)
0

用Bootstrap做一个历史朝代表

引入CDN,算好需要合并的单元格。 <!DOCTYPE html> <html> <head> <!-- 移动设备 --> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> < ...

把番茄沉入海底 发布于 2019-12-10 07:16 评论(0)阅读(47)
0

获取页面元素

如何获取页面元素 根据ID获取 使用getElementById()方法可以获取带ID的元素对象 因为文档页面从上往下加载,所以先得有标签,script写在标签的下面 get 获取 element 元素 by 通过 驼峰命名法 参数 id 是大小写敏感的字符串 返回一个元素对象 console.di ...

小咸鱼|大梦想 发布于 2019-12-09 21:15 评论(0)阅读(24)
0

github pages 子域名 ( subdomain ) https 认证

关于github page 创建子域名以及https 认证 ...

bllovetx 发布于 2019-12-09 21:08 评论(0)阅读(19)
0

随机点名

今天听课听到了Math对象中的随机数方法random(),然后就想用它设计一个简单的随机点名系统。我记得之前高中的时候语文老师用过一个,是类似于名字滚动的那种,现在太菜就先不考虑这个了,后续有机会再研究吧。 先展示一下最终的效果图。 下面是html代码部分 1 <!DOCTYPE html> 2 < ...

SailorM 发布于 2019-12-09 20:47 评论(0)阅读(37)
0

web前端命名规范

下面是常见的命名参考规范: ❤ 主体 头部:header 内容:content/container 尾部:footer 导航:nav 侧栏:sidebar 栏目:column 整体布局:wrapper 左右中:left / right / center 登录条:loginbar 标志:logo 广告 ...

小时光不期而遇 发布于 2019-12-09 17:33 评论(0)阅读(38)
1

Vue组件应用

Vue的组件是可复用的 Vue 实例,且带有一个名字 。我们可以在一个通过 new Vue 创建的 Vue 根实例中,把这个组件作为自定义元素来使用。因为组件是可复用的 Vue 实例,所以它们与 new Vue 接收相同的选项,例如 data、computed、watch、methods 以及生命周... ...

任风来去匆匆 发布于 2019-12-09 16:58 评论(0)阅读(175)
0

CSS选择器、字体/文本、背景

CSS的基本使用 直接写在标签内 写在 style 标签内 使用外部 .css 文件 @import (不建议使用此方式) link CSS选择器 优先级:id选择器 class 选择器 标签选择器 标签选择器:标签名{} class选择器(“.”符号):.class名{} id选择器(“ ”符号, ...

纪宇-年华 发布于 2019-12-09 15:56 评论(0)阅读(26)
0

react-starter-projects

react-starter-projects These are repositories that you copy and modify to create your own React app. Pick a starter project with all the features you ...

kiddy-star 发布于 2019-12-09 11:49 评论(0)阅读(23)
0

攻略前端面试官(二):作用域和闭包

本文在 "个人主页" 同步更新~ 背就完事了 介绍:一些知识点相关的面试题和答案 使用姿势: 看答案前先尝试回答,看完后把答案收起来检验成果~ 面试官:如何理解JS的作用域和作用域链 答:在ES5中,只有全局作用域和局部作用域。ES6因为let,const的引入而有了块作用域。js在浏览器中的顶级作 ...

kilua 发布于 2019-12-09 09:40 评论(0)阅读(88)
0

什么是结构、样式、行为分离?

什么是结构、样式、行为分离?这样做的好处是什么? web标准的核心理念就是结构标准、样式标准和行为标准,提倡结构、表现和行为相分离,即HTML-结构、CSS-表现、JavaScript-行为 分离。 HTML标签给予内容含义,CSS表现层则定义HTML该如何显示(外观),JavaScript行为成为 ...

Tianna9510 发布于 2019-12-08 23:13 评论(0)阅读(42)
1

一起学Vue之模板语法

Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。 ...

Alan.hsiang 发布于 2019-12-08 23:00 评论(0)阅读(92)
0

FCC---CSS Flexbox: Align Elements Using the justify-content Property

Sometimes the flex items within a flex container do not fill all the space in the container. It is common to want to tell CSS how to align and space o ...

jane_panyiyun 发布于 2019-12-08 22:27 评论(0)阅读(24)
0

简单看看es6解构赋值

哎,我真的是太难了,今天就被这个解构赋值(也可以叫做析构,貌似析构是在c++中的,所以我这里叫做解构赋值吧)弄的我很烦,本来以为很容易的,结果还是弄了好久。。。就总结一下解构吧! 1.解构的基本使用 什么叫做解构呢?其实就是类似正则表达式的这么一个东西,就是用一个有规则的表达式去匹配一个对象,这个表 ...

java小新人 发布于 2019-12-08 22:26 评论(0)阅读(45)
0

FCC---CSS Flexbox: Apply the flex-direction Property to Create a Column in the Tweet Embed

The tweet embed header and footer used the flex-direction property earlier with a row value. Similarly, the items inside the .profile-name element wou ...

jane_panyiyun 发布于 2019-12-08 22:12 评论(0)阅读(7)