- 博客(61)
- 收藏
- 关注
RSS订阅转载 vue Toast 弹窗
创建一个message.vue组件<template> <div class="wrap" v-if="showWrap" :class="showContent ?'fadein':'fadeout'"> <i :class="iconState ?'success':'wrong'"></i> ...
2019-07-25 18:32:00
651
转载 Ubuntu下Nginx安装
1.1 安装Nginx$sudo apt-get install nginx Ubuntu安装之后的文件结构大致为：所有的配置文件都在/etc/nginx下，并且每个虚拟主机已经安排在了/etc/nginx/sites-available下 程序文件在/usr/sbin/nginx 日志放在了/var/log/nginx中 并已经在...
2019-03-21 21:53:00
1417
转载 vi基本状态
vi状态退出并保存：shift+ZZvi readme.txt 进入VIM编辑器,可以新建文件也可以修改文件 如果这个文件，以前是没有的，则为新建，则下方有提示为新文件。按ESC键 跳到命令模式，然后：:w 保存文件但不退出vi:w file 将修改另外保存到file中，不退出vi:w! 强制保存，不推出vi:wq 保存文件并退出vi:wq! 强制保存文件，并...
2019-03-01 17:39:00
647
转载 07. 背景图片距离
背景图片距离<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> * {...
2019-03-01 17:30:00
488
转载 06. 用css实现三角形
用css实现三角形<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> ...
2019-03-01 17:29:00
415
转载 05. flex元素水平垂直居中（三种position水平垂直居中和两种新老版本水平垂直居中）...
flex元素水平垂直居中（三种position水平垂直居中和两种新老版本水平垂直居中）(1).position :<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>...
2019-03-01 17:28:00
546
转载 03. PNG,GIF,JPG的区别及如何选？
3.PNG,GIF,JPG的区别及如何选？照片用 JPG。动画用 GIF。Logo、Icon 等小图用 PNG-8。非特殊情况，尽量不要用 PNG-24 和 PNG-32。转载于:https://www.cnblogs.com/Lolita-web/p/10457705.html...
2019-03-01 17:27:00
615
转载 04. prosition 的值都有哪些，其最本质的区别在哪里？
4.prosition 的值都有哪些，其最本质的区别在哪里？position:relative 相对定位position:fixed 相对浏览器定位position:absolute 绝对定位relative, absolute,fixed,static转载于:https://www.cnblogs.com/Lolita-web/p/10457712.html...
2019-03-01 17:27:00
588
转载 02. css3有哪些新特性？
2.css3有哪些新特性？ 1. CSS3实现圆角（border-radius），阴影（box-shadow）， 2. 对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform） 3. transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0...
2019-03-01 17:26:00
471
转载 01. css sprite是什么，有什么优缺点？
1.css sprite是什么，有什么优缺点？通常被意译为“CSS图像拼合”或“CSS贴图定位”1）CSS Sprites的优点利用CSS Sprites能很好地减少网页的http请求，从而大大提高了页面的性能，这也是CSS Sprites最大的优点；CSS Sprites能减少图片的字节，曾经多次比较过，把3张图片合并成1张图片的字节总是小于这3张图片的字节总和...
2019-03-01 17:25:00
722
转载 04. H5标签有哪些？行内元素有哪些？块级元素有哪些？空(void)元素有哪些？行内元素和块级元素有什么区别？你工作中常用标签有什么？...
4. H5标签有哪些？2）行内元素有哪些？a -锚点em -强调img -图片font -字体设定(不推荐)i -斜体input -输入框3）块级元素有哪些？address -地址blockquote -块引用center -举中对齐块dir -目录列表div -常用块级容易，也是c...
2019-03-01 17:23:00
679
转载 03、介绍一下你对浏览器内核的理解
3.介绍一下你对浏览器内核的理解 渲染引擎(layout engineer或Rendering Engine)和JS引擎。 1）渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮...
2019-03-01 17:22:00
516
转载 02、如何进行网站性能优化或怎么加快页面的加载速度
2.如何进行网站性能优化？1) 减少HTTP请求数合并js文件合并css文件雪碧图的使用(css sprite)使用base64表示简单的图片2）减小资源体积gzip压缩js混淆css压缩图片压缩3）缓存DNS缓存CDN部署与缓存http缓存4）移动端优化使用长cach...
2019-03-01 17:21:00
470
转载 01、前端需要注意哪些SEO？
1.前端需要注意哪些SEO？1）设置网站TDK标签的设置2）图片img标签必须加上alt属性3）h1~h6标签合理使用4）a标签增加rel="nofollow"5) 安装百度的自动推送代码<script> (function(){ var bp=document.createElement('script); ...
2019-03-01 17:21:00
536
转载 19. 你对浏览器的兼容性有了解过吗
在还原设计稿的时候我们常常会需要用到透明属性，所以解决 IE9 以下浏览器不能使用 opacit。虽然面试官的问题十分的笼统，浏览器的兼容性无非还是样式兼容性（css），交互兼容性（javascript），浏览器 hack 三个方面。1. 样式兼容性（css）方面1）因为历史原因，不同的浏览器样式存在差异，可以通过 Normalize.css 抹平差异，也可以定制...
2019-03-01 16:54:00
466
转载 18. 面试题-正则表达式
用户名、整数、电子邮件地址（Email）、手机号码正则。表单验证必备！有错误欢迎指正！1）用户名正则var username=/^[A-z0-9_-]{6,16}$/; // 6到16位（大小字母，数字，下划线，减号） 2）整数正则var posPattern=/^\d+$/; //匹配正整数var negPatte...
2019-03-01 16:50:00
870
转载 17.判断一个整数是否是回文数
回文数(或迴文數)是指一个像14641这样“对称”的数，即：将这个数的数字按相反的顺序重新排列后，所得到的数和原来的数一样。判定一个正整数是否是一个回文数。例如12121是回文数，而1231不是回文数。解法1：转换成字符串再判断要判断一个整数是否是回文数，最自然的想法是把整数转换成一个字符串，然后根据回文的对称特性进行判断。数字转换为字符串可以通过itoa函数实现，判断...
2019-03-01 16:30:00
973
转载 16. js 判断变量类型，包括ES6 新类型Symbol
相信大家在开发中遇到需要判断变量类型的问题，js变量按存储类型可分为值类型和引用类型，值类型包括Undefined、String、Number、Boolean，引用类型包括object、Array、Function，直接上辨别类型的封装函数function varType(n) { var typeStr = Object.prototype.toString....
2019-03-01 16:25:00
594
转载 15. window.onload和$(function() { } )的区别
window.onload和$(function() { } )的区别1）执行时机不一样$(function() { } )是在dom结构创建完成以后就执行，window.onload是在整个页面加载完成之后（包括页面上的资源，比如图片）才执行2）执行次数不一样：$(function() { } )不管你jsp引入的js里定义了几个，会按照顺序依次执行，而window.o...
2019-03-01 16:15:00
516
转载 14. 异步加载Js的方式有哪些？
我们都知道渲染引擎遇到 script 标签会停下来，等到执行完脚本，继续向下渲染，如下：<script type="text/javascript" src="../../libs/public.js" ></script>这样会阻止浏览器的后续解析，只有当前加载完成才能进行下一步操作，所以默认同步执行才是安全的。但是这样如果JS...
2019-03-01 16:06:00
908
转载 13. js延迟加载的方式有哪些
JS延迟加载，也就是等页面加载完成之后再加载 JavaScript 文件。JS延迟加载有助于提高页面加载速度。一般有以下几种方式：1）defer 属性<script src="test1.js" defer="defer"></script> 2）async 属性<script src...
2019-03-01 15:51:00
429
转载 12.谈谈this对象的理解
1.谈谈this对象的理解?2.this指向问题Javascript理解this对象this是函数运行时自动生成的一个内部对象，只能在函数内部使用，但总指向调用它的对象。通过以下几个例子加深对this的理解。（1）作为函数调用var name = 'Jenny';function person() { return this.name;...
2019-03-01 15:48:00
568
转载 11. 变量提升 && 执行上下文
/* 变量升级 预处理 */ /* js引擎在代码正式执行之前会做一个预处理的工作： 1.收集变量 2.收集函数 依据： var 将var后边的变量定义但不赋值 var username=undefined; function(){} */ console.log...
2019-03-01 15:45:00
457
转载 10. 什么是闭包？
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script type="text/javascrip...
2019-03-01 15:44:00
495
转载 09. ajax跨域问题,同源策略
有三个标签允许跨域加载资源<img src=“”/><link href=“”/><script src=“”>可以做防盗链图片功能前端使用jsonp实现原理后端设置http header手动编写一个ajaxvar xhr= new XMLHttpRequest()xhr.open('GET','...
2019-03-01 15:43:00
390
转载 08. 函数节流和防抖
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> html{ ...
2019-03-01 15:42:00
402
转载 07. 如何实现移动端rem适配
如何实现移动端rem适配<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=n...
2019-03-01 15:40:00
406
转载 05.反转数组
5.反转数组var arr = [1,2,3,4,5,6,7,8];for(let i = 0;i<arr.length/2;i++){ //arr[0] arr[arr.length-1-0]; //arr[1] arr[arr.length-1-1]; //arr[2] arr[arr.length-1-2...
2019-03-01 15:38:00
422
转载 03.封装一个转换驼峰的方法
3.封装一个转换驼峰的方法//已知有字符串foo='get-element-by-id',写一个function将其转化成驼峰表示法”getElementById”//自定义函数function toString(foo) { //var foo = 'get-element-by-id'; //根据某个字符进行切割 var arr = foo...
2019-03-01 15:37:00
599
转载 02. 值类型和引用类型的传递
2.值类型和引用类型的传递//第2题 值类型和引用类型的传递function Person(name, age, salary) { this.name = name; this.age = age; this.salary = salary;}function f1(person) { //var person = p; person...
2019-03-01 15:36:00
499
转载 做了三年的菜鸟web前端的感悟
作为一名真正的菜鸟我想没有比我更加实在的了，三年之中，虽然做了一二三四五六七个项目，基本都是jQuery写的，但是还是一名不折不扣的菜鸟。这让我很尴尬啊，面对前端大量要学习的东西，真的是很头疼，技术更新的实在是太快了，让我这一棵焦躁的心不知所措。 第一年学习前端是懵逼的，当时只是会css,html而已，而2016年才开始真正的踏入前端的大门，学会了jQuery。之后写了好几个项...
2019-02-27 00:27:00
524
转载 es6-01
ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会,英文名称是European Computer ManufacturersAssociation）通过ECMA-262标准化的脚本程序设计语言。看到了吗，ECMAScript是属于国际标准化的语言，所有浏览器开发商都要按照它制定的标准来开发浏览器。开发者也一样，按照它的规定来编程代码。ECMAScript ...
2019-02-26 20:59:00
430
转载 20. js继承的6种方式
想要继承，就必须要提供个父类（继承谁，提供继承的属性）一、原型链继承重点：让新实例的原型等于父类的实例。 特点：1、实例可继承的属性有：实例的构造函数的属性，父类构造函数属性，父类原型的属性。（新实例不会继承父类实例的属性！） 缺点：1、新实例无法向父类构造函数传参。 2、继承单一。 3、所有新实例都会共享父类实例的...
2019-02-21 20:53:00
482
转载 06. 如何去掉数组中的重复性数据
6.如何去掉数组中的重复性数据/* * 1.创建一个新数组,把原数组中的第一个元素插入到新数组中 * 2.遍历原数组中的每一个元素分别和新数组中的每一个元素进行比较 *///原数组var arr = [8,11,20,5,20,8,0,2,4,0,8];// 新数组var t = [];//var t = [8,11];t[0] = arr...
2019-02-21 20:48:00
594
转载 01. 作用域和值类型引用类型的传递
1.01-作用域和值类型引用类型的传递var num1 = 55;var num2 = 66;//100function f1(num, num1) { // var num =55; // var num1 = 66; num = 100;//100 num1 = 100;//100 num2 = 100;//100 console...
2019-02-21 20:40:00
491
转载 复习一知识点：回调函数callback
比如我们常用的异步请求：$.ajax({ url:"test.json", type: "GET", data: {username:$("#username").val()}, dataType: "json", beforSend:function(){ // 禁用按钮防止重复提交 $(...
2019-02-12 17:33:00
442
转载 Linode安装环境
Ubuntu 18密码：Fenghaiyan35netstat -plnt //查看所有文件sudo apt-get install apache2 // 安装apachecd /etc/apache2lscd sites-enabledvim 000-default.conf 冒号：...
2019-02-12 15:40:00
597
转载 linode出现以下报错
Linode Manager 报错系统重新安装后解决办法执行rm -rf ~/.ssh/known_hosts再继续执行：ssh [email protected]转载于:https://www.cnblogs.com/Lolita-web/p/10356009.html...
2019-02-08 11:43:00
777
转载 react 中文文档案例七 （温度计）
const scaleNames = { c: 'Celsius', f: 'Fahrenheit'}; function toCelsius(fahrenheit) { return (fahrenheit - 32) * 5 / 9;} function toFahrenheit(celsius) { retur...
2019-02-04 14:27:00
620
转载 react 中文文档案例六 （表单）
class Reservation extends React.Component { constructor(props) { super(props); this.state = { isGoing: true, numberOfGuests: 2, val...
2019-02-04 13:11:00
451
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人