Web前端

PWA介绍及快速上手搭建一个PWA应用


PWA初次体验​ 前言:本示例不用安装任何东西部分资源来自网络资源及PWA官网,不要把PWA想象的太复杂,跟着示例走一下,你行的。PWA介绍一个新的前端技术,PWA( 全称:Progressive Web App )也就是说这是个渐进式的网页应用程序。官网:https://developers.google.com/web/prog......
PWA初次体验​ 前言:本示例不用安装任何东西部分资源来自网络资源及PWA官网,不要把PWA想象的太复杂,跟着示例走一下,你行的。PWA介绍一个新的前端技术,PWA( 全称:Progressiv......

PWA介绍及快速上手搭建一个PWA应用

PWA初次体验​ 前言:本示例不用安装任何东西部分资源来自网络资源及PWA官网,不要把PWA想象的太复杂,跟着示例走一下,你行的。PWA介绍一个新的前端技术,PWA( 全称:Progressiv......
阅读全文 2
Web前端

一个简单的零配置命令行HTTP服务器 - http-server (nodeJs)


请前提安装Nodehttp-server 是一个简单的零配置命令行HTTP服务器, 基于 nodeJs.如果你不想重复的写 nodeJs 的 web-server.js, 则可以使用这个.安装 (全局安装加 -g) :npm install http-serverWindows 下使用在站点目录下开启命令行输入:htt......
请前提安装Nodehttp-server 是一个简单的零配置命令行HTTP服务器, 基于 nodeJs.如果你不想重复的写 nodeJs 的 web-server.js, 则可以使用这个.安装 (全局......

一个简单的零配置命令行HTTP服务器 - http-server (nodeJs)

请前提安装Nodehttp-server 是一个简单的零配置命令行HTTP服务器, 基于 nodeJs.如果你不想重复的写 nodeJs 的 web-server.js, 则可以使用这个.安装 (全局......
阅读全文 0
Web前端

Vue-cli脚手架快速搭建项目图文教程


​ 前言:比较基础的教程,大神自行忽略脚手架是什么?“脚手架”是一种元编程的方法,用于构建基于数据库的应用。许多MVC框架都有运用这种思想。好吧,其实说白点就是可以快速帮你搭建一个项目的基础架子,你直接拿过来用然后添加新项目需要的东西。准备工作安装node首先我们需要安装node环境,官网https://nodejs.org下载安装包。......
​ 前言:比较基础的教程,大神自行忽略脚手架是什么?“脚手架”是一种元编程的方法,用于构建基于数据库的应用。许多MVC框架都有运用这种思想。好吧,其实说白点就是可以快速帮你搭建一个项目的基础架子......

Vue-cli脚手架快速搭建项目图文教程

​ 前言:比较基础的教程,大神自行忽略脚手架是什么?“脚手架”是一种元编程的方法,用于构建基于数据库的应用。许多MVC框架都有运用这种思想。好吧,其实说白点就是可以快速帮你搭建一个项目的基础架子......
阅读全文 0
Web前端

[记]使用jQuery Jcrop 图像裁剪无法更换图片的坑


[记]使用jQuery Jcrop 图像裁剪的坑​ 因为公司需求,需要完成一个显示屏定制的业务,用户自主上传图片然后在线裁剪的功能,我选择了jQuery Jcrop这个插件。先看看怎么使用使用方法载入 CSS 文件<link rel="stylesheet" href="jquery.Jcrop.css">载入 Ja......
[记]使用jQuery Jcrop 图像裁剪的坑​ 因为公司需求,需要完成一个显示屏定制的业务,用户自主上传图片然后在线裁剪的功能,我选择了jQuery Jcrop这个插件。先看看怎么使用使用方......

[记]使用jQuery Jcrop 图像裁剪无法更换图片的坑

[记]使用jQuery Jcrop 图像裁剪的坑​ 因为公司需求,需要完成一个显示屏定制的业务,用户自主上传图片然后在线裁剪的功能,我选择了jQuery Jcrop这个插件。先看看怎么使用使用方......
阅读全文 1
Web前端

深入理解vue中slot与slot-scope


深入理解vue中slot与slot-scope写在前面vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项使用频率、使用先后上的差别,这就有可能造成初次接触插槽的开发者容易产生“算了吧,回头再学,反正已经可以写基础组件了”,于是就关闭了vue说明文档。实际上,插槽的概念很简单,下面通过分三部分来......
深入理解vue中slot与slot-scope写在前面vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项使用频率、使用先后上的差别,这就有......

深入理解vue中slot与slot-scope

深入理解vue中slot与slot-scope写在前面vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项使用频率、使用先后上的差别,这就有......
阅读全文 0
Web前端

Vue+Node+MongoDB+微信公众号开发+小程序高级全栈开发教程


我看了下讲的挺细的,可以收藏起来慢慢学下载地址:百度网盘 密码:jug9...
我看了下讲的挺细的,可以收藏起来慢慢学下载地址:百度网盘 密码:jug9......

Vue+Node+MongoDB+微信公众号开发+小程序高级全栈开发教程

我看了下讲的挺细的,可以收藏起来慢慢学下载地址:百度网盘 密码:jug9.........
阅读全文 0
Web前端

前端安全问题之-CSRF攻击


CSRF(Cross Site Request Forgery),中文是跨站点请求伪造。CSRF攻击者在用户已经登录目标网站之后,诱使用户访问一个攻击页面,利用目标网站对用户的信任,以用户身份在攻击页面对目标网站发起伪造用户操作的请求,达到攻击目的。例子可见CSRF攻击的本质原因CSRF攻击是源于Web的隐式身份验证机制!Web的身份验证机制虽然......
CSRF(Cross Site Request Forgery),中文是跨站点请求伪造。CSRF攻击者在用户已经登录目标网站之后,诱使用户访问一个攻击页面,利用目标网站对用户的信任,以用户身份在攻击页......

前端安全问题之-CSRF攻击

CSRF(Cross Site Request Forgery),中文是跨站点请求伪造。CSRF攻击者在用户已经登录目标网站之后,诱使用户访问一个攻击页面,利用目标网站对用户的信任,以用户身份在攻击页......
阅读全文 1
Web前端

前端安全问题之-点击劫持


点击劫持(ClickJacking)是一种视觉上的欺骗手段。 一是攻击者使用一个透明的iframe,覆盖在一个网页上,然后诱使用户在该页面上进行操作,此时用户将在不知情的情况下点击透明的iframe页面; 二是攻击者使用一张图片覆盖在网页,遮挡网页原有位置的含义;iframe解决方法使用一个HTTP头——X-Frame-Options。X-Frame......
点击劫持(ClickJacking)是一种视觉上的欺骗手段。 一是攻击者使用一个透明的iframe,覆盖在一个网页上,然后诱使用户在该页面上进行操作,此时用户将在不知情的情况下点击透明的iframe页......

前端安全问题之-点击劫持

点击劫持(ClickJacking)是一种视觉上的欺骗手段。 一是攻击者使用一个透明的iframe,覆盖在一个网页上,然后诱使用户在该页面上进行操作,此时用户将在不知情的情况下点击透明的iframe页......
阅读全文 0
Web前端

[记] 初次体验小程序绑定合法域名的坑


今天捣鼓小程序,之前从没有接触过,但是感觉和我接触的vue框架差不多的样子, 底层封装的也很不错,可以理解为WXview。多的我就不说了,可以去官网看 微信小程序官网我从gitHub上找了几个开源的项目玩,用的接口是 one 一个(也叫无法注册)一个文艺的app 有兴趣的可以下载看看当我研究了源代码准备测试时,发现没有任何数据,最后定位到微信小程......
今天捣鼓小程序,之前从没有接触过,但是感觉和我接触的vue框架差不多的样子, 底层封装的也很不错,可以理解为WXview。多的我就不说了,可以去官网看 微信小程序官网我从gitHub上找了几个开源的项......

[记] 初次体验小程序绑定合法域名的坑

今天捣鼓小程序,之前从没有接触过,但是感觉和我接触的vue框架差不多的样子, 底层封装的也很不错,可以理解为WXview。多的我就不说了,可以去官网看 微信小程序官网我从gitHub上找了几个开源的项......
阅读全文 5
Web前端

jsonp介绍与jsonp封装


首先说个很多刚接触的人都想问的问题:    jsonp到底是什么? (看完本篇文章你就知道了) 1、一个众所周知的问题,Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态网页、web服务、WCF,只要是跨域请求,一律不准; 2、不过我们又发现,Web......
首先说个很多刚接触的人都想问的问题:    jsonp到底是什么? (看完本篇文章你就知道了) 1、一个众所周知的问题,Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静......

jsonp介绍与jsonp封装

首先说个很多刚接触的人都想问的问题:    jsonp到底是什么? (看完本篇文章你就知道了) 1、一个众所周知的问题,Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静......
阅读全文 0