上一节我们说地址栏跳转的时候，谈到了浏览器会缓存用户访问url序列，我们可以通过浏览器的前进后退按钮或者通过js提供的方法，访问这个序列里的url，不过关于这一点上一节我们只说了window.history.go，这里补充两个方法。
【后遗症】：浏览器地址栏会变成这个url，如果刷新会重新进行请求此url，重新加载这个页面。
所谓URL转发是当你访问一个域名时，将会自动跳转到您所指定的另一个网络地址（URL）。假设abc.com是您要访问的域名，则通过URL转发服务可以实现当访问http://www.abc.com时，自动转向访问另外一个URL，如：http://www.otherdomain.com/somedir/other.htm。URL转发服务尤其对于拥有一个主网站并同时拥有多个域名的用户比较适用，通过URL转发服务，您就可以轻松实现多个域名指向一个网站或网站子目录了； 另外，通过URL转发服务，可以方便的实现将您的中文域名，设置自动转发到您的英文域名主站点。
JavaScript，弱类型脚本语言，增强交互和用户体验提高效率等。JavaScript=ECMAScript+JavaScript特有的内容（BOM对象+DOM对象） ECMAScript：与html结合：内部JS（script标签定义，在html文档内部，按位置先后执行），外部JS（script标签引入src元素）， 注释：当行//，多行/**/，数据类型：原始数据类型（基本，number[整数，小数，NaN not a number]，string，boolean，null，undefined），引用数据类型（对象） 变量，var定义，开辟空间不定义类型。赋值可改变类型。document.write输出，添加标签字符串换行。typeof(变量)关键字，打印数据类型（null是一个object的bug）。 运算符，一元运算符：++，--，+-（正号,负号[可以将其他类型转number，无法转换为NaN]），算数运算符：+-*/%，赋值运算符=，+=，-=，比较运算符：>，>=，<，<=，==，!=，类型不同则转换类型比较，===（不转换类型比较）。
2、如果有使用=修饰符的location块与请求的URL完全匹配,则立刻使用该location响应请求
这个很多人应该还是知道的，在浏览器地址栏可以直接运行JavaScript代码，做法是以javascript:开头后跟要执行的语句。比如：
注意： alias只能用于location中（使用alias，目录名后面一定要加“/”），而root可以用在http、server和location中。
地址栏url是我们前端的重要组成部分，我们需要用到它进行页面跳转，页面传参。像我就经常用到地址栏传参的方法，但却很少用到修改地址栏的方法，近期就用到了这个修改地址栏参数的需求，发现意外的好用，于是今天就来总结一下地址栏的相关操作。
网易云音乐 小米移动端 多页应用：与单页应用相对应的，不同的功能通过不同的页面来实现
点击上方蓝字“ITester软件测试小栈“关注我，每周一、三、五早上 09:00准时推送，每月不定期赠送技术书籍。
用 Vue.js + vue-router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 vue-router 添加进来，我们需要做的是，将组件(components)映射到路由(routes)，然后告诉 vue-router 在哪里渲染它们。
HTTP，超文本传输协议（HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议
window.open 弹出新窗口的命令； ‘page.html’ 弹出窗口的文件名； ‘newwindow’ 弹出窗口的名字（不是文件名），非必须，可用空”代替； height=100 窗口高度； width=400 窗口宽度； top=0 窗口距离屏幕上方的象素值； left=0 窗口距离屏幕左侧的象素值； toolbar=no 是否显示工具栏，yes为显示； menubar，scrollbars 表示菜单栏和滚动栏。 resizable=no 是否允许改变窗口大小，yes为允许； location=no 是否显示地址栏，yes为允许； status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
这是我在最近的一个网站项目中频繁用到的几个js函数，非常实用。包括：1、js获取地址栏参数；2、返回cookies字符串中指定键对应的值；3、json格式的日期转换为正常格式4、清除cookie。 1 /** 2 * 1、js获取地址栏参数 3 */ 4 // 获取地址栏的参数数组 5 function getUrlParams() { 6 var search = window.location.search; 7 // 写入数据字典 8 var tmparra
在2005左右，兴起了一种叫做ajax的技术，有了ajax之后，我们向服务端提交数据的时候就不再需要使用from表单去提交了，因为from表单之间的提交会导致页面之间的切换，也就是说无法实现单页应用。 ajax的缺陷 1、不会在浏览器里面留下历史记录 2、用户无法将页面加为书签保存下来或者无法通过发送网址给其他人，其他人通过直接点击网址进入这个页面 3、ajax无法实现SEO优化，ajax对搜索引擎是不友好的 这也是为什么要使用前端路由的一个原因。
已经有一段时间没有更新了，正好这段时间在做一个电商管理系统的项目，借此总结一下。该项目主要是一个电商的后台管理系统，可实现管理用户账号，即登录、退出、用户管理、权限管理等，商品管理，即商品分类、分类参数、商品信息，订单信息等以及数据统计。
开通微信商户号、微信公众号然后按照步骤准备一堆资料审核，然后设置相关配置。所以最好提前准备资料审核以免耽误开发进度。配置的步骤：官方文档，直接按照官方文档配置就行了。需要特别注意的是配置商户号的支付授权目录和公众号的授权域名必须一致，不然会调起支付失败的！
大家好，我是二哥呀。这个问题虽然看上去很初级，但实际上却涉及到方方面面，这也就是为啥面试里老爱问这个的原因之一。
好了不装了，今天我就化身性感面试官在线问大家一个问题，“谈谈你对前端路由的理解”。看到这个问题，那回答可多了去了。但是换位思考一下，你问候选人这个问题的时候，你想要得到什么答案？以我个人拙见，我希望候选人能从全局解读这个问题，大致以下三点。
DocumentRoot “D:\website\VueThink\php\public”
a javascript implementation of pull to refresh and up to loadmore 移动端下拉刷新、上拉加载更多插件
可以使用另一个技巧来获取更多一点的页面实际使用面积，那就是去除IOS设备上的地址栏，可以使用页面加载完之后稍稍滚动页面的招术来实现。
1.下载项目vuethink，本例将项目放置website文件下。 2.后台搭建 本地建站–》以phpstudy为例 1) 新建站点域名 <VirtualHost*:80> DocumentRoot “D:\website\VueThink\php\public” ServerName www.vuethink.com ServerAlias <Directory “D:\website\VueThink\php\public”> Options FollowSymLinks ExecCGI AllowOverride All Order allow,deny Allow from all Require all granted </Directory> </VirtualHost> 2) win+R运行drivers 在etc/hosts文件添加本地ip域名 127.0.0.1www.vuethink.com 3. 前台搭建 1) 运行cmd 进入frontend文件 2) npm install 本项目提示npm WARN package.json xxx@0.0.0 No repository field. 参考地址 ：http://hao.jser.com/archive/5381/ 修改：在package.json添加（也可以忽略，不修改） “private”:true, “repository”: { “type”:”git”, “url”:”http://github.com/yourname/repositoryname.git” }, 3) npm run dev 4. 检查php版本 首先thinkphp5.0要求php为5.4以上，所以请先检查php版本。 5. 用户名：admin，密码 ：123456 6. 修改文件 1) 修改数据库配置文件Vuethink/php/config/database.php ‘type’ => ‘mysql’, ‘hostname’ => ‘127.0.0.1’, ‘database’ => ‘install’, ‘username’ => ‘root’, ‘password’ => ‘root’, 2) 旧版压缩包，数据表menu url字段开头带有/ 修改前端src/router.js文件 将所有children path 路径前加/ ,再次登录跳转显示正常 新版压缩包，数据表menuurl字段开头不带/ 此处不用修改 3) 修改application\admin\controller\Base.php文件，看到最后： // miss 路由：处理没有匹配到的路由规则 public function miss() { return ; } 将return; 修改为 return “router_error”; （此处修改方便提示） 4) 前后端分离，修改main.js文件 将axios.defaults.baseURL = HOST改为 axios.defaults.baseURL = ‘http://www.vuethink.com/index.php/’ vuethink采用axios请求后端程序，而且此处设置就是让axios每次请求都自动加上baseURL。 window.HOST = HOST改为 window.HOST = ‘http://www.vuethink.com/index.php/’ 这里的意义还没弄明白，后面再补充。
作者：尼克陈 https://juejin.cn/post/6917523941435113486
我们知道，JavaScript共由三部分组成：EMCAScript（基本语法）、BOM（浏览器对象模型）、DOM。 在浏览器对象模型中，把浏览器的各个部分都用了一个对象进行描述，如果我们要操作浏览器的一些属性，就可以通过浏览器对象模型的对象进行操作
Vue实例对象通过_____ new _____ 方式来创建。 Vue初始数据在实例对象的_____data_____ 参数中进行定义。 Vue实例对象中el参数表示_____ 唯一根标签_____ 。 Vue中实现双向数据绑定的指令是_____ v-model_____ 。 Vue事件绑定指令是_____ v-on_____ 。
访问任意网站，在地址栏输入以上代码，会发生当前网页已经变成编模式了。将上述代码中的true改成false重新执行一遍即可恢复。
前端已经被玩儿坏了！像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了，像用||操作符给变量赋默认值也是人尽皆知的旧闻了，今天看到Quora上一个帖子，瞬间又GET了好多前端技能，一些属于技巧，一些则是闻所未闻的冷知识，一时间还消化不过来。现分类整理出来分享给大家，也补充了一些平时的积累和扩展了一些内容。 HTML篇 浏览器地址栏运行JavaScript代码 这个很多人应该还是知道的，在浏览器地址栏可以直接运行JavaScript代码，做法是以 javascript: 开头后跟
需要注意的是如果是通过copy paste代码到浏览器地址栏的话，IE及Chrome会自动去掉代码开头的javascript:，所以需要手动添加起来才能正确执行，而Firefox中虽然不会自动去掉，但它根本就不支持在地址栏运行JS代码
管理平台前端页面需要在当前前端框架结构基础上，在顶级导航中增加两个模块：首页、运维管理模块，以此接入运维平台提供的页面。在访问到内部某个页面后，希望父窗体的地址栏跟随子窗体内部src，同时更新父窗体的地址栏，再刷新页面可以保持在当前访问的页面，同时可以分享链接。
有些网站真是可恶，把右键屏蔽了不给复制，这样还不行（因为可以使用快捷键CTRL+C复制） 他们竟然不让我们选择文字。。。这样下来我们既不能复制，连源代码都不能看了。是可忍孰不可忍，既然这样，那我就不客气了！
data:text/html,Hello, 1802!浏览器页面输出hello 1802;
互联网技术总在不断进步，新技术和新软件也会来带更多功能，就以最常见的个人博客系统，也在不断推陈出新，发掘出更多功能和特色。从早期少量自定义和编辑功能，发展到现在的支持各种自定义模块和外观，以及更多更全的支持软件适配（包括php程序、数据库程序等）。今天，笔者就为大家介绍，如何在Ubuntu系统上部署新版Inis博客系统，并使用cpolar创建的内网穿透数据隧道，将Inis博客网站发布到公共互联网上。
First there was a Navigator, then there was an Explorer. Later it was time for a Konqueror. Now it's time for an Imperator, the VIMperator :)
前端的国际化是一个比较常见的需求。但网上关于这一方面的直接可用的方案却不多。最近刚做了一版基于Vue.js的多语言实现，在此简单作一小结。
1、? 参数 浏览器参数形式：http://javam4.com/m4detail?id=1322914793170014208 1.1、路由取参方式 this.$route.query.id 前端跳
HTML5 新增的历史记录 API 可以实现无刷新更改地址栏链接，配合 AJAX 可以做到无刷新跳转。
今天将谷歌浏览器升级到了最新版本，在安装扩展脚本的时候，却发现Chrome 21+系列增加了对扩展插件安装的限制, 用户只能安装谷歌浏览器（Chrome Store）内的扩展插件，很是郁闷。经过查找相关资料，现整理解决方法如下：
10、获取小程序链接的地址栏参数 GetWxMiniProgramUrlParam
·不同的请求方式不仅仅在数据传输时会有所不同，在表单提交及服务器端处理时也会采用不同的方式。而区分不同种类的请求方式也会使得浏览器采用不同的缓存方式处理后续请求，从而提升响应速度。
面试官您好!我叫XXX,来自XXX,很荣幸能来我们公司面试,我从事前端开发有3年了,目前掌握的技术有html,css,js,ajax,vue,小程序,参与过各种类型的项目。 我做过的项目有 A,B,C,D,E 那么最近做的一个项目是XXX 在这个项目中我主要负责的板块是XXX 面试官 您这边还有什么想要了解的么。
假设我的用户名为admin 密码为123 if("admin".equals(name)&&"123".equals(pwd)){ 登录成功 跳转到success.jsp 1、重定向：将页面跳转 地址栏发生了改变不能将值传递到下一个界面 可以跳转到任意资源 在客户端发挥作用 response.sendRedirect("http://www.baidu.com"); 2、转发：将页面跳转 可以将值传递到下一个界面 但是地址栏不发生改变 而是停留在了之前的页面 只能转发到当前项目内资源 在服务器端
二、模块化开发 模块化的意义：形成局部作用域，不会污染全局变量 * commonJS：node、webpack是其规范的实现 * node不支持ES6的模块化，但支持所有的ES6+语法 * 可以通过typescript转化，在node中使用ES6模块化批量导出可输出多次 * `exports.属性1 = 值1` * `exports.属性2 = 值2` * 导出的都是属性，可导出任何类型的值 * 但导入的只是对象，通过对象的属性执行默认导出只输出一次 * 默认导出只输出第一个值 * `module.expo
一、方案背景介绍 随着互联网技术的发展，用户使用QQ浏览器进行上网观看视频越来越多，最近统计目前使用QQ浏览器观看视频已经过亿。不同的用户由于不同的场景下播放不同的网站的视频源，可能会出现播放失败的情况，而这些失败的播放数据会通过数据上报系统上报至运营后台，将后台拉取数据并经过一定的分析，就能得到播放失败的网站、机型、时间、网络状态等信息，下图是最近后台统计的播放失败率最高的几个视频网站，如下图所示： 当然播放失败可能有多种原因而导致的，例如：浏览器对该种类型的网络视频不兼容、网络视频本身出现问题、用
Progressive Web App, 简称 PWA，是提升 Web App 的体验的一种新方法，能给用户原生应用的体验。
当你想到路由时，通常会想到类似 React 之类的库。但实际上，这些库和框架仍然使用 vanilla JavaScript。那么该怎么实现呢？
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
