web开发
qq_39985511
这个作者很懒,什么都没留下…
展开
-
pwa简介
什么是pwa?author: 果果 data:2020.04.10 21:58pwa定义Progressive Web App, 简称 PWA,翻译过来就是渐进式增强WEB应用,是Google 在2016年提出的概念,2017年落地的web技术。是提升 Web App 的体验的一种新方法,能给用户原生应用的体验PWA 的主要特点1、可靠 : 即使在不稳定的网络环境下,也能瞬间加载...原创 2020-04-25 20:40:44 · 623 阅读 · 0 评论 -
manifest离线缓存技术
manifestauthor: 果果 data:2020.04.25 17:06html属性 manifest定义manifest 属性规定文档的缓存 manifest 的位置。HTML5 引入了应用程序缓存,这意味着 Web 应用程序可以被缓存,然后在无互联网连接的时候进行访问。应用程序缓存使得应用程序有三个优点:离线浏览 - 用户可以在离线时使用应用程序快速 - 缓存...原创 2020-04-25 20:32:29 · 425 阅读 · 0 评论 -
Service Work生命周期
service work的生命周期author: 果果 data:2020.04.25 16:49Service Worker 的使用过程很简单,所处理的事情也相对单一,我们基本上需要做的就是利用这个 API 做好站点的缓存策略。在页面脚本中注册 Service Worker 文件所在的 URL。Worker 就可以开始激活了,激活后的 ServiceWorker 可以监听当前域下的...原创 2020-04-25 20:30:40 · 620 阅读 · 0 评论 -
Service Work简介
什么是pwa?author: 果果 data:2020.04.10 21:58pwa定义Progressive Web App, 简称 PWA,翻译过来就是渐进式增强WEB应用,是Google 在2016年提出的概念,2017年落地的web技术。是提升 Web App 的体验的一种新方法,能给用户原生应用的体验PWA 的主要特点1、可靠 : 即使在不稳定的网络环境下,也能瞬间加载...原创 2020-04-25 20:23:49 · 4949 阅读 · 0 评论 -
PHP之Smarty模板学习
created by fuguoyu 2019.10.21一、项目搭建区域1、引入和实例化Smarty // smarty的引入和配置化 require ('./Smarty/Smarty.class.php'); $smarty = new Smarty();2、五配置两方法 //五配置 两方法 $smarty->left_delimiter...原创 2019-10-21 16:32:24 · 393 阅读 · 0 评论 -
单点登录的三种实现方式
先上楼主图,声明一下,楼主也是通过cookie的同域来来实现单点登录,将cookie存在顶级域名之下。&为什么会有isLogin这个状态呢?为什么不通过cookie直接判断呢?答:经技术老大讲解,咱们要和咱们自己的子系统后台建立会话,就是通过isLogin这个状态来判断,所有的交互是通过子系统的后台来进行的,而不是通过cookie与sso建立会话!*************...转载 2019-03-18 16:52:18 · 5000 阅读 · 1 评论 -
cross-env跨平台设置环境变量
现在有一需求就是:在一个vue的项目中,在测试环境和生产环境打包的时候,链接的路径不一致?如何在package.json中设置,通过不同的命令来实现?首先cross-env是什么?答:cross-env能跨平台地设置及使用环境变量****大多数情况下,在windows平台下使用类似于: NODE_ENV=production的命令行指令会卡住,windows平台与POSIX在使用命...原创 2019-03-21 14:28:17 · 6267 阅读 · 0 评论 -
live-server的安装使用,临时服务器
本地开发常常需要搭建临时的服务,第一时间我们会想到用http-server。但现在流行修改文件浏览器自动刷新hot socketing(热拔插),如live-reload。若想浏览器自动打开项目,用opener。现在live-server实现了三个插件的所有功能,并且很简单就能启动一个看起来很专业的本地服务NPM全局安装 npm install -g live-serve...转载 2018-12-28 12:11:06 · 1728 阅读 · 0 评论 -
webpack.config.js配置遇到Error: Cannot find module '@babel/core'问题
一、 问题描述在配置webpack.config.js自动打包的时候,出现Error: Cannot find module '@babel/core'错误最初以为是babel-core没有安装上。重装了好几遍babel-core还是不行。对照以前的项目,发现babel-loader的版本不一样,之前的是@7.1.5版本,而现在是@8.0.0版本。二、 解决方法带着半信半疑的心情安装...转载 2018-12-27 13:34:51 · 2859 阅读 · 0 评论 -
介绍下BFC,IFC,GFC和FFC
What‘s FC? 一定不是KFC,FC的全称是:Formatting Contexts,是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。BFC BFC(Block Formatting Contexts)直译为"块级格式化上下文"。Block Formatting...转载 2019-05-14 09:49:19 · 1320 阅读 · 0 评论 -
webApp调试页面的几种方式
前言PC端web页面调试比较容易,这里主要说几种移动端调试的方法,从简单到复杂、从模拟调试到远程调试,大概分为几部分:1、Chrome DevTools(谷歌浏览器)的模拟手机调试2、weinre(web inspectorremote)远程调试工具3、微信的“web开发者工具”,集成了Chrome DevTools和weinre,做的比较好4、Chrome DevTools...原创 2019-07-19 19:26:44 · 2266 阅读 · 2 评论 -
blob类型对象转为file类型对象
今天楼主遇到一个问题,显示js解压缩文件,然后将解压出来的文件上传到服务器,接口要求传file类型但是通过jszip解压出来,然后再async之后只能是以下几种类型因为类型中没有file文件,只有blob文件,所以只有从这里下手了利用File Api讲blob转成File对象其实我google找了一圈只有 File => Blob,没人写怎么用Blob => Fi...原创 2019-08-01 19:38:42 · 31543 阅读 · 9 评论 -
百度编辑器ueditor中的表格添加边框和颜色
关于ueditor表格不显示边框的问题,分为两种:1.ue本身自带表格不显示2.ue复制粘贴进来的表格不显示关于1:找到ueditor.all.js中的下列代码,添加// style="border:1px solid #ddd; for (var r = 0; r < rowsNum; r++) { html.push('<tr' +...原创 2019-08-13 16:42:14 · 1394 阅读 · 0 评论 -
谷歌浏览器设置跨域
在进行前端开发设置谷歌浏览器跨域时遇到了问题,百度上说的方法不管怎么设置就是不能跨域,在死怼中发现了可以这样设置跨域(详见三)总结三种方法:一、49版本以前的设置: 在桌面chrome快捷方式的属性中的目标输入框添加 --disable-web-security 添加部分与前面字符之间有空格(有文章说目标引号结尾的加--args --disable-web-secu...原创 2019-09-20 17:08:21 · 15673 阅读 · 1 评论 -
document.body.scrollTop滚动失效
先来说一下场景: 进入页面之后,需要页面滚动到指定的标签位置,但是如下设置之后,并没有什么效果document.body.scrollTop=(0,300)解决方案:let htmlDom = document.documentElement;htmlDom.scrollTo(0,300)问题解决了,但是这2中写法有啥区别呢?咱们继续往下看:1、什么是doc...原创 2019-09-20 19:32:09 · 2088 阅读 · 0 评论 -
Chrome浏览器的自动保存密码提示功能禁用方法
在表单中加入autocomplete="off"后,IE和FF不会提示保存密码,但是用Chrome浏览器登录系统时,会弹出自动保存密码的提示,从安全的角度考虑,需要禁止浏览器的这个功能说明,在网页开发中,在表单中加入autocomplete="off"后,IE和FF不会提示保存密码,但是用Chrome浏览器登录系统时,会弹出自动保存密码的提示,从安全的角度考虑,需要禁止浏览器的这个功能,提升系...转载 2018-09-03 17:22:53 · 7791 阅读 · 1 评论 -
前端页面的适配使用rem换算---rem详解
为什么要使用rem转自:https://www.cnblogs.com/annie211/p/8118857.html仅用于学习,违者必究!!!之前有些适配做法,是通过js动态计算viewport的缩放值(initial-scale)。例如以屏幕320像素为基准,设置1,那屏幕375像素就是375/320=1.18以此类推。但直接这样强制页面缩放过于粗暴,会导致页面图片文字...转载 2018-08-21 10:31:53 · 3569 阅读 · 0 评论 -
目前最完整的前端框架 Vue.js 全面介绍
Vue.js 是一个JavaScriptMVVM库,是一套构建用户界面的渐进式框架。摘要2016年最火的前端框架当属Vue.js了,很多使用过vue的程序员这样评价它,“vue.js兼具angular.js和react.js的优点,并剔除了它们的缺点”。授予了这么高的评价的vue.js,也是开源世界华人的骄傲,因为它的作者是位中国人–尤雨溪(Evan Y转载 2018-01-06 23:19:56 · 82762 阅读 · 4 评论 -
Ajax 跨域,这应该是最全的解决方案了
前言从刚接触前端开发起,跨域这个词就一直以很高的频率在身边重复出现,一直到现在,已经调试过N个跨域相关的问题了,16年时也整理过一篇相关文章,但是感觉还是差了点什么,于是现在重新梳理了一下。个人见识有限,如有差错,请多多见谅,欢迎提出issue,另外看到这个标题,请勿喷~题纲关于跨域,有N种类型,本文只专注于ajax请转载 2018-01-09 08:24:53 · 8618 阅读 · 0 评论 -
精心收集的 48 个 JavaScript 代码片段,仅需 30 秒就可理解
该项目来自于 Github 用户 Chalarangelo,目前已在 Github 上获得了 5000 多Star,精心收集了多达 48 个有用的 JavaScript 代码片段,该用户的代码可以让程序员在 30 秒甚至更少的时间内理解这些经常用到的基础算法,来看看这些 JavaScript 代码都传达出了什么吧!Anagrams of string(带有重复项转载 2018-01-09 08:31:59 · 182 阅读 · 0 评论 -
简单粗暴地理解 JS 原型链
原型链理解起来有点绕了,网上资料也是很多,每次晚上睡不着的时候总喜欢在网上找点原型链和闭包的文章看,效果极好。不要纠结于那一堆术语了,那除了让你脑筋拧成麻花,真的不能帮你什么。简单粗暴点看原型链吧,想点与代码无关的事,比如人、妖以及人妖。1)人是人他妈生的,妖是妖他妈生的。人和妖都是对象实例,而人他妈和妖他妈就是原型。原型也是对象,叫原型对象。转载 2018-01-09 08:36:27 · 224 阅读 · 2 评论 -
形象解释 undefined 和 null 之间的区别
转载 2018-01-09 08:38:31 · 241 阅读 · 0 评论 -
2017 前端大事件和趋势回顾,2018 何去何从?
2017年,前端开发继续飞速发展。以下是在过去的一年中非常值得关注的十大事件整理,主要参考了国内外的一些报道和文章,希望能对大家在思考 2018 年的趋势和走向上有所帮助。欢迎指正、评论和补充。1、React 16 和 MIT 许可证2017年,React 继续在前端领域占据主导地位,备受期待的 React 16 也正式发布。该版本包含可实现异步 UI转载 2018-01-09 08:41:54 · 214 阅读 · 0 评论 -
Flex 布局教程
转自阮一峰老师的博客,不可商用,自由转载转自:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就转载 2018-01-09 17:31:09 · 201 阅读 · 0 评论 -
WebSocket:5分钟从入门到精通
一、内容概览WebSocket的出现,使得浏览器具备了实时双向通信的能力。本文由浅入深,介绍了WebSocket如何建立连接、交换数据的细节,以及数据帧的格式。此外,还简要介绍了针对WebSocket的安全攻击,以及协议是如何抵御类似攻击的。二、什么是WebSocketHTML5开始提供的一种浏览器与服务器进行全双工通讯的网络技术,属于应用层协议。它基于TCP传输协议,并复转载 2018-01-09 18:39:27 · 188 阅读 · 0 评论 -
跨域资源共享 CORS 详解
转自阮一峰老师的博客,http://www.ruanyifeng.com/blog/2016/04/cors.html仅用于学习,不可商用CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。本文详细介绍CO转载 2018-01-29 17:54:51 · 140 阅读 · 0 评论 -
yarn的安装与使用
转自:http://blog.csdn.net/guoquanyou/article/details/61199935仅用于学习,不可商用在Nodejs环境下,通过npm install -g yarn 命令进行全局安装例如:yarn versionyarn inityarn installyarn add vueyarn add vue-routeryarn remove vue-routerC...转载 2018-03-12 17:02:28 · 1486 阅读 · 0 评论 -
Payload与form表单提交区别
最近做项目的时候,在通过post请求向服务端发送数据的时候,请求失败了。错误信息如下:返回的400(bad request)错误,说明客户端这边发送的请求是有问题的。和通过jquery中的ajax方法发送的请求作对比。发现问题出在了请求的主体部分。 这里的请求主体部分是payload的形式的。 而直接通过jq,是如下这种formdata形式。 formData是什么? formData是客户端主...转载 2018-03-20 09:10:56 · 1530 阅读 · 4 评论 -
ajax:前后端json传值写法
ajax中的contentType有多种类型,默认是contentType=application/x-www-form-urlencoded;charset=utf-8;,如果设置contentType=application/json;charset=utf-8;那就会发生在后台无法通过context.Request.Form[]获取参数的情况,下面我就post、get两种方式进行梳理。pos...转载 2018-04-20 15:22:39 · 2086 阅读 · 0 评论 -
通过原生js获取路由url中的参数的实例和讲解
原文链接:http://blog.csdn.net/zhangwenwu2/article/details/77507381通过url传递参数是我们在开发中经常用到的一种传参方法,但通过url传递后改如果获取呢?下面这篇文章主要给大家介绍了关于vue如何不通过路由直接获取url中参数的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。前言众所周知vue中使用路由的方式设置url参数,但是这种方式...转载 2018-04-21 15:30:35 · 9029 阅读 · 0 评论 -
基于jquery,bootstrap数据验证插件bootstrapValidator
bootstrap:能够增加兼容性的强大框架.因为项目需要数据验证,看bootstrapValidator 还不错,就上手一直,完美兼容,话不多说。需要引用css:bootstrap.min.cssbootstrapValidator.min.cssjs:jquery-1.10.2.min.jsbootstrap.min.jsbootstrapValidator.min.js(下载实例)以上这些都...转载 2018-06-06 09:12:45 · 338 阅读 · 0 评论 -
webpack 介绍 & 安装 & 常用命令
转自:http://www.cnblogs.com/sloong/p/5584684.html只可参考,不可商用Webpack是一款用户打包前端模块的工具,它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。主要是用来打包在浏览器端使用的javascript的。同时也能转换、捆绑、打包其他的静态资源,包括css、image、font file、tem转载 2018-01-11 11:16:16 · 197 阅读 · 0 评论