web前端
文章平均质量分 58
Sally-he
个人比较开朗
展开
-
浅谈JS中this
js this原创 2016-10-16 21:37:29 · 237 阅读 · 0 评论 -
CSS居中整理
由于最近用到CSS居中应用,网上资料过多,然后关于居中的技巧有很多,就先总结下方便后续忘记了,好回忆查看。关于实现水平居中行内元素** 1. 详情见:https://codepen.io/Sally-hzy/pen/jprOQdSee the Pen CSS -Line-level-center by Sally (@Sally-hzy) on CodePen. ...原创 2018-07-23 19:55:08 · 568 阅读 · 2 评论 -
CSS百分比布局
百分比是一种相对于包含块的计量单位。首先知道百分比的宽度: 目标元素宽度/父级元素宽度=百分比宽度在说到百分比是前,先简单了解下基本的单位英寸(inch) :in 1 in=2.54cm厘米(centimeter):cm毫米(millimeter):mm磅(point):pt 1pt=1/72 in皮卡(pica):pc 1pc==12 pt像素(原创 2018-01-07 21:59:50 · 15028 阅读 · 0 评论 -
浏览器标准模式和怪异模式之间的区别是什么?
浏览器解析CSS的两种模式:标准模式(strict mode)和怪异模式(quirks mode)。标准模式:浏览器按W3C标准解析执行代码;怪异模式:使用浏览器自己的方式解析执行代码,因为不同浏览器解析执行的方式不一样,所以称之为怪异模式。浏览器解析时使用标准模式还是怪异模式,与网页中的DTD声明直接相关,DTD声明定义了标准文档的类型(标准模式解析)文档类型,会使浏览器使用相关的方式加载网页并显原创 2017-09-17 15:39:26 · 11491 阅读 · 0 评论 -
搜狐畅游前端开发笔试题(问答题部分)
第一道问答题 数组去重 1、首先第一种方法: 使用数组indexOf()方法来实习Array.prototype.unique=function(){ //创建一个数组,用来保存输出结果 var ls=[]; //遍历数组 for(var i=0;i<this.length;i++){ if(ls.indexOf(this[i]==-1)原创 2017-09-17 12:16:24 · 1123 阅读 · 0 评论 -
JavaScript基础(一)--数据类型
一、六种数据类型原始类型:object、number、string、Boolean、null、undefined二、隐式转换1、+和-var x='The answer is'+42;var y=43+'is the answer';if(x==y){console.log(x!=y)}else{console.log(x==y)}[Web浏览器] “false”2、类型转换 cons原创 2017-09-23 18:30:07 · 432 阅读 · 0 评论 -
JavaScript中五种常用的判断字符和五种方法的比较
一、五种判断方法1、indexOf方法代码:var str=”abc”;if(str.indexOf(“bc”)!=-1){}2、search方法代码:var str=”abc”;if(str.search(“bc”)!=-1){}3、test方法代码var str=”abc”;var reg=new RegExp(“.bc.$”);if(reg.test(str)){}4、match方法代码:va原创 2017-08-13 20:52:00 · 781 阅读 · 0 评论 -
自适应网站怎么做好些?
1、在HTML头部增加viewport标签在网站的HTML文件的头部,增加view标签告诉浏览器视口宽度等于设备屏幕宽度,且不进行初始缩放。代码如下:<name="viewport" content="width=device-width,initial-scale=1"/>这段代码吃屎Chrome、Firefox、IE9以上的浏览器,但不支持IE8以及低于IE8的浏览器。2、在CSS文件尾部增加针原创 2017-08-13 16:07:13 · 1938 阅读 · 0 评论 -
GIt的安装与配置
推荐以为一位博客对于GIt的下载、安装、中文包的配置,写的非常详细 在这里,就不搬门弄的去写了。 以下为链接 1、Windows下Git的入门 2、Git的安装与配置 3、TortoiseGit安装与配置 4、 Git与TortoiseGit基本操作 5、 MarkDown简单示例 6、解决 TortoiseGit 诡异的 Bad file number 问题原创 2017-07-17 13:33:49 · 316 阅读 · 0 评论 -
Vue-webpack环境的搭建及项目的创建
一、安装及配置 0、查询npm版本 npm -v //如果小于3.0.8 安装最新版本:npm i npm -g 1、安装webpack:(全局安装) //查看版本webpack -vnpm install webpack -g2、安装vue.js //查看版本vue -vnpm install vue -g3、安装vue命令行工具npm install -g vue-cli4、创建项目原创 2017-07-17 13:25:54 · 825 阅读 · 0 评论 -
Node.js安装及环境配置(windows)
一、安装环境 1、系统:windows10(64位) 2、Node.js:v8.1.3(64位)二、安装Node.js步骤 1、下载对应你系统的Node.js版本:Node.js版本](https://nodejs.org/en/download/) 2、选安装目录进行安装 3、环境配置 4、测试三、前期准备 1、Node.js简介 Node.js 就是运行在服务端的 Jav原创 2017-07-17 13:07:21 · 5070 阅读 · 0 评论 -
Vuex基础
一、Vuex 是什么? Vuex是一个专为vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。二、什么是“状态管理模式”?new Vue({ // state data () { return { count: 0 } }, // view template: `原创 2017-07-17 11:39:58 · 749 阅读 · 0 评论 -
DIV+CSS规范命名规则
一、命名规则说明 1)、所有的命名最好用小写 2)、属性的值一定要用双引号(“”)括起来,且一定要有值如class=“divcss5”,id=”divcss5” 3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整 4)、空元素要有结束的tag或于开始的tag后加上”/” 5)、表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border转载 2017-07-06 15:27:40 · 468 阅读 · 0 评论 -
JS中的!=、== 、!==、===的用法和区别
var num = 12; var str = "12"; var test = 12; window.alert(num == test); //num test 相同类型,相同值 true window.alert(num === test); //num test 相同类型,相同值 true转载 2017-07-10 20:38:51 · 380 阅读 · 0 评论 -
HTML5速查表
<!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"><head><meta http-equiv="Content-Ty原创 2017-04-27 22:01:44 · 527 阅读 · 0 评论 -
网页计算器
<!DOCTYPE HTML><HTML> <HEAD> <meta charset="UTF-8"> <TITLE>计算器</TITLE> </HEAD> <BODY bgcolor=bisque onload=StartCal()> <br><br> <center> <h2>网页计算器原创 2017-04-27 21:58:47 · 532 阅读 · 0 评论 -
promise学习笔记
Promise 三种状态:pending(进行中)、fulfilled(已成功)、rejected(已失败) Promise.prototype.then() 作用是为 Promise 实例添加状态改变时的回调函数。前面说过,then方法的第一个参数是resolved状态的回调函数,第二个参数(可选)是rejected状态的回调函数。 Promise.prototype.c...原创 2018-09-20 23:19:52 · 462 阅读 · 2 评论