自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

hylcyz的专栏

前端学习

  • 博客(16)
  • 问答 (1)
  • 收藏
  • 关注

原创 mockjs + vue 配置使用

1、什么是mockjs前后端分离的过程中,会出现后端接口未写完,但前端需要一定的模拟数据来开发功能,此时就可用mockjs来提前模拟后端数据,MockJS可以实现多种数据类型的生成,基本上满足我们日常开发的大部分需求。2、mockjs的优势mockjs可随机生成大量的数据,而且它具有数据类型丰富,我们可以直接按照接口文档来开发,将相应的字段写好,在接口完成 之后,只需要改变请求地址即可。3、mockjs的使用安装npm install mockjs --save-dev..

2021-01-20 15:54:28 328

原创 await 与 async

await 操作符用于等待一个 Promise 对象, 它只能在异步函数 async function 内部使用。async 是 ES7 才有的与异步操作有关的关键字,会返回一个promise,并且Promise对象的状态值是resolved(成功的)。简单来说,Promise 对象是异步操作,await可以等待异步请求完再执行后面代码,而async常用来让await不要完全阻塞后面代码,下面举代码示例来说明:正常情况下一个Promise 对象function testAwait(){

2021-01-19 15:43:42 155

原创 点击关闭浏览器,点击关闭微信窗口

点击关闭浏览器<a href="javascript:window.opener=null;window.open('','_self');window.close();" >关闭</a>点击关闭微信窗口<a href="javascript:;" onclick="closeWin(this)">关闭2</a>function closeWin(){ WeixinJSBridge.call('closeWindow'); .

2021-01-12 17:47:15 248

原创 判断是否是ie,ie的版本

function IEVersion() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器 var isEdge = userAgent.indexOf("Edge") .

2021-01-12 17:25:43 86

原创 ie8,9图片上传file兼容

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>上传图片</title></head><body> <form name=formens method="post" action="uploadpic" enctype="multipart/form-data"> .

2021-01-12 17:23:39 375

原创 js 优化写法

//取整parseInt(a,10); //BeforeMath.floor(a); //Beforea>>0; //Before~~a; //Aftera|0; //After//四舍五入Math.round(a); //Beforea+.5|0; //After//内置值undefined; //Beforevoid 0; //After, 快0[0]; //After, 略慢//内置值Infinity;1/0;//布尔值短写法true; /...

2021-01-12 17:21:28 117

原创 js+css简单翻书效果

//上下翻页<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{margin:0; padding:0} body,html{ overflow: .

2021-01-12 17:19:25 196

原创 vue创建项目很慢

今天刚升级了vue3.0,用vue create project 创建项目,结局发现一直卡在安装步骤,上网找了很多问题,网上说要不镜像源换成淘宝镜像源,可是明明我的镜像就已经是淘宝镜像源了之后我就像或者不开淘宝镜像,开回npm镜像源试一下,神奇的事情发生了,镜像源已经改成了npm结果安装的时候发现去还是淘宝镜像源找了大半天愣是没弄懂怎么回事,在我就快要放弃的时候,我看到...

2019-08-02 16:29:46 10019 1

原创 jquery如何定位元素

在制作页面的时候,使用jquery很多是需要我们对某个元素进行特殊处理定位第一个li元素:$("div ul li").eq(0)$("ul li:first")定位第二个li元素:$("div ul li").eq(1)$("ul li:nth-child(2)")定位倒数一个li元素:$("div ul").eq(-1)$("ul li:last...

2019-07-11 12:23:13 3070

原创 docker配置apache+php运行环境,php不解析

今天在配置docker配置apache+php运行环境时遇到一个问题,就是php不解析,直接源码展示先说一下我的配置环境,我是直接安装centos7镜像,用dockerfile安装apache和php,转换成一个适合自己的用镜像,以下是我的dockerfileFROM centos:latestMAINTAINER hyl <hylwzm@qq.com>#清掉...

2019-04-25 10:25:11 3347

原创 docker+verdaccio配置私有npm仓库

最近想要搭建私有npm仓库,把学习搭建过程记录下来我的服务器用的是腾讯云服务器,系统安装的是 centos7.2首先上网找到的是sinopia,但是这个从2015开始就已经停止维护,还好有另外一个替代,那就是 verdaccioverdaccio可以直接使用npm安装本地包进行服务安装,另外可以选择 docker 镜像安装,因为之前就玩 dcoker ,所以我选择了 docker...

2019-04-02 14:08:23 1433

转载 让sublime text3支持Vue语法高亮显示

1.准备语法高亮插件vue-syntax-highlight。下载地址:https://github.com/vuejs/vue-syntax-highlight下载页面并下载:解开压缩包vue-syntax-highlight-master,其内所有文件备用。2.将vue-syntax-highlight植入sbulime。进入sublime,选择菜...

2019-03-13 21:58:22 472

原创 去掉vue连接上的#号

在开发项目的时候,地址栏出现#号,比如:http://localhost:8081/#/login,在new router的时候添加mode: 'history'export default new Router({ mode: 'history', // 加上后去掉# routes: constantRouterMap})...

2019-03-13 09:27:55 550

原创 js监听微信浏览器返回按钮事件,关闭微信窗口

前端时间做微信抢红包h5开发的时候,跳转了几个页面,但在最终体现页面在点击返回的时候虚妄直接关闭微信窗口,而不是返回上一级页面,找了很多资料总结如下:// 监听微信返回window.addEventListener("popstate", function(e) { alert('正在返回,等下会关闭微信窗口'); WeixinJSBridge.call('clo...

2019-03-07 23:17:05 6651 1

原创 字符串拼接

讲数组拼接成字符串,代码如下var txt = [1,2,3];for (var i = 0; i &lt; txt.length; i++) { str += txt[i] + ',';} //去掉最后一个逗号(如果不需要去掉,就不用写)if (str.length &gt; 0) { str = str.substr(0, str.length - 1);}...

2019-03-07 23:07:34 73

原创 解决iPhone手机音乐不能自动播放问题

在做h5开发的时候需要插入背景音乐,使用 html 的 audio 标签 可以实现,但是在开发过程中发现iPhone手机打开h5页面时音乐并不会自动播放,而是要点一下屏幕才会自动播放,上网找了半天,各种踩坑,最終还是找到解决方案。 解决方案如下:&lt;div id="musicImg" class="music_img rotate"&gt;&lt;img onclick="so_...

2018-08-22 23:21:23 6369 1

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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