LBY.LINK
最新文章
微信开发
前端方向
后端方向
API申请
工具
关于
搜索
登录
注册
记录一次手残删除mysql中ibdata1中相关文件通过仅存的.frm和.ibd恢复数据库数据历史
前几天无意间去打开零食小铺站点(https://snackshop.lby.link)发现mysql报错了,页面上大概的意思就是无法连接到mysql,一看这个节奏,心想还以为是磁盘空间满了导致mysql启动失败,因为之前有这个前例。接着打开ssh终端登录阿里云的ecs,看了下磁盘空间正常,不是空间不足导致启动不了,然后尝试手动启动mysql:servicem
憶、逝呿靑舂
阅读(2822)
(0)
2021-05-16 16:44:14
递归
1:找规律2:找出口vardata=[{name:"所有物品",children:[{name:"水果",children:[{name:"苹果",children:[{name:'青苹果'},{name:'红苹果'}]}]},{name:'主食',children:[{name:"米饭",children:[{name:'北方米饭'},{name:'南方米
密码忘了
阅读(2342)
(0)
2020-08-03 23:41:14
async / await
首先async/await并不是es6新增的,而是ES7(ECMAScript2016)推出了Async函数(async/await),实现了以顺序、同步代码的编写方式来控制异步流程,彻底解决了回调地狱问题。今天先了解一下Promise语法糖语法糖(Syntacticsugar),也译为糖衣语法,是由英国计算机科学家彼得·约翰·兰达(PeterJ.Landi
随心ii而动
阅读(2198)
(0)
2020-07-07 22:50:24
webpack构建工具之性能优化
webpack是一个现代JavaScript应用程序最为火热的静态模块打包器,当webpack处理应用程序时,会递归构建一个依赖关系图,其中包含应用程序需要的每个模块,然后将这些模块打包成一个或多个bundle,在项目构建的时候可以根据项目需求配置自己的构建配置来优化构建的速度和项目的加载速度。我们在这篇文章中主要来说说优化webpack项目构建性能,和对于
憶、逝呿靑舂
阅读(2144)
(0)
2020-04-05 00:07:59
Git 版本控制工具
什么是git?是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目,有效提高团队协作能和代码版本的管理问题.目前工作流中使用版本控制系统主要有:SVN(集中式)和Git(分布式)SVN与Git的区别SVN是一个集中式管理系统(所有项目代码统一集中管理)Git是一个分布式管理系统(每台终端设备既是终端也是一个本地的仓库,也会有一个集中管理仓库)
憶、逝呿靑舂
阅读(2384)
(0)
2020-01-04 09:50:19
文章内容图片上传测试
以为文章内容上传测试,目前支持单张图片支持。可以直接使用markdown文档编辑器中图片自带上传菜单进行图片本地上传...(该功能试验过程中)
系统管理员
阅读(2195)
(0)
2019-12-29 21:48:21
HTTP协议的常见状态码
HTTP协议的常见状态码我们经常会听到HTTP协议,我们也每天都会用到HTTP协议,那么HTTP的面纱下到底是什么呢?我们今天就先来聊聊HTTP协议的状态码。我们继续上回的故事~上回书说到,小刚给小明介绍了一个女朋友(铁锤妹妹),然后害羞的小明写了一封信,让哆啦A梦帮忙送给铁锤妹妹。这个时候小明就相当于计算机世界中的浏览器,铁锤妹妹相当于计算机世界中的服务器
随心ii而动
阅读(2360)
(0)
2019-12-29 19:00:06
初识五层网络模型
初识五层网络模型大家都经常听到Http协议、TCP/IP协议,UDP协议等等很多协议,这都是一些既熟悉又陌生的词,很多同学不理解这些协议是做什么的?好吃吗?不用协议行不行?这些协议有什么区别?今天我们就来聊聊这个话题~话说小明平生,稳久必浪,浪久必稳。有一天,小刚给小明介绍了一个女朋友,名叫:赵铁锤~小明虽然平时抽烟喝酒烫头,但是性格还是比较内向的~所以决定
随心ii而动
阅读(2698)
(0)
2019-12-28 22:57:55
nginx反向代理配置
nginx作为web服务器一个重要的功能就是反向代理。当然你也可以使用nginx配置正向代理,本是介绍如何配置nginx的反向代理。nginx反向代理的指令不需要新增额外的模块,默认自带proxy_pass指令,只需要修改配置文件就可以实现反向代理。配置前的准备工作,后端跑apache服务的ip和端口,也就是说可以通过http://ip:port能访问到你的
憶、逝呿靑舂
阅读(1764)
(0)
2019-12-28 14:25:18
JavaScript 性能优化之节流和防抖
在js事件中,一般像:鼠标移动事件(onmousemove),页面滚动事件(onscroll),窗口缩放事件(onresize),oninput输入事件事件触发频率非常快,轻轻一动就是触发几十次(如果每次触发的执行任务比较复杂,会严重影响性能)优化方案(对一些没有必要的操作忽略):节流:(在一段时间内只触发一次):当持续触发事件时,保证一定时间段内只调用一次
憶、逝呿靑舂
阅读(1961)
(0)
2019-12-27 12:12:25
JavaScript中的高阶函数
高阶函数是对其他函数进行操作的函数,可以将它们作为参数或返回它们。简单来说,高阶函数是一个函数,它接收函数作为参数或将函数作为输出返回。//functionfn(){//console.log("这是fn函数...");//}//////封装一个能够适用于多数场景的业务函数=>10个地方//functionabc(fn){//console.log(f
憶、逝呿靑舂
阅读(1859)
(0)
2019-12-27 12:02:57
在浏览器地址栏输入地址 按回车 / F5 刷新 / ctrl + F5(强制刷新) 区别 ?
问题:在浏览器地址栏输入地址按回车/F5刷新/ctrl+F5(强制刷新)区别?地址栏按回车:直接拿请求的资源与当前的缓存对比,直接使用缓存,不需要向服务器验证是否最新(本来要喝牛奶,然后打开冰箱发现还有牛奶,就直接喝了,不管有没有过期)F5刷新:1.先看下浏览器的缓存是否过期(已过期)重新请求,向服务器进行验证是否过期(服务器进行文件的最后修改时间对比:1.
憶、逝呿靑舂
阅读(2170)
(0)
2019-12-27 12:01:25
JavaScript 函数柯理化
定义:在计算机科学中,柯里化(Currying)是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数且返回结果的新函数的技术。好处:1.实现参数单一传入实现参数复用2.缓存函数执行的参数,减少重复计算=>延迟计算(延迟处理某些任务,因考虑到后面还有其他的任务)使用场景:1.比如说再一些需要动态传参的场景下使
憶、逝呿靑舂
阅读(2003)
(0)
2019-12-23 16:38:16
ES6中的元编程 - Proxy & Reflect
ES6中的元编程-Proxy&Reflect什么是元编程元编程(Metaprogramming)是指某类计算机程序的编写,这类计算机程序编写或者操纵其他程序(或者自身)作为它们的数据,或者在运行时完成部分本应在编译时完成的工作。很多情况下与手工编写全部代码相比工作效率更高。编写元程序的语言称之为元语言,被操作的语言称之为目标语言。一门语言同时也是自身
永恒的金色年华
阅读(1967)
(0)
2019-12-16 11:03:24
vue鉴权处理
在SPA(单页面应用)中,前端需要根据用户的权限来控制用户菜单以及路由表,vue-router提供了几个路由生命周期钩子,叫做路由守卫,我们可以利用路由守卫在路由以及路由元信息进行权限控制,同时搭配vuex将会更美味登录权限登录验证是最常见的一种路由权限验证,使用vuex+路由守卫可以实现比较清晰流畅的鉴权流,能轻松应对页面刷新、清除缓存等场景。路由元信息v
憶、逝呿靑舂
阅读(1853)
(0)
2019-11-29 10:56:48
Vue实现非父子组件通信方式
实现Vue非父子组件通信方式:1、利用$attrs实现祖孙组件间的数据传递,$listeners实现祖孙组件间的事件监听$attrs包含了父作用域中不作为prop被识别(且获取)的特性绑定(class和style除外)。当一个组件没有声明任何prop时,这里会包含所有父作用域的绑定(class和style除外),并且可以通过v-bind="$attrs"传入
憶、逝呿靑舂
阅读(1662)
(0)
2019-11-17 21:24:53
淘宝双11喵币脚本
https://github.com/sleepybear1113/taobaoVisitingVenues
系统管理员
阅读(2410)
(0)
2019-11-06 21:48:26
使用ES6的class关键字定义类和extends实现类的继承
//使用class关键字,定义类=>(ES5中构造函数)//定义一个父类:父类不会被用于实例化,只提供与继承使用classAnimal{//构造函数constructor每个类中都会有这个内置的构造函数,会在类实例化的时候自动调用,用于初始化实例对象(在new需要设置一些属性)constructor(name,type,color){//此处的参数,在
憶、逝呿靑舂
阅读(2161)
(0)
2019-10-22 15:05:40
npm与webpack基础
【NPM】npm(NodePackageManager):Node包管理工具,Node自带NPM;核心思想:代码仓库,在里面放所有需要被共享的代码;代码共享:1.早期主要靠网址共享代码;(bootcdn.cn)2.github兴起之后使用github上的下载功能;3.现在使用NPM;NPM使用:1.打开Node官网,下载Node;2.打开cmd命令提示符,进
小朱
阅读(1966)
(0)
2019-10-07 00:08:37
babel.js编译
babel官网babel中文网方法一:引入JS文件leta=12;letshow=num=>alert(num);show(a);方法二:编译JS文件1、安装node(使用npm)2、创建node工程文件package.json进入目录后npminit-y3、安装babelnpmi@babel/core@babel/cli@babel/preset-e
山丘
阅读(1948)
(0)
2019-09-17 00:17:43
ES6 箭头函数2
基本用法//一般函数写法:function(){...}//es6箭头函数写法:()=>{...}简写规范1、如果有且只有一个参数,()也可以不写;2、如果有且仅有一个语句,并且是return,{}也可以不写functionadd(num){returnnum+5;}functionshow(num,fn){alert(fn(num));}show(5
山丘
阅读(1977)
(0)
2019-09-15 20:40:28
关于鼠标滚轮的问题
同一段代码。发现在火狐可以完美运行,而谷歌必须要打开控制台才能,求解答。。有附图。//滚动事件$(window).scroll(function(){varscrollTop=$(this).scrollTop();//获取当前的滚动高度varwindowHeight=$(document).height();//窗口的高度varscrollHeight=$
秃
阅读(1970)
(0)
2019-09-07 00:30:07
使用webpack构建react - 配置篇
首先配置webpack配置文件:./config/dev.jsconstpath=require("path");constWebpackHtmlPlugin=require('webpack-html-plugin');//配置webpack-html-plugin插件constwebpackHtmlPlugin=newWebpackHtmlPlugin(
憶、逝呿靑舂
阅读(1933)
(100)
2019-08-12 22:29:39
CSS中伪类和伪元素的区别
伪类和伪元素伪类伪类存在的意义是为了通过选择器,格式化DOM树以外的信息以及不能被常规CSS选择器获取到的信息。常用伪类::active向被激活的元素添加样式。:focus向拥有键盘输入焦点的元素添加样式。:hover当鼠标悬浮在元素上方时,向元素添加样式。:link向未被访问的链接添加样式。:visited向已被访问的链接添加样式。:first-child
山丘
阅读(2168)
(0)
2019-07-09 00:46:47
扒网站,web从业人员的必备技能
推荐TeleportUltra这软件。需要的自己百度。另外扒下来的代码中会有tppabs,href="javascript:if(confirm)...",、/*tpa=http://...这种标签。解决方法vs-code查找1:tppabs="h[^"]*"2:href="javascript\:if(confirm('htt[^"]*"3:\/*tpa=
小雨
阅读(1928)
(0)
2019-07-03 16:06:10
JS中的堆栈内存释放
JS中的内存分为堆内存和栈内存堆内存:存放引用类型数据的值(对象:键值对,函数:代码字符串)栈内存:提供代码执行的环境,以及存放基本类型值【堆内存的释放】:让所有引用堆内存空间地址的变量赋值为null(即没有变量占用这个堆内存),浏览器会在空闲的时候自动将其释放【栈内存的释放】:一般情况下,当函数执行完成,所形成的私有作用域(栈内存)都会自动释放掉(在栈内存
山丘
阅读(2131)
(0)
2019-06-30 14:18:10
JS中的函数
JavaScript中的函数定义:函数是一段可以反复调用的代码块。函数还能接受输入的参数,不同的参数会返回不同的值。函数的三种定义方式1、使用function关键字定义functionadd(num1,num2){returnnum1+num2;};2、函数表达式(var赋值语句)varadd=function(num1,num2){returnnum1+n
山丘
阅读(3360)
(0)
2019-06-18 22:55:39
Css布局技巧-实现未知宽高元素网页水平和垂直居中
未知宽高网页元素实现水平和垂直居中对齐如果网页中给一个已经知道宽高尺寸的元素设置水平和垂直居中,我相信大家都可以很简单的实现出来,参考代码如下:.box{position:absolute;left:50%;top:50%;margin-top:-100px;margin-left:-100px;width:200px;height:200px;backgr
憶、逝呿靑舂
阅读(3392)
(0)
2019-06-18 16:26:31
使用markdown编辑
#Typora使用手册简介:Typora是一款简单轻便用于编写md(markdown)文档的编辑软件。常用规范:1.快速生成标题方式如下:#标题1+回车,效果如下所示标题1注:类似于html标题1,如果需要h2(##标题2),h3(###标题3)...以此类推。2.快速生成水平线方式如下***或---+回车,效果如下所示3.插入一个代码区域方式如下~~~
系统管理员
阅读(2354)
(0)
2019-06-15 23:12:15
HTML5 Video视频
浏览器支持InternetExplorer9+,Firefox,Opera,Chrome,和Safari支持元素.注意:InternetExplorer8或者更早的IE版本不支持元素。HTML5(视频)-如何工作如需在HTML5中显示视频,您所有需要的是:实例 元素提供了播放、暂停和音量控件来控制视频。同时元素也提供了w
刘沙沙
阅读(2150)
(0)
2019-06-04 14:56:36
使用 RegExp 对象
在JavaScript中,RegExp对象是一个预定义了属性和方法的正则表达式对象。使用test()test()方法是一个正则表达式方法。test()方法用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回true,否则返回false。以下实例用于搜索字符串中的字符"e"实例:varpatt1=newRegExp("e");document
骚男
阅读(2056)
(0)
2019-06-03 00:06:37
使用 RegExp 对象
在JavaScript中,RegExp对象是一个预定义了属性和方法的正则表达式对象。使用test()test()方法是一个正则表达式方法。test()方法用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回true,否则返回false。以下实例用于搜索字符串中的字符"e":实例:菜鸟教程(runoob.com)varpatt1=newReg
骚男
阅读(1953)
(0)
2019-06-02 23:57:48
JS中分号作为分隔符的使用
在JS中,我们经常会在句尾用到分号“;”,像许多其他编程语言一样,这是用来将语句分隔开。分号对提高代码的可读性和整洁性是不可缺少的。没有了分隔符,一条语句的末尾就成了下一条语句的起始。在JavaScript中,如果语句各自独占一行,通常可以不用语句之间的分号(程序结尾或右花括号“}”之前的分号也可以免去)。关于JavaScript中可选分号的问题有几个细节需
夏宝宝
阅读(2548)
(0)
2019-06-02 21:12:55
jQuery 方法链接
通过jQuery,可以把动作/方法链接在一起。Chaining允许我们在一条语句中运行多个jQuery方法(在相同的元素上)。直到现在,我们都是一次写一条jQuery语句(一条接着另一条)。不过,有一种名为链接(chaining)的技术,允许我们在相同的元素上运行多条jQuery命令,一条接着另一条。提示: 这样的话,浏览器就不必多次查找相
骚男
阅读(3671)
(0)
2019-05-29 23:50:53
jQuery 选择器
选择器实例文字概括* $("*") 所有元素#id $("#lastname") id="lastname"的元素.class$
黄春清
阅读(2062)
(0)
2019-05-27 15:43:00
、你做的页面在哪些流览器测试过?这浏内核分别 、你做的页面在哪些流览器测试过?这浏内核分别 、你做的页面在哪些流览器测试过?这浏内核分别 、你做的页面在哪些流览器测试过?这浏内核分别 、你做的页面在哪些流览器测试过?这浏内核分别 是什么 是什么 ? IE: IE:
IE:IE:tridenttridenttridenttrident内核Firefox:geckogecko内核Safari:webkitSafari:webkit内核(苹果浏览器)Opera:以前是以前是presto内核,OperaOpera现已改用现已改用GoogleChromeGoogleChromeGoogleChrome的BlinkBlink内核{
黄春清
阅读(2319)
(0)
2019-05-27 15:11:10
《设计模式》读书笔记1---面向对象的JavaScript- JavaScript设计模式与开发实践
JS没有类似继承,而是通过原型委托的方式实现对象与对象间的继承。1、动态类型语言和鸭子类型编程语言按数据类型大体可分两类:静态类型语言,动态类型语言(如JS)。静态:编译时就已确定变量的类型;动态:变量类型要到程序运行时,待变量被赋予某个值之后,才会具有某种类型。鸭子类型(ducktyping):走起来像鸭子,叫起来也是鸭子,那它就是鸭子。只关注对象的行为(
xiaxia
阅读(1932)
(0)
2019-04-20 11:54:18
npm使用介绍
NPM(nodepackagemanager)是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。由于新版的nodejs已
憶、逝呿靑舂
阅读(2381)
(0)
2019-03-24 22:05:29
使用webpack构建vue项目(配置篇)
现在主流前端项目构建工具-webpack,可用于项目静态资源文件编译打包等使用,那么接下来就以配置Vue项目的方式,跟大家讲解它的配置与使用。一、新建一个项目目录,cd/d定位进去,然后输入npminit,会提示你填写一些项目的信息,一直回车默认就好了,或者直接执行npminit-y直接跳过,这样就在项目目录下生成了一个package.json文件。二、接下
憶、逝呿靑舂
阅读(2108)
(0)
2019-03-24 20:57:05
H5拖放
H5 拖放(Drag和Drop)在拖动目标上触发事件 (源元素):ondragstart -用户开始拖动元素时触发ondrag-元素正在拖动时触发ondragend -用户完成元素拖动后触发释放目标时触发的事件:ondragenter -当被鼠标拖动的对象进入其容器范围
lizhuoyu
阅读(2703)
(0)
2019-03-12 17:41:28
理解JavaScript继承的6中方式
想要继承,就必须要提供个父类(继承谁,提供继承的属性)一、原型链继承重点:让新实例的原型等于父类的实例。特点:1、实例可继承的属性有:实例的构造函数的属性,父类构造函数属性,父类原型的属性。(新实例不会继承父类实例的属性!)缺点:1、新实例无法向父类构造函数传参。2、继承单一。3、所有新实例都会共享父类实例的属性。(原型上的属性是共享的,一个实例修改了原型属
憶、逝呿靑舂
阅读(2181)
(0)
2019-02-27 01:22:36
jQuery实现无缝轮播图
以下为实现无缝轮播图主要代码:varindex=0;//当前页码vartimer=null;//定时器//为了弥补短暂的间隔,将第一张克隆一个放置最后面$(".slide-imgli").first().clone().appendTo(".slide-img");//设置宽度$(".slide-img").width(730*$(".slide-imgli
憶、逝呿靑舂
阅读(3281)
(0)
2019-02-27 22:11:04
移动端开发随手笔记
PC端移动端: 一、微信端: 1)公众号(H5页面)(信用卡、银行卡、移动联通等通过公众号接入等页面) &
憶、逝呿靑舂
阅读(3898)
(0)
2019-01-12 15:23:13
移动端开发问题罗列(一)
定义的变量不再使用,没有及时销毁 事件冒泡。导致事件流死循环如果使用css高级特效,原则就是能使用3d(硬件加速效果)代替就不用2d,比较耗用资源的样式尽量少用(计算属性calc,过滤属性...)在css布局中,position定位其实是渲染的最后的一步骤,而且定位需要重新计算其他的元素位置,这样相对而言比较耗性能。移动端开发常见问题:1.
憶、逝呿靑舂
阅读(2288)
(0)
2019-01-12 15:20:27
sort()方法妙用 DOM 排序
sort()方法妙用DOM排序DOM排序DOM结构:javascript:varrows=document.getElementsByTagName("tbody")[0].getElementsByTagName("tr");//获取元素vararr=[]; for(vari=0
liangjian
阅读(4747)
(0)
2019-01-11 10:53:24
前端必备知识点之HTTP协议
HTTP--HyperTextTransferProtocol,超文本传输协议。是一种建立在TCP上的无状态连接,整个基本的工作流程是客户端发送一个HTTP请求,说明客户端想要访问的资源和请求的动作,服务端收到请求之后,服务端开始处理请求,并根据请求做出相应的动作访问服务器资源,最后通过发送HTTP响应把结果返回给客户端。其中一个请求的开始到一个响应的结束称
憶、逝呿靑舂
阅读(4786)
(0)
2018-12-21 19:55:20
变量定义和函数定义作用域
如何定义一个全局变量:在js直接定义一个变量,而并不是在一个函数体内,他就是全局变量,varnum1;//这是一个全局变量num=0;varnum1=0;//这是一个全局变量functionmyFn(){num3=0;//这也是一个全局变量}如何定义一个局部变量:在js中的函数块内用var定义一个变量functionmyFn(){varnum=0;//这是一
liangjian
阅读(2577)
(0)
2018-12-21 15:08:15
H5存储
存储:1.本地存储(存储在客户端)cookie(饼干)localStorage(本地仓库):主要使用微信小程序、移动端、App端websql2.离线缓存(在线状态进行缓存,离线状态依然可以使用)3.服务器端存储session(会话)举例说明:1.网页中登录过了,下次(网页刷新,浏览器重新)不需要登录,是因为记住了登录信息原因:http协议是一种无状态协议(没
憶、逝呿靑舂
阅读(2372)
(0)
2018-12-11 15:47:44
使用vue-cli脚手架构建项目
使用vue官方提供的vue-cli(脚手架)可以快速的搭建起一个基于webpack的vue项目。1.首先得先全局安装vue-cli脚手架:npminstallvue-cli-g2.检测是否安装完成可以使用以下命令,如有看到版本号即可安装完成。、vue--version3.使用vue命令快速构建模板项目:官方提供好几个版本的模板,这里使用webpackvuei
憶、逝呿靑舂
阅读(3531)
(0)
2018-12-02 21:13:44
vue+vuex+mpvue+iview-weapp构建小程序项目
使用vue+vuex+mpvue+iview-weapp构建小程序项目1、安装vue-cli脚手架npminstallvue-cli-g2、用myvue模板初始化项目为:vueinitmpvue/mpvue-quickstartxshhr3、安装项目依赖:cnpminstall(小程序不让操作DOM,vue针对DOM的操作都无效)4.运行开发环境:npmst
憶、逝呿靑舂
阅读(3775)
(0)
2018-12-02 19:25:41
关于JSON.parse() 使用到问题
UnexpectedtokeninJSONatposition0这样的错误,日志打印,字符串本身看上去没有任何问题,只是把字符串放到文本编辑器里,然后按键盘移动光标,发现字符串的第一个字符‘{’之前,确实有一个字符,但是肉眼看不见,这就非常神奇了于是乎考虑这个字符是特殊字符,那么首先把这个字符拷贝出来,解析成ascii码试试然后惊奇的发现,这个字符换算成十六
bashful
阅读(2354)
(0)
2018-11-18 15:29:32
Angular JS 自定义指令
啥是AngularJS指令?AngularJS(简称aJS)指令从表现形式上看,有4种形态:HTML元素,HTML元素属性,HTML样式类(class)名,HTML注释。从功能上看,aJS指令是运行在HTML中的函数,可改变、增加DOM,为DOM增加行为功能等。指令就是DOM与逻辑行为的媒介,其本质就是DOM绑定的,独立逻辑行为的,函数。自定义指令有啥用?可
bashful
阅读(3988)
(0)
2018-11-18 15:27:46
Bootstrap 全局样式罗列
Bootstrap全局CSS样式一排版1.标题标签:h1-h62.small常用于副标题3.lead内容突出4.文字对齐:1).text-left2).text-center3).text-right4).text-justify5).text-nowrap5.大小写转换:1)小写.text-lowercase2).大写.text-upercase3)首字母
bashful
阅读(2394)
(0)
2018-11-18 15:27:24
条件语句if
条件语句用于基于不同的条件来执行不同的动作if语句:只有当指定条件为true时,使用该语句来执行代码if……else语句:当条件为true时执行代码,条件为false时执行其他代码if(){……}elseif(){……}else(){……}语句:选择多个代码块之一来执行switch语句:选择多个代码块之一来执行 哪些值能作为if的条件:1.
bashful
阅读(2420)
(0)
2018-11-18 15:25:47
html/xml的xmlns
xmlnsXMLNameSpaces,XML命名空间。主要用于赋予命名空间一个唯一的名称xml是标准通用标记语言的子集。 XML允许自己定义自己的标识,你定义的标识有可能与别人的相同,但表示不同的意义。当文件交换或共享的时候就易产生错误。为避免此错误,XML允许使用命名空间,通过一个网址指向来识别你的标识。eg:table表示表格,携带颜色
bashful
阅读(2231)
(0)
2018-11-18 15:24:14
三元操作符?:
三元操作符 采用三元操作符对?:对表达式进行运算,它有三个操作对象,最终会生成一个值。表达式采取下述形式:boolean-exp?value0:value1如果"布尔表达式"的结果为true,就计算"value0",而且这个计算结果也就是操作符最终产生的值。如果"布尔表达式"的结果为false,就计算"value1"&a
bashful
阅读(2475)
(0)
2018-11-18 15:23:34
关于meta标签
Meta标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。是html标记head里的一个关键标签。它提供的信息用户不可见,但却是文档的最基本的元信息。除了提供文档字符集、使用语言、作者等基本信息外,还涉及对关键词和网页等级的设定meta标签共有两个属性(两大部分),它们分别是http-equiv属性和name属性,不
bashful
阅读(2349)
(0)
2018-11-18 15:23:00
jQuery 选择器
选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname"的元素.class$(".intro")class="intro"的所有元素.class,.class$(".intro,.demo")class为"intro"或"demo"的所有元素element$("p")所有元素el1,el2,el3$("h1,div,p
bashful
阅读(2331)
(0)
2018-11-18 15:22:11
CSS 各种定位(position)方式的区别
static:静态定位是position的默认值,元素框正常生成,也就是没有定位时的正常显示。relative:相对定位用法一:元素相对自身的原位置偏移某个距离,但是原本的空间依旧保留,表现为空白。用法二:把一个元素设置为position:relative;可以使该元素的子元素相对该元素绝对定位。absolute:绝对定位元素从文档流删除,并相对于包含块定位
bashful
阅读(2243)
(0)
2018-11-18 15:21:10
使用gulp搭建HTTP服务器操作手册
前言为了满足标准化开发环境,web开发环境的要求越发复杂。经常在开发环境中需要有服务器端的环境,所以也会使用一些带环境的开发工具来使用,但也是会有一些诟病,比如webstorm软件的允许缓慢,这也很影响开发效率,所以我们能不能自己搭建一个简易便捷高效的环境呢?答案是可以的,我们可以借助node平台,使用gulp构建工具搭建起这样的一个开发环境用于开发测试使用
憶、逝呿靑舂
阅读(2447)
(0)
2018-11-17 11:20:20
Css 样式属性的继承分类
一、无继承性的属性1、display:规定元素应该生成的框的类型2、文本属性:vertical-align:垂直文本对齐text-decoration:规定添加到文本的装饰text-shadow:文本阴影效果white-space:空白符的处理unicode-bidi:设置文本的方向3、盒子模型的属性:width、height、margin、margin-t
憶、逝呿靑舂
阅读(2241)
(0)
2018-11-17 11:14:20
gulp构建工具配置Less编译
gulp构建工具配置Less编译gulp简介gulp是前端开发过程中对代码进行自动化构建的利器,它不仅能对资源进行优化,而且在开发过程中能够通过配置自动完成很多重复的任务,让我们可以专注于代码,提高工作效率。 使用场景:合并优化压缩css实时自动刷新压缩静态资源修改预处理样式后自动编译(SASS,Less)自动刷新浏览器资源文件(图片、cs
憶、逝呿靑舂
阅读(2372)
(0)
2018-11-10 23:50:23
原生js移动端滑动事件
移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成。但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。以下是四种touch事件:touchstart: //手指放到屏幕上时触
憶、逝呿靑舂
阅读(2323)
(0)
2018-11-10 23:40:18