JarunWang-CSDN博客

原创 SWF播放器object DEMO

定义一个object url为flash的地址 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,1,85,3" width="100%"

2017-08-08 16:37:21 1452

原创 ES6 字符串模版用法和例子

前言字符串模版为了优化以前那种双引号，单引号那种恶心的写法。优化语法增加代码的可读性且可写性。以前写法：var name = "Jane"var before = "<div><span class = 'class'"+ "style='color:red'>"+name+ "</span></div>"ES6写法：var name = "Ja

2017-07-14 23:18:50 366

原创 ES6 箭头函数用法和案例

前言ES6 提供了一种很简化的写方法的新写法。就是箭头函数。有了箭头函数，可以更加优化代码的长度，也可以使代码读起来更加好看，增加可读性。但箭头函数和方法构造是由点区别，现在总结了用法和注意事项。请大家阅读学习用。基本用法带一个参数／／ES6var f = v => v;／／ES5var f = function(v){ return v;}带多参数//ES6var f = (x,y

2017-07-08 01:50:31 717

前言：ES6 Proxy和Reflect是一个蛮有用的组合，这两个属性相辅相成。这篇文章是通过用这两个属性来写一个简单的常用实例。也通过这个实例来说明Proxy和Reflect几个常用的方法。Proxy是什么？Proxy用于修改某些操作的默认行为，等同于在语言层面作出修改，需要一种“元编程”，即对编程语言进行编程。可以理解为对目标对象设置“拦截”层，外界访问该对象必须先通过拦截层。因此提供了一种机

2017-07-02 00:16:23 772

转载 jQuery ajaxError参数详细整理

前言ajax是现在和服务器主流交互，完全不能少的技术。但很多时候我们对这个错误的原因不太明白，比如初学者最容易犯的错就是，为什么参数传不到后端，一看错误信息，又不知道是什么意思。导致浪费大量时间。现在整理了一份详细的ajaxError参数说明文档。希望大家有用。ajax原理图监听错误demo$(document).ajaxError( function (event, XMLHttpReques

2017-07-01 18:14:04 3391

原创 web系统国际化方案

web系统国际化方案前言很多时候一个系统发展到一定环境，就需要兼容到各种各样的国家。而这种兼容除了语言，还包含时区，数据，还有服务器速度等。其实需要考虑的东西也蛮多的，我最近因为做外国服系统，所以有一套成熟的方案。整理出来，让大家借鉴。国际化目的让不同国家和时区都能正常使用该系统，且体验差别不大，都能正常服务。那具体要做什么我列了一个图。分为系统，服务器，地域文化（词不能直接翻译就行，有时候直译

2017-06-25 01:58:22 8026

原创 H5 video 播放器demo

H5 video 播放器demo前言最近在做一个wap端的项目，需要视频播放功能。大家也知道wap对flash支持很差，优先考虑使用h5播放器video,之后在介绍几个插件和第三方视频实现方法。H5 video因为是原生的界面比较普通，但使用起来没什么问题，手机端兼容情况很不错。网上的教程也比较多。我这里提供了一个demo给大家学习。demo代码：<!DOCTYPE html><html>

2017-06-11 22:03:29 22744

原创浅谈SEO优化-站点优化（3）

浅谈SEO优化-站点优化（3）一.前言我们新建一个站点，搜索引擎肯定不知道吧。那我们不可能等对方来抓取，那不知道何时何月才能抓取到你的站点，我们要主动出击，去找搜索引擎，那怎么办呢？如何添加我们的网站？而每个搜索引擎都有一个站长平台，那是让我们添加自己网站的。这篇文章是教大家如何主动出击，和搜索引擎大教导。二.搜索引擎我们要做哪几个平台呢？国内2017年1月数据。我们主要围绕这5个搜索引擎，百度、3

2017-06-11 20:38:30 743

原创浅谈SEO优化-页面优化（2）

浅谈SEO优化-页面优化（2）一.前言根据上一篇文章我继续写页面优化。制作一个站点的时候需要一开始就考虑到SEO优化，比如做一个站点是做一个单页面框架？还是多页面框架？如果考虑到页面搜索，多页面会比单页面爬虫更好。还有页面如何生成？是js动态生成，还是html里面写出来？html为优。iframe的使用，如果要考虑到搜索排名，iframe也会放弃使用。所以SEO是需要在需求阶段就开始考虑的如何开发

2017-06-11 17:11:39 1329

原创浅谈SEO优化（1）

浅谈SEO优化一.前言一个站点开发永远离不开seo优化，在大数据年代，如何在一个网海茫茫的网络世界中，找到你的站点呢？是一个极其复杂且有难度的工作。需要持续更新网站，不停的优化内容和网站架构，还有关键字等。这些都是我们平时常听到的SEO优化之一。我简单说下我最近看到的SEO优化工作。希望对看到这篇文章的人都有用，当然这只是我的片面之谈，文章中有些疏忽的，请大家联系。我补充完整。二.什么叫SEO优化全

2017-06-11 14:53:28 485

原创 web／wap前端站点监控和工具

web／wap站点监控一.前言一个web／wap开发好发布到外网的时候，需要一些列的管理和监控，来持续优化站点。主要分为三类性能监控，访问量监控，报错监控。下面图总结为这三点主要内容。二.工具分析。在这里我介绍一下我使用过的工具，来给大家分享一下经验。工具网站作用费用听云 https://report.tingyun.com 访问量监控，报错监控，性能监控

2017-06-10 18:53:53 1822

原创 onerror远程移动调试收集报错信息

前言我们在开发移动端的时候，需要远程调试。那时候我们可能选择fiddler4,Weinre,vorlon或者移动框架包含的调试工具等。但本来就调试一个很简答的问题，引用这些工具安装觉有点大材小用。我推荐一个小办法用 onerror。放在全局JS里面，只有那个地方有报错，直接把错误打出来，那行那页那个JS报错都一目了然。简单方便。~~错误信息模型/*收集报错信息*/ window.onerro

2017-05-02 16:59:39 287

原创安全策略之CSP应用

前言现在介绍一个全新的、有效的安全防御策略来减轻这种风险，这就是内容安全策略（ContentSecurity Policy，CSP）。之前安全开发人员会制作一个安全沙箱，也就是白名单，来限制可以访问的域。XSS跨站脚本攻击，通过虚假内容和诱骗点击来绕过同源策略。这是一个很大的问题，如果攻击者成功注入代码，有相当多的用户数据会被泄漏。XSS攻击在这里我不做详细介绍，之前的博客已经介绍过请查看之前文章。

2017-02-18 21:51:15 1394

原创 web安全策略之iframe-sandbox

前言sandbox是html5的新属性，主要是提高iframe安全系数。iFrames因安全问题而臭名昭著，这主要是因为iFrames常常被用于嵌入第三方内容，而后者则可能会执行某些恶意操作。这样可以有效防止iframe对父页面进行攻击（禁用插件，禁止其他浏览上下文的导航，禁止弹出窗口和模式对话框）。sandbox通过限制被嵌入内容所允许的操作而提升iFrames的安全性。这种方式将sandbox内

2017-02-18 19:13:19 11778 1

原创微信小程序开发

最后一步就是开发。如何写一个小程序呢？小程序开发其实和其他公众号开发差不多，只是小程序用的是微信自定义的一套框架，所以开发前建议读度微信小程序规范。

2017-01-10 14:33:19 447

原创微信小程序注册和发布

这次写如何注册一个小程序。小程序定位是一种微信公众号的一种，一开始以‘’应用号‘’为名，之后正式命名为‘小程序’。既然是微信公众号的一种，那么就是和企业号，服务号，和订阅号，并行关系。所以微信已经注册企业号，服务号，订阅号的账号，不能再注册小程序。一.如何注册一个小程序1.进入https://mp.weixin.qq.com/ 微信公众号平台。点击立即注册。

2017-01-10 14:14:54 765

原创用pushState写一个router

日常我们使用着各种的router.BACKBONE-router,REACT-router等。但就几个页面的小项目，还要引用这些大型工具。就觉得特别麻烦。能有一种简便的，几行代码就能实现的router。能。HTML5里引用了新的API，history.pushState和history.replaceState，就是通过这个接口做到无刷新改变页面URL的。

2016-12-02 16:31:29 942

原创 JS生成二维码

最近需要实现二维码，考虑了各种方案。最后觉得直接前端生成最便捷。测试了jquery.qrcode.js 和 qrcode.js 二个js控件。总结了一些实用经验。来给大家分享。1.前端实现二维码主要有几种方式,table,canvas,img drawImageQRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获

2016-11-27 23:36:45 1002

原创 XSS跨站脚本攻击

什么是XSS跨站脚本攻击？在网页中嵌入客户端脚本(例如JavaScript)，当用户浏览此网页时，脚本就会在用户的浏览器上执行，从而达到攻击者的目的，比如获取用户的Cookie，导航到恶意网站，携带木马等。

2016-11-15 23:41:25 581

原创 Linux前端自动化gulp安装与使用

前言：gulp是前端自动化工具，主要负责文件压缩，版本控制和js之间关系等工具。现在线上服务器linux居多，那想在linux进行前端自动化打包具体怎么配置和操作呢？写下这文章给初学者看，跟着做，肯定做到。需要用到的工具SecureCRTPortable，SecureFXPortable。window链接linux系统用到，如果直接在linux上，可以无视。 1.linux...

2016-11-14 15:53:33 6177

原创 CSS3 REM单位简说

1.什么叫REM rem（font size of the root element）是指相对于根元素（html标签）的字体大小的单位。 2.REM有什么用？现在我们在制作网页的时候，用PX单位+百分比。在到放大和缩放，会看到样式混乱，部分换行错误等问题。这样制作的网页只能在100%正常显示。但用户正常也不会手多去放大缩放去看。所以一直都是业界做法。没毛病！但到了

2016-10-11 16:55:14 646

原创网页跨域请求问题之jsonp原理分析

前言：在做项目的时候，遇到考虑到外网使用的情况。因为地址域的不同，导致到请求不成功。因此需要考虑使用跨域技术来解决。在权衡各种跨域技术后优先选择JSONP。什么是JSONP：为了便于客户端使用数据，逐渐形成了一种非正式传输协议，人们把它称作JSONP，该协议的一个要点就是允许用户传递一个callback参数给服务端，然后服务端返回数据时会将这个c

2016-08-11 11:55:58 378

rth362147773的博客