css，js 学习记录

【css，js 学习记录】的更多相关文章

我的three.js学习记录（二）

通过上一篇文章我的three.js学习记录(一)基本上是入门了three.js,但是这不够3D,这次我希望能把之前做的demo弄出来,然后通过例子来分析操作步骤. 1. 示例上图是之前做的一个demo,有点丑,希望不要介意. 这个主要是外面一层包裹着天空盒, 然后里面是一个由开顶的立方体做成的房子(暂且理解为房子)以及里面的家具构成,其中包括可以播放视频的电视,一个可以照的镜子,导入的沙发模型等 2. 操作步骤 2.1 准备工作首先,我们需要上一篇文章的基础,这里不再赘述,我们直接进入主题,…

我的three.js学习记录（三）

此次的亮点不是three.js的3d部分,而是通过调用摄像头然后通过摄像头的图像变化进行简单的判断后进行一些操作.上篇中我通过简单的示例分析来学习three.js,这次是通过上一篇的一些代码来与摄像头判断部分的代码相互结合,弄一个新的东西,可以看下图说明这次的示例是我们可以通过一个摄像头隔空控制我们屏幕中的视频的播放. 原理其实也是很简单,我们看到的摄像头图像其实是通过获取到的图像数据然后再通过canvas 画上去的,这里有两层canvas 一层是我们的正常的摄像头输出,一层是我们的播放按钮…

vue.js学习记录

vue.js学习记录文章已同步我的github笔记https://github.com/ymblog/blog,欢迎大家加star~~ vue实例生命周期 beforeCreate:不能访问this.$el和this.$data用于初始化非响应式变量created:可以访问this.$data,不能访问到this.$el属性,this.$refs内容,用于ajax请求,created里赋值,data不用定义beforeMount:this.$el和this.$data都初始化了,挂载前thi…

D3.js学习记录【转】【新】

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta h…

记录一些自己曾经阅读,值得收藏的网址 --(css3新特性) https://segmentfault.com/a/1190000010780991#articleHeader41 --CSS3 3D transform变换大神博客张鑫旭 https://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-tran --css 绝对定位相对定位经典 http://www.cnblogs.co…

JS学习记录------JS基本指令

对未来的恐慌,和想成为一名自由开发的梦想.让我觉得应该点亮一个新的技能:WEB前端开发. 重新学习JS以及jQuery,让我在日常code的过程中可以更得心应手,毕竟,我爱代码. 这篇文章主要记录的内容是JS相关的基本指令,只有基本内容,没有理论分析.比较深的理论知识会在后续的文章中进行对比分析. 和HTML以及CSS一样,JS也是一个纯文本语言,不需要用新的工具来编译,创建一个新的记事本,把记事本的格式改成js即可. 按照学习语言的惯例.从Hello world!开始. 首先,创建一个hell…

HTML+CSS+JS学习总结

HTML: 什么是 HTML? HTML 是用来描述网页的一种语言. HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 1>:html不区分大小写,但推荐用小写. 2>:<style>…</style>定义CSS格式 <Script language=“”>…

我的three.js学习记录（一）

在之前因为项目需要使用WebGL技术做网页应用,但是苦于自己没有接触,只是使用过OpenGL.然后接触到了thre.js这个第三方库之后我突然心情很愉快,这将节省我很多时间. 过了这个项目之后,就再也没有看过它了,最近翻开我的个人记录发现了在角落边缘堆尘的three.js决定再看一下,然后记录下来以便以后翻看,毕竟多一个技能也挺好的. three.js简介 three.js是JavaScript编写的WebGL第三方库.提供了非常多的3D显示功能. Three.js 是一款运行在浏览器中的 3D…

html+css+javascript学习记录1

<p> 最近在学一部分前端,知识点很多,却没怎么系统地应用过,因而理解可能不够深吧.所以我想做点片段似的东西,不懂的再在网上搜一搜,这样可能会更有意思点,所以做了这个记录,希望自己坚持下去!</p> Mytodolist html code: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>MyTodolist</title&…

D3.js学习记录

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta h…

python , angular js 学习记录【1】

1.日期格式化 Letter Date or Time Component Presentation Examples G Era designator Text AD y Year Year 1996; 96 M Month in year Month July; Jul; 07 w Week in year Number 27 W Week in month Number 2 D Day in year Number 189 d Day in month Number 10 F Day of…

html css js 一些记录.

webstorm 的基本使用 webstorm 格式化 html 代码: Ctrl+Alt+L js html css 基本使用注意 dom 的 innerHTML会刷新dom,所以里面包含的事件绑定可能无效,需要重新绑定. document ready 和 window.onload 区别 window.onload 是所有文件加载完之后执行一个函数. document.ready(jquery里面才有这个函数,普通js里面没这个函数)是在dom文档树加载完之后执行一个函数, 不代表所有文件…

【CSS/JS学习】如何实现单行／多行文本溢出的省略（...）--老司机绕过坑道的正确姿势

引言: 写前端UI的朋友们也许都遇到过这样的问题:我们需要实现这样一个需求,在一个父级元素中隐藏一个可能过长的文本: 这个文本可能是单行的: 也可能是多行的: 下面我就给大家展示如何简单或优雅地实现这种需求单行文本溢出的省略先上代码 <div style = 'width:400px; height:40px; border:1px solid red;'> <p style='overflow: hidden; text-overflow: ellipsis;…

js 学习记录(一)

前情提要: 本记录参照 <<javascript 入门导论>> 这本书学习 …

html/css/js 学习笔记 - 牛客网试卷:前端工程师能力评估

display属性 : block : CSS1 块对象的默认值.将对象强制作为块对象呈递,为对象之后添加新行可以定义高度和宽度 none : CSS1 隐藏对象.与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间 inline : CSS1 内联对象的默认值.将对象强制作为内联对象呈递,从对象中删除行 overflow 参数是scroll时候,必会出现滚动条.参数是auto时候,子元素内容大于父元素时出现滚动条. <a href="/XXXX&qu…

Node.js学习记录

一.NPM 使用介绍 NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种: 允许用户从NPM服务器下载别人编写的第三方包到本地使用. 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用. 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用. 由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了.同样可以通过输入 "npm -v" 来测试是否成功安装,出现版本提示表示安装成功. 参考资料:…

js学习记录

1.js语法 2.数据类型(基本类型与对象类型.类型的转换) 2.1 数字 2.2 文本 2.3 布尔值 2.4 null和undefined 2.5 对象 2.6 类型检测 3.操作符和表达式 4.函数 5.作用域内存 6.内置对象 7.对象 8.继承 9.BOM 10.正则表达式 11.客户检测 12.事件 13.AJAX 14.js设计模式 14.1 为什么使用设计模式,设计模式的好处? 14.2 设计模式的几大原则 14.3 创建型设计模式 14.3.1 创建型设计模式——单例模式…

Js 框架之Vue .JS学习记录 ① 与Vue 初识

目录与 Vue.js 认识 VUE.JS是个啥?有啥好处? Vue 的目标战前准备 VUE.JS环境 VUE.JS 尝试一下,你就明白第一步实例化VUE 对象第二步VueAPP 调用数据函数 (HTML 展示) 与 Vue.js 认识 VUE.JS是个啥?有啥好处? 就是实现数据与视图实时绑定的前端框架(个人的初学理解) (读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架. Vue 只关注视图层, 采用自底向上增量开发的设计. 自底向上设计是一种设计程…

Node.js学习记录(一)--安装设置篇

安装Node window window上安装node可选择以下两种方式: 方式一:直接进入官网下载安装进入node.js官网点击windows,选择.msi后缀的,根据自己的电脑选择对应的64位或32位后,就会自动开始下载到本地. 安装过程也是直接下一步的简单式安装,这种安装优点是安装很便捷,缺点是只能装一个固定的node版本,对于需要在不同版本下开发的同学就不合适了. 方式二:通过nvm安装管理多个版本node 1.下载 nvm 包地址:https://github.com/coreyb…

【188】HTML + CSS + JS 学习网站

RGB 取色器 HTML 参考手册 CSS 参考手册 HTML 在线测试工具上面源码(博客园 - HTML): <style></style>…

python , angular js 学习记录【3】

1.Alembic是SQLAlchemy作者编写的Python数据库迁移工具.用它实现模型类和数据库的同步更新.(安装以及操作步骤使用Alembic迁移数据库) 使用Alembic添加数据库字段操作流程:切换至db_migrate目录下(1).在model.py里面添加内容(2).运行alembic revision --autogenerate -m "comment内容" 生成数据库迁移文件(3).运行alembic upgrade head 将迁移文件的内容更新到数据库 2.l…

python , angular js 学习记录【2】

1.不同scope之间的通信 (1)无父子关系的scope通信: 在需要操作的scope里面定义一个事件,名称为delete_host,参数为data $rootScope.$on('delete_host', function(event,data) { angular.forEach($scope.hosts, function (item, i) { if (item.id == data) { $scope.hosts[i].deleted = true; } if($scope.sel…