前端 HTML CSS Js

1.Html  标签  表单  input等

2.CSS :sass  less  编写工具   标签修饰语言   漂亮的动画 等

3.Javascript: ES6  对象的概念:

{a:3,b:function(){},c:this }

Object:  包含的方法:Object.defineProperty()  属性的4个基本属性value 可配置 可枚举,可读写?

Object.create()  call  apply arguments   prototype=包含构造方法和原型链等。

自执行, export {  }     import   from        let    ...args   Proxy  reflect

数据类型5种:string  number  null undefined  boolean  symbol    redis也是5种:string set 有序set hash list

操作DOM BOM  事件  JS的继承关系prototype   一切皆对象,对象皆属性 方法  set get 方法reflect反射对象属性,串。。。

4.几种前端思想:

MVC  :data  view  js controller

MV   VM: data  view    view<======>model(data)  双向控制     虚拟DOM  内存操作?

5.vue  :7大对象:el   data 不知道了后续补充过来。

vuex 状态管理    vue-router 路由管理   vue-ui 视图管理  axios vue与后端异步通信方法

原文地址:https://www.cnblogs.com/chencn/p/12364351.html

时间: 2024-08-25 16:20:56

前端 HTML CSS Js的相关文章

WEB前端优化CSS,JS,图片

做网站优化的运维都知道,为了提高网站的访问速度,一般会开启Apache/Nginx gzip功能,将文件压缩,但是这个压缩与我要说的压缩不在一个层面.网上也提供一些在线css.js文件压缩功能.今天介绍一款linux工具来实现这个功能安装JAVA YUI Compressor由java开发,所有我们必须先有java环境.一般系统都会自带java,如果没带,那么 yum安装一个openjava # yum install java 确认是否安装成功 [[email protected] vhost

【开源】前端练手笔记,Chrome扩展应用程序(html+CSS+JS) (1)

项目名称:github-notification 项目地址:https://github.com/wuchangming/github-notification 说明:本人打算抽时间学习前端(html + css +js),选择Chrome扩展应用程序制作一个简单练手的项目.避免中途放弃在此立字为证! 有一起的兄弟吗? 项目简介:一款开源的,关于Github通知和监控个人项目的Chrome扩展应用程序(其实就是想监控下github上某个项目的star数,fork数等等.当然大家有什么想法也可以一

【前端】Sublime text3 插件HTML/CSS/JS prettify 格式化代码

1.首先安装插件 菜单的preference->packages control,然后输入install .. 回车,再输入HTML/CSS/JS prettify 再回车,重启后就可以了. 2.在代码界面右击->HTML/CSS/JS prettify->Prettify Code ,如果出现下图提示 去node.js官网下载32位的相应的node.js, windows对应的 node.js 的传送门. 然后保证位置和set plugin option里面的一样就行了.

前端 css+js实现返回顶部功能

描述: 本文主要是讲,通过css+js实现网页中的[返回顶部]功能. 实现代码: HTML: 1 <div> 2 <button onclick="returnTop()" id="btnTop" title="返回顶部">返回顶部</button> 3 </div> CSS: 1 /* return top */ 2 #btnTop { 3 display: none; 4 position: f

HTML/CSS/JS编码规范

最近整理了一份HTML/CSS/JS编码规范,供大家参考.目录:一.HTML编码规范二.CSS编码规范三.JS编码规范 一.HTML编码规范 1. img标签要写alt属性 根据W3C标准,img标签要写alt属性,如果没有就写一个空的.但是一般要写一个有内容的,根据图片想要表达的意思,因为alt是在图片无法加载时显示的文字.如下不太好的写法: <img src="company-logo.svg" alt="ABC Company Logo"> 更好的

Spring MVC程序中怎么得到静态资源文件css,js,图片文件的路径问题

问题描述 在用springmvc开发应用程序的时候.对于像我一样的初学者,而且还是自学的人,有一个很头疼的问题.那就是数据都已经查出来了,但是页面的样式仍然十分简陋,加载不了css.js,图片等资源文件,如果你输入某个css的文件在浏览器中得到的直接是404错误(例如http://localhost:8080/iMax_view/css/classify.css),表示路径肯定没有错,这是因为你在web.xml中配置的springservlet ]<!-- springmvc前端控制器,rest

web服务器/cgi/html/css/js

随着Internet技术的兴起,在嵌入式设备的管理与交互中,基于Web方式的应用成为目前的主流,这种程序结构也就是大家非常熟悉的B/S架构,即在嵌入式设备上运行一个支持脚本或CGI功能的Web服务器,能够生成动态页面,在用户端只需要通过Web浏览器就可以对嵌入式设备进行管理和监控,非常方便实用.本节主要介绍这种应用的开发和移植工作. Web 典型的嵌入式Web服务器有Boa (www.boa.org)和thttpd (http://www.acme.com/software/thttpd/)等,

【必备】史上最全的浏览器 CSS &amp; JS Hack 手册

[必备]史上最全的浏览器 CSS & JS Hack 手册 浏览器渲染页面的方式各不相同,甚至同一浏览器的不同版本(“杰出代表”是 IE)也有差异.因此,浏览器兼容成为前端开发人员的必备技能.如果有一份浏览器 Hack 手册,那查询起来就方便多了.这篇文章就向大家分享 Browserhacks 帮我们从网络上收集的各个浏览器特定的 CSS & JavaScript Hack,记得推荐和分享啊! IE 选择器 Hack 1 2 3 /* IE 6 and below */ * html .s

前端学习:JS学习总结(图解)

前端学习:JS学习总结(图解) JS比HTML和CSS的知识点要多的多,下面分几段来介绍其内容... 为了能让大家更好的检索,前面的图解是整个JS的概括,后面的才是知识点... 旁边就是目录,建议用目录来观看本博客...... JS的知识体系  JS的简介 JS基本语法 JS内置对象 JS的函数 JS的事件 JS的BOM JS的DOM JS的简介 JS是什么? JS能做什么? JS的历史及组成 JS的引入方式 JS基本语法 变量 原始数据类型 引入数据类型 运算符 逻辑语句 JS内置对象 JS对