乡子-CSDN博客

原创 ES6中的class类

基础语法添加属性在constructor()函数中方法写在constructor()外面 class Person { constructor(name,age){//构造函数（方法），调用new，自动执行 // console.log(`这个人叫${name}，冻龄了，永远${age}`) this.name = n...

2019-01-02 17:25:03 676

原创 js基础入门

js基础js基础js内置APIDate对象Math对象简易数据转换数组js内置APIDate()对象script> var date = new Date();/*创建一个当前系统时间对象*/ console.log(Date()+"获取当前系统完整时间");/*获取当前系统完整时间*/ console.log(

2018-01-03 17:54:50 359

原创 css入门续篇

css续篇额外篇：标签包含规范 div可以包含所有的标签。 p标签不能包含div h1等标签。 h1可以包含p，div等标签。行内元素尽量包含行内元素，行内元素不要包含块元素。规避脱离标准流尽量使用标准流。标准流解决不了的使用浮动。浮动解决不了的使用定位。图片和文字垂直居中对齐 ver

2018-01-01 17:21:17 343

原创 css基础入门

css基础层叠样式表css特性：层叠性，继承性[h系和a标签除外（浏览器内核有个默认样式）] 优先级：！important>行内样式（嵌入标签）>id选择器>类选择器>标签选择器>默认样式css基础css选择器行高相关属性文本元素属性连接伪类和a标签相关属性背景属性border相关属性浮动布局float定位相关属性position元素之间的转换属性css初始化css选

2017-12-31 21:56:02 889

原创 html基础续篇

html基础标签语义化特点：好的语义化的网站标准就是去掉样式表文件之后，结构依然很清晰。标签语义化概念：根据内容的结构化（内容语义化），选择合适的标签（代码语义化）标签语义化意义：网页结构合理有利于seo:和搜索引擎建立良好沟通，有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取；方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）便于团队开发和维护标签语义注意点：

2017-12-31 16:36:41 318

原创 html基础

html基础详见W3Chtml基础浏览器渲染引擎内核谈谈URL常见标签浏览器渲染引擎（内核）IE：trident谷歌/欧朋：blink火狐：gecko苹果：webkit 注意：内核导致浏览器兼容性问题，绝不向ie低头谈谈URL url的完整格式：协议+ip地址（域名|域名通过解析绑定相应IP地址，方便记忆而存在的）+端口+（路径+文件名）【路径和文件名可省略】

2017-12-31 09:57:04 366

原创 webstrom使用技巧

webstrom使用技巧简介：前端神器webstrom使用技巧webstrom皮肤快捷键常用不常用terminal配置webstrom皮肤文件包下载下载文件包到本地后，打开webstrom→import settings导入文件包快捷键常用Ctrl+/ 或 Ctrl+Shift+/：注释（// 或者/…/ ）Tab ：生成代码Ctrl + Delete：删除文字结

2017-12-30 14:40:32 1116

转载 HTML meta标签总结

HTML meta标签本文摘自：http://caibaojian.com/mobile-meta.htmlHTML meta标签meta大全展示我的移动端meta通用设置meta概述meta使用理解1name属性2http-equiv属性meta大全展示移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析HTML代码，更好地将移动web前端页面表现

2017-12-30 11:59:09 346

原创 sublime text3使用技巧

sublime text3使用教程简介 Sublime Text：一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件，不仅具有华丽的界面，还支持插件扩展机制，优雅使用Sublime Text，插件则是不可缺少的存在,用她来写代码，绝对是一种享受。安装激活官方网站下载：sublime text3；打开.exe文件进行安装，记得选择“Add to explorer context me

2017-12-29 22:24:04 10751

原创基础面试题——HTML/CSS

1. 常用那几种浏览器测试？有哪些内核(Layout Engine)? (Q1)浏览器：IE，Chrome，FireFox，Safari，Opera。 (Q2)内核：Trident，Gecko，Presto，Webkit。2. 说下行内元素和块级元素的区别？行内块元素的兼容性使用？（IE8 以下） (Q1)行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height

2017-12-25 08:15:14 1584 1

原创 CSDN-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2017-12-25 08:11:32 294

原创 HTML5和CSS3核心总结

HTML5和CSS3核心总结HTML5和CSS3核心总结HTML 本地存储cookie和session工作原理HTML 本地存储window.localStorage - 存储没有截止日期的数据存储数据：法1：localStorage.setItem(“key”, “value”);//官方推荐法2：localStorage.key=”value”；法3：loc

2017-11-11 22:11:47 961

原创 javascript常用方法和属性

javascript常用方法和属性javascript常用方法和属性常用全局函数原型和原型链简介Array常用全局函数decodeURIComponent()：解码一个编码的 URIencodeURIComponent()：把字符串编码为 URI 统一资源标识符，或叫做 URI，是用来标识互联网上的资源（例如，网页或文件）和怎样访问这些资源的传输协议（例如，HTTP 或 FTP）的字

2017-11-10 21:06:47 530

转载 Hogan模板引擎

Hogan模板引擎简介：Hogan是一个非常简单的模板引擎，可以把它理解成Mustuche语法的编译器。Hogan简单到只有六七条语法，用hogan渲染html模板不用操作dom会更方便。Hogan的安装和使用通过npm安装hogan: npm install hogan.js –save-devCommonJs下的使用方式：// 引入hoganvar hogan = requir

2017-10-23 21:00:32 2108

原创 js正则入门

js正则入门js正则入门实例化RegExp对象修饰符元字符字符类范围类预定义类常见的边界量词分组前瞻和正则对象属性正则的对象的方法字符串方法实例化RegExp对象字面量：/ 正则 / var reg=/\bis\b/g; 其中\b代表单词边界,修饰符g代表全局构造函数 var reg=new RegExp(‘\\bis\\b’,’g’); 此处

2017-10-08 16:10:54 664 1

原创 Jquery中AJAX参数详细介绍

Jquery中AJAX参数详细介绍Jquery中AJAX参数详细列表：参数名类型描述 url String 默认: 当前页地址) 发送请求的地址。 type String (默认: “GET”) 请求方式 (“POST” 或 “GET”)，默认为 “GET”。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。

2017-10-04 21:51:36 340

原创 &&和||短路运算

&&和||短路运算在JS函数中我们经常会使用到短路运算符，主要是逻辑与（&&）和逻辑或（||）和短路运算逻辑与逻辑或逻辑与（&&）//例一：var a = 5 && 6;console.log(a); //返回的结果为 6//例二：var a = false && 6;console.log(a); //返回的结果为 false 总结： 1. 如果逻辑与运算符左

2017-10-04 15:14:36 745

原创 html-webpack-plugin

html-webpack-plugin打包处理html **引言：**HTML文件开始是在开发目录src下的，但最终发布时是要把包括js，css，HTML和其他资源都打包到dist（打包目录）文件下，webpack下的插件html-webpack-plugin为处理HTML而生。html-webpack-plugin打包处理html原理使用方法配置项说明常用配置项模

2017-10-02 13:46:03 805

原创 PHP之WAMP的配置（二）

一级标题大小设置为标题三，二级标题设置为标题四，正文设置为14px1.更改默认首页1.1打开Apache配置文件httpd.conf，查询directoryindex，可添加替换默认首页；2.更改默认端口2.1打开Apache配置文件httpd.conf，查询 listen，可修改默认端口（一般不修改）；

2017-05-15 11:02:10 410

原创 PHP之WAMP介绍（一）

1.1wamp的安装1.1.1wamp下载地址：http://www.wampserver.com；1.1.2安装过程中可能出现的问题；问题：wamp安装过程中提示VCRUNTIME140.dll丢失；解决方法：下载Visual C++Redistributable 2015（网址：https://www.microsoft.com/en-US/download/detai

2017-05-14 15:30:45 1551

YUWA的博客