js模拟元素点击事件以及下载网络资源文件方法乱炖

2019-6-20 Jon js+jquery+ajax

一、a标签的download下载功能   只能下载本地文件即同一个域名的文件(base64位图片地址也是属于本地地址)如   <a href="/images/logo.png" download="logo">   若是其它域名下的文件则无法下载会直接打开如   <a href="http://yuanqiao.pw/images/logo.png" download="logo">   兼容性     浏览器    兼容版本    目前最新版本 ...

阅读全文>>

标签: 模拟点击

评论(0) 浏览(3457)

使用php实现一个静态文件下载工具

2019-6-19 Jon php

输入静态资源文件url点击按钮自动下载到本地 查看效果:静态资源文件下载工具 我们在开发工作中 经常遇到需要从浏览器下载某个图片,html,css,js,.doc,.zip等等。 图片还好说一般只需从要拖拽到桌面即可 .zip、.doc文件一般输入链接浏览器会自动下载 但是一些静态文件如css和js文件 在浏览器输入文件链接会自动在浏览器打开 需要手动复制全部数据到自建的本地文件中 操作比较麻烦不够人性化 并且当文件过大容易造成浏览器卡顿 当然你还可以使用ctrl+s 但是每个文件都要在浏览器打开一次也较繁琐 这就需要一种下载静态文件的工具 即输入资...

阅读全文>>

评论(0) 浏览(2091)

http和http2以及https

2019-6-10 Jon 其他

一、介绍http HTTP 协议是互联网的基础协议,也是网页开发的必备知识,最新版本 HTTP/2 更是让它成为技术热点。 HTTP 是基于 TCP/IP 协议的应用层协议。它不涉及数据包(packet)传输,主要规定了客户端和服务器之间的通信格式,默认使用80端口。 二、HTTP/0.9 最早版本是1991年发布的0.9版。该版本极其简单,只有一个命令GET。协议规定,服务器只能回应HTML格式的字符串,不能回应别的格式。服务器发送完毕,就关闭TCP连接。 三、HTTP/1.0 3.1 简介 1996年5月,HTTP/1.0 版本发布,内容大大增加。 首先,任何格式的...

阅读全文>>

标签: http

评论(0) 浏览(1569)

angular 打包后运行报错Attempting to attach an unknown Portal type

2019-6-5 Jon angular

angular 打包后运行报错Attempting to attach an unknown Portal type & 以及查看包大小 报错详情 ERROR Error: Attempting to attach an unknown Portal type. BasePortalHost accepts either a ComponentPortal or a TemplatePortal. ng serve 没有问题 ng build --prod 出现问题 ng serve --prod 出现问题 问题原因    &nb...

阅读全文>>

标签: angular

评论(0) 浏览(1756)

运行node项目报错getaddrinfo ENOTFOUND localhost解决方案

2019-5-30 Jon nodeJS

angular 项目运行 ng serve 报以下错误 getaddrinfo ENOTFOUND localhost Error: getaddrinfo ENOTFOUND localhost at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:56:26) 原因分析 dns解析依然有问题 或者 有可能是localhost没有绑定127.0.0.1 解决方案1:关闭外网 当时我是翻墙使用了外网 关闭外网重新运行即可   解决方案2:指定localhost(mac上) 可以直接...

阅读全文>>

评论(1) 浏览(1985)

网站配置二级域名指定到对应文件夹

2019-5-29 Jon 其他

二级域名 相对于顶级域名的叫法 比如:     baidu.com       (顶级域名)     www.baidu.com   (二级域名)     zhidao.baidu.com(二级域名)     map.baidu.com   (二级域名)     www.map.baidu.com(三级域...

阅读全文>>

标签: 域名

评论(0) 浏览(903)

七牛云测试域名过期内容如何下载下来

2019-5-26 Jon 前端工具

使用七牛来保存静态资源是一件很常用的事情 但是免费的总是会出现各种问题 我的七牛之前的测试域名就过期了 导致之前放上去的各种静态资源都无法使用 因为没怎么关心邮件提醒 导致现在七牛上的资源不能使用并且无法下载下来 这令人非常头疼 经过查找,找到了一个下载七牛上资源的方法 在此记录下,方便后人使用 这个是七牛命令号辅助工具 只有通过此工具才能下载资源 这个使用需要些命令行知识 废话少说直接上干货 1. 下载 七牛命令行辅助工具 qrsctl     下载地址 https://developer.qiniu.com/kodo/...

阅读全文>>

标签: 七牛云存储

评论(0) 浏览(1206)

检查turn服务器是否处于活跃状态

2019-5-24 Jon html+css

使用webRTC时 有时需要自己搭建turn服务器 如何测试搭建好的turn服务器是否可用 下面给出代码 修改checkTURNServer里面对象的 url/username/credential分别对应url/用户名/密码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width...

阅读全文>>

标签: webRTC

评论(0) 浏览(847)

Angular 多环境配置

2019-5-19 Jon js库

实际开发中,我们经常需要配置多个环境,如:开发环境、测试环境、生产环境。 比如接口的地址在不同环境下各有一个地址,如: 开发环境:http://dev.xxx.xxx 测试环境:http://test.xxx.xxx 生产环境:http://www.xxx.xxx Angular给我们提供了一个很方便的方式,就是通过environment变量来控制 1、找到src/environments目录, 用@angular/cli工具创建的项目默认会有environment.prod.ts(生产环境) 和environment.ts(开发环境),为了方便测试环境,我们再新建一个...

阅读全文>>

标签: 多环境

评论(2) 浏览(1122)

angular界面引导插件ngx-joyride的使用

2019-4-27 Jon js库

先看几个常用的jquery引导插件效果 1、intro.js 2、Bootstrap Tour  3、Bootstro.js  4、aSimpleTour  5、Joyride  如果在angular 中也使用上述jquery的插件当然也是可以的,但会产生以下几个问题: 1、要引入jquery库,这就增加的代码量,而且用到的部分并不多,导致代码冗余。 2、因为是基于jquery 的所以对dom的操作较为频繁,性能上也会产生影响。 3、对angular组件化、模块化方式操作不友好,使用较为繁琐。 这时,我们需要一种基于angul...

阅读全文>>

标签: 插件

评论(0) 浏览(1611)

angular 中的路由简单的配置详解

2019-4-21 Jon js库

1.重定向路由配置 const routes: Routes = [ {path:'', redirectTo: '/home', pathMatch:'full'}, {path:'home', component: HomeComponent }, // 默认展示HomeComponnet {path:'about', component: AboutComponent} ]; 作用就是可以指定访问某个路由时跳转到其它路由,如上述所示当访问的是根路由时则直接重定向到home路由,展示HomeComponent组件的内容。 pathMatch: 'full'表示全部符合才...

阅读全文>>

标签: angular

评论(0) 浏览(1028)

js中遍历数组和对象的方法大全整理

2019-4-8 Jon js+jquery+ajax

目录 一、遍历数组的方法 1. for 2. while 和 do while 3. for of 4. for in 5. 达夫设备 6. forEach 和 map 7. filter、some、every、reduce、reduceRight 8. js库 jquery $.each 和 underscore _.each() 二、遍历对象的方法 1. for in 2. Object.keys(obj).forEach(function(key){console.log(key,obj[key]);}); 3. Object.getOwnPropertyN...

阅读全文>>

标签: 遍历

评论(0) 浏览(1120)

http状态码大全总结

2019-3-21 Jon html+css

在前端日常开发过程中,调用后端接口,发起请求的时候就会碰到后端返回的状态码,这篇文章就将后端可能返回的所有状态码含义记录一下,以便查询。 常见状态码 200 - 请求成功 302 - 重定向 401 - 权限不足 403 - 禁止访问要求 SSL 404 - 请求的网页不存在 500 - 服务器内部错误 503 - 服务器不可用 1开头的状态码 100 - (继续) 请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。 101 - (切换协议) 请求者已要求服务器切换协议,服务器已确认并准备切换。 2开头的状态码(成功) 200...

阅读全文>>

标签: http

评论(0) 浏览(864)

使用超简单的nodejs版本管理工具n安装升级和切换node版本

2019-3-6 Jon nodeJS

使用npm全局安装     sudo npm i -g n     运行错误的话使用     sudo npm i -g n --force 查看node所有版本     n list或者n ls     高亮显示的是本地已经安装的     高亮并在前面有标志的是目前正则使用的 通过n切换和安装node版本   ...

阅读全文>>

标签: node

评论(0) 浏览(1071)

angular 中的路由守卫CanActivate、CanDeactivate、Resolve

2019-2-26 Jon js库

一、路由守卫 当用户满足一定条件才被允许进入或者离开一个路由。 路由守卫场景: 1、某些路由用户未登录无法进入(登录) 2、某些路由用户没权限无法进入(权限) 3、不可跳过中间步骤直接访问某一步骤路由(注册流程、步骤条) 4、当用户未执行保存操作而试图离开当前导航时提醒用户(防止误操作) 5、用户进入某路由前获取该路由需要的数据(提升用户体验) Angular提供了一些钩子帮助控制进入或离开路由。这些钩子就是路由守卫,可以通过这些钩子实现上面场景。 CanActivate: 是否允许进入某路由(场景1、2、3) CanDeactivate: 是否允许离开某路由(场景4)...

阅读全文>>

标签: 路由

评论(0) 浏览(1425)

皖ICP备15010162号-1 ©2015-2020 知向前端
qq:1614245331 邮箱:13515678147@163.com Powered by emlog sitemap