自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 网页实现掷骰子小游戏

首先明确需求: 在网页正中间展示骰子,点数为一点,点击骰子,骰子旋转然后停留在随机点位上。再次点击骰子,骰子可以继续旋转并停留在随机点位上。 这里我们使用css3动画、3d旋转配合js实现效果 一,HTML结构 <body> <!-- sp...

2019-07-23 17:02:17

阅读数 173

评论数 0

转载 Grid布局

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Grid布局</title> ...

2019-07-18 14:33:18

阅读数 22

评论数 0

原创 ECMAScript、JavaScript、node.js、TypeScript的关系和区别

ECMAScript: 定义了语法,编写javascript和nodejs都必须遵守的规范 定义变量,循环,判断,函数,原型和原型链,作用域和闭包,异步等语法规范 不能操作DOM,不能监听事件,不能发送处理http请求,不能操作文件 即只有ECMAScript几乎做不了任何实际的项目 E...

2019-07-17 14:27:00

阅读数 221

评论数 0

原创 NVM ——node版本管理工具

一,nvm下载方式 二,nvm常用命令

2019-07-17 10:51:21

阅读数 24

评论数 0

原创 vue请求 —— AXIOS

一,axios请求方法封装 http.js文件,封装了get 、post 、patch 、put方法,request拦截器在请求发送时触发,response拦截器在请求响应时触发,defaults.timeout请求等待时长,defaults.baseURL是基础路由,同源访问时可忽略 i...

2019-07-01 15:13:55

阅读数 26

评论数 0

原创 HTTP协议

一,HTTP请求过程 浏览器地址栏输入URL地址,回车之后开始跳转,首先检查应用缓存,如果缓存中有请求信息则直接从缓存中获取,如果没有则开始发送请求。首先需要做的是域名解析,通过DNS查找获取域名对应IP地址,请求需要通过IP地址找到对应服务器,然后通过三次握手创建TCP链接,http协议通过创...

2019-06-27 17:36:13

阅读数 12

评论数 0

原创 vue路由

一,动态路由匹配 (1)单个参数时: 1,路由设置: 2,goods页面设置: 3,路由载体 4,url形式:使用时必须符合设置的路由规则,否则无法加载,如图sdf89是设置的g...

2019-06-18 17:14:20

阅读数 12

评论数 0

原创 在Vue中如何使用axios跨域访问数据

  最近在项目中需要用到axios,所以就恶补一下这个axios到底是什么东东。越来它是vue-resource的替代品,官网也说了,以后都用axios, vue-resource不在维护。那么这个axios怎么用呢,上网搜索了一大堆,基本上都是雷同,我也不知道那些作者有没有在本地测试过。至少...

2018-09-25 16:46:12

阅读数 98

评论数 0

原创 搭建基于Express框架的运行环境

一,全局安装express-generator npm install -g express-generator   //安装express generator生成器,可以快速构建express项目,安装不正确无法使用express *命令 npm install -g express    ...

2018-09-13 12:47:30

阅读数 73

评论数 0

原创 windows系统下安装mongoDB的过程

一,下载mongoDB 官网地址:https://www.mongodb.com/download-center?jmp=nav#community 如果上述过程中没有发现你需要的版本,还可以通过download下面的“All Version Binaries”查看所有版本并下载 二...

2018-09-10 15:00:07

阅读数 48

评论数 0

转载 js事件委托

起因:1、这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的;2、其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考;概述:那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理...

2018-07-16 14:27:18

阅读数 51

评论数 0

原创 webstorm错误解决

1.es6语法报错打开File——&gt;settings——&gt;Languages&amp;Frameworks——&gt;JavaScript设置JavaScript language version 为ECMAScript 62.webstrom光标变成块...

2018-07-10 14:47:45

阅读数 1723

评论数 0

转载 vue---生命周期函数

vue中所有的钩子函数:beforeCreate(创建前)created(创建后)beforeMount(载入前)mounted(载入后)beforeUpdate(更新前)updated(更新后)beforeDestroy(销毁前)destroyed(销毁后)生命周期函数&lt;!DOCT...

2018-07-10 10:51:24

阅读数 47

评论数 0

转载 HTTP-服务器端CooKie与浏览器端Cookie

Cookie的来源由于HTTP协议是无状态的,而服务器端的业务必须是要有状态的。Cookie诞生的最初目的是为了存储web中的状态信息,以方便服务器端使用。比如判断用户是否是第一次访问网站。目前最新的规范是RFC 6265,它是一个由浏览器服务器共同协作实现的规范。 Cookie的处理分为:服务器...

2018-07-09 15:59:39

阅读数 4033

评论数 0

转载 前端跨域通信的几种方式

 前言 前端通信类的问题,主要包括以下内容: 1、什么是同源策略及限制 2、前后端如何通信 3、如何创建Ajax 4、跨域通信的几种方式     同源策略的概念和具体限制 同源策略:限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关键的安全机制。...

2018-07-09 15:15:05

阅读数 334

评论数 0

原创 jQuery ajax全局方法及参数整理

一、$.ajaxSetup()设置全局ajax参数 (全局方法需要global参数不为false,不适用于jsonp方式)$.ajaxSetup({ //设置全局ajax选项参数 type:"GET", url:"UserInfo.xml", ...

2018-07-09 11:48:07

阅读数 2568

评论数 0

转载 Flex 布局语法教程

网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种...

2018-07-06 14:30:54

阅读数 86

评论数 0

转载 vue实现数据双向绑定的原理

一、知识准备Object.defineProperty( )方法可以直接在一个对象上定义一个新属性,或者修改一个已经存在的属性,并返回这个对象。Object.defineProperty(obj,prop,descriptor),重点是第三个参数,对象里目前存在的属性描述符有两种主要形式:数据描述...

2018-07-03 15:07:13

阅读数 77

评论数 0

转载 css实现垂直居中

垂直居中是布局中十分常见的效果之一,为实现良好的兼容性,PC端实现垂直居中的方法一般是通过绝对定位,table-cell,负边距等方法。有了css3,针对移动端的垂直居中就更加多样化。方法1:table-cellhtml结构:123&lt;div class="box box1&...

2018-06-05 17:44:01

阅读数 66

评论数 0

转载 vue组件间的数据和方法传递

方法1.父组件调用子组件:ref2.子组件调用父组件:emit数据1.父组件传给子组件:props2.子组件传给父组件:emit共享采用vuex其他可用导入(import)

2018-06-05 16:49:41

阅读数 63

评论数 0

转载 BFC原理

BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)。虽然我知道如何利用 BFC 解决这些问题,但当别人问我 BFC 是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 sp...

2018-06-04 21:53:51

阅读数 195

评论数 0

转载 ES6新特性

箭头操作符如果你会C#或者Java,你肯定知道lambda表达式,ES6中新增的箭头操作符=&gt;便有异曲同工之妙。它简化了函数的书写。操作符左边为输入的参数,而右边则是进行的操作以及返回的值Inputs=&gt;outputs。我们知道在JS中回调是经常的事,而一般回调又以匿名...

2018-06-04 21:50:46

阅读数 37

评论数 0

转载 浏览器加载、解析、渲染的过程

一、浏览器浏览器的主要功能是将用户选择的web资源呈现出来,它需要从服务器请求资源,并将其显示在浏览器窗口中,资源的格式通常是HTML,也包括PDF、image及其他格式。用户用URI(Uniform Resource Identifier统一资源标识符)来指定所请求资源的位置,通过DNS查询,将...

2018-06-04 21:44:23

阅读数 85

评论数 0

转载 彻底弄懂HTTP缓存机制及原理

前言Http 缓存机制作为 web 性能优化的重要手段,对于从事 Web 开发的同学们来说,应该是知识体系库中的一个基础环节,同时对于有志成为前端架构师的同学来说是必备的知识技能。但是对于很多前端同学来说,仅仅只是知道浏览器会对请求的静态文件进行缓存,但是为什么被缓存,缓存是怎样生效的,却并不是很...

2018-06-04 21:35:59

阅读数 59

评论数 0

转载 js中几种实用的跨域方法原理详解

js中几种实用的跨域方法原理详解这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。下表给出了相对http://store.compa...

2018-06-04 20:44:52

阅读数 30

评论数 0

转载 JS所有内置对象属性和方法汇总

JS三大对象对象,是任何一个开发者都无法绕开和逃避的话题,她似乎有些深不可测,但如此伟大和巧妙的存在,一定值得你去摸索、发现、征服。我们都知道,JavaScript有3大对象,分别是本地对象、内置对象和宿主对象。在此引用ECMA-262(ECMAScript的制定标准)对于他们的定义:本地对象与宿...

2018-06-04 11:46:05

阅读数 97

评论数 0

原创 js工具函数

时间戳转换工具   function timestampToTime(timestamp) { var date = new Date(timestamp);//时间戳为10位需*1000,时间戳为13位的话不需乘1000 var Y = date.getFullYear(); ...

2018-05-03 14:24:27

阅读数 103

评论数 0

原创 文字渐出效果

一,有次在一个外网上看到了这种文字的,效果,一番查找并没有找到类似的插件,所以动手自己写了一个,先上图,这里没有在样式上做过多的渲染,实现后的效果大概就是这个样子。下面上代码:(base.css里清除了一些基本的样式,引入了jquery)&lt;!DOCTYPE html&gt; ...

2018-05-02 17:59:17

阅读数 324

评论数 0

转载 Vue-cli创建vue项目以及配置文件梳理

介绍 vue-cli是vue提供构建单页应用的脚手架。它能够帮助开发者快速的创建vue项目。这篇文章主要介绍如何使用vue-cli,以及它创建的vue项目结构。还有就是对于build目录下的配置文件进行一些梳理总结。   安装vue-cli 安装vue-cli十分简单,执行下面的命令即可 ...

2018-04-23 15:02:50

阅读数 339

评论数 0

原创 wx.setKeepScreenOn在苹果手机上的bug

wx.setKeepScreenOn保持屏幕长亮小程序的api上说在当前小程序保持长亮,但是我在首页设置长亮,在第二个页,安卓手机保持长亮,苹果手机无法保持长亮。后发现在苹果手机中“wx.setKeepScreenOn”的设置只对当前页有效,所以我们如果需要在整个小程序中保持屏幕长亮需要在每个页面...

2018-04-16 15:34:21

阅读数 937

评论数 0

原创 小程序退出页面时清除定时器

由于小程序页面退出时,定时器和长连接等不会自动清除断开,所以需要我们在生命周期函数中手动清除但是定时器定义在函数中,我们无法在函数外清除,所以为了解决这个问题,我们需要把定时器定义在data中比如:Loadingtime是一个定时器,在data中定义Loadingtime:''...

2018-04-16 15:21:17

阅读数 18118

评论数 7

原创 小程序登录并与公众号账号打通

首先明确两个概念:openid : 小程序用户唯一标识openid UnionID : 微信开放平台帐号下的移动应用、网站应用和公众帐号(包括小程序),用户的unionid是唯一的所以,如果我们只是小程序登录,我们需要获取“openid”作为用户的唯一标识,即普通登录,如果我们需要小程序用户既是公...

2018-04-16 13:51:24

阅读数 2909

评论数 0

原创 扫普通链接二维码打开小程序

一,想要扫描普通链接二维码打开小程序,必须在小程序后台进行配置,否则无法完成写在前面:微信对扫描普通链接二维码打开小程序有一定限制,对企业、媒体、政府、其他组织类型小程序开放此功能,个人类型小程序暂不支持开启。另外为确保用户体验,小程序必须先发布代码才可以发布二维码跳转规则。1,首先进入微信公众平...

2018-04-16 10:48:45

阅读数 19830

评论数 12

原创 微信小程序的生命周期详解

1,应用生命周期App:App()函数用来注册一个小程序。接受一个object参数,其指定小程序的生命周期函数等。关于小程序的退出:当用户点击小程序左上角关闭,或者按设备Home键离开微信,小程序并没有直接销毁,而是触发onHide方法进入了后台,短时间内当再次进入微信或者再次打开小程序,小程序会...

2018-04-13 14:18:34

阅读数 964

评论数 3

原创 关于mobiscroll日期插件无法正确的选中默认日期

在使用这个插件的时候遇到了一个问题,所以记录一下1,先看一下错误的代码&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta chars...

2018-04-12 14:22:54

阅读数 1957

评论数 3

原创 小程序之自定义组件

从小程序基础库版本 1.6.3 开始,小程序支持简洁的组件化编程。所有自定义组件相关特性都需要基础库版本 1.6.3 或更高。创建自定义组件首先我们需要在根目录下创建文件夹components(该文件夹与pages目录同级),然后在components中建立我们自己的组件,然后建立子文件夹以区分不...

2018-04-08 15:59:26

阅读数 571

评论数 0

原创 position 属性都是相对于什么来定位的?

static:首先position属性的默认值是static,static没有定位,元素出现在正常的流中,会默认忽略top、bottom、left、right。与脱离文档流的元素一起z-index会失效;relative:其次relative也未脱离文档流,relative生成相对定位的元素,相对...

2018-03-30 23:06:40

阅读数 728

评论数 0

原创 整理一些用到确想不起来的css样式设置

这些是楼主本人在开发过程中遇到的一些的css样式问题,百度上也很容易查到,并没有说经常用,但是偶尔写到这些都要再问一次度娘,为了不在麻烦度娘,这次索性整理一下。一、input  placeholder属性样式设置方式html部分css部分设置placeholder属性值的字体大小为1rem,其他样...

2018-03-27 16:31:27

阅读数 301

评论数 0

提示
确定要删除当前文章?
取消 删除