可以看到 store 文件夹中有 home 和 search 两个子文件夹，与home 和 search 文件夹并列有一个 index.js 是 大仓库，两个 小仓库 分别在 home 和 search 两个子文件夹下的 index.js 相关大仓库合并小仓库代码入下图所示
hook（钩子）就是： 把将要执行的的函数或者一系列动作注册到一个统一的接口下面， 当应用程序调用此接口（即hook）时，就等于调用了这一系列动作。
1.跨域问题。本地联调产生跨域，还得让后台接口origin设置个*，仍然存在一系列问题
ajax技术的目的是让javascript发送http请求，与后台通信，获取数据和信息。ajax技术的原理是实例化xmlhttp对象，使用此对象与后台通信。ajax通信的过程不会影响后续javascript的执行，从而实现异步。
readyState五种状态 0 － （未初始化） 1 － （载入/正在发送请求） 2 － （载入完成/数据接收） 3 － （交互/解析数据）正在解析响应内容 4 － （后台处理完成）响应内容解析完成，可以在客户端调用了 status 状态码： 常用： 200：请求成功（后台处理结果ok）、 303：重定向 400：请求错误、401：未授权、403：禁止访问、404：文件未找到 500：服务器错误 get往服务端发送数据时，把数据写到url中，明文发送，可以从地址栏中直接看到，不安全 post往服务端发送数据是，把数据写到header后边，不写在url中，安全性更高
以layui内置为例，在index.js 引入 bodyTab.js bodyTab.js 项目路径：/static/js/bodyTab.js
Laravel-admin 这个后台很好用，几乎省去了html和js的困扰，让后台CURD变得优雅简洁。
ajax 是 Asynchronous JavaScript and XML的简写，ajax一个前后台配合的技术，它可以让 javascript 发送异步的 http 请求，与后台通信进行数据的获取，ajax 最大的优点是实现局部刷新，ajax可以发送http请求，当获取到后台数据的时候更新页面显示数据实现局部刷新，在这里大家只需要记住，当前端页面想和后台服务器进行数据交互就可以使用ajax了。 这里提示一下大家, 在html页面使用ajax需要在web服务器环境下运行, 一般向自己的web服务器发送ajax请求。
在学习uniapp的过程中，发现uniapp框架默认集成request请求框架存在问题，发送请求时在header中塞入token值，而后台接收不到，也就是说uniapp默认的request请求框架，不支持在请求头中放入token的做法。 基于以上原因，笔者确定放弃默认的请求框架，引入第三方axios请求框架。
表单提交在前端编程阶段中也是一个重点。它是由页面数据保存到后台数据库的重要枢纽，通过表单提交的方式将数据上传到数据库进行保存。同时这些数据也包含用户信息、统计信息、日志信息等等。 数据的信息不同，上传的方式也不同。在JavaScript中有四种种表单提交的方式： 一、 Form表单手动提交（get与post） 在没有任何Js代码的影响下，Form表单本身是自带提交功能的。在form元素标签上有两个属性： (1) action：设置表单提交的路径（URL） (2) method：设置表单提交的方式 表单提交的路径分为两种： (1) 相对路径：指站点内的文件，就是本地文件。 (2) 绝对路径：指其它站点，就比如从本站点到百度。 设置表单提交方式属性的值有两种：get提交和post提交。如果method不指名提交方式则默认为get提交。 这两种提交方式需要分别对应不同情况使用： (1) 相对于post提交而言，get提交更简单也更快，但是传输的容量小，在提交表单时，所有的信息都会暴露在url上，并不安全，通常用来获取数据。 (2) post提交方式能够传输的容量基本上是无穷的，而且提交的数据直接在后台进行处理，保证了数据的安全性，而且在更新数据传输大量数据、传输音频图片或者特殊符号等情况时，就只能使用post，而非get。 通常情况下，我们会取消Form表单的自动提交功能，通过一个onsubmit属性赋值为return false。
我在搜狗问问帮别人写代码的时候遇到一个小的问题，问题是这样的，就是题主希望在别的页面获取到前一个页面存在js里面的数据，这个时候一般都会想到的是用cookie，但是其实cookie是很有局限性的， 所以我就说其实是可以用localStorage离线缓存技术的，不过我不想写例子，所以就用之前写的一个比较麻烦的关于localStorage的例子，里面是有后台的代码的，所以有人就误会了，说这个技术不行啊， 总泵你一直需要后台的技术吧，所以我今天澄清以下，这个是不要后台的技术的，我简单的写一个例子，纯前端。
很多人都说 WordPress 后台很慢，有些同学反馈甚至都需要2-3秒才能打开，并且他们使用的服务器是阿里云 / 腾讯云这些，基本可以排除是服务器问题，那么为什么 WordPress 后台那么慢？
如今“前后端分离”的设计思想已经非常普及，所以一旦静态资源和后台应用部署在不同服务器上并采用不同域名，那么，必然会遇到“浏览器同源策略”的限制，也必然，需要前后台一起合作解决跨域问题。
shiro，不多说了，都知道是权限框架 用过shiro的都知道shiro自己有各种过滤器，只要配置好了就可以自动过滤，自动跳转到对应的页面，比如：认证，授权，退出等，都是通过自身的过滤器， 咱们来看这
上节我们讲到了http的一些基础知识，这都是为了让我们在实践ajax实例时，更好的理解和调试接口。因此这节我们就进入实战部分。
大体相同，但小程序直接this.data的属性是不可以同步到视图的，必须调用this.setData()方法！
Objective-C，通常写作ObjC或OC和较少用的Objective C或Obj-C，是扩充C的面向对象编程语言。
当涉及到JavaScript性能优化时，有几个关键的方面需要考虑。下面是一些常见的JavaScript性能优化技巧和实践：
在vue开发中，会涉及到很多接口的处理，当项目足够大时，就需要定义规范统一的接口，如何定义呢？
一般情况下进行GET请求才会这么做，类似在浏览器的地址栏敲进去的url地址那样，客户端的js代码如下，这里对服务器端做了一个请求（这里用GET），请求通过url上的Querystring传了五个参数：
Express的版本 – v3.3.3 (安装 $ npm install -g express)
在做vue中大型项目的时候，官方推荐使用axios，但是原生的axios可能对项目的适配不友好，所以，在工程开始的来封装一下axios，保持全项目数据处理的统一性。此文主要讲在vue-cil项目中如何封装axios，封装请求，封装公共的api，页面如何调用请求。
面试官您好!我叫XXX,来自XXX,很荣幸能来我们公司面试,我从事前端开发有3年了,目前掌握的技术有html,css,js,ajax,vue,小程序,参与过各种类型的项目。 我做过的项目有 A,B,C,D,E 那么最近做的一个项目是XXX 在这个项目中我主要负责的板块是XXX 面试官 您这边还有什么想要了解的么。
指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。
Vue推荐我们使用Axios，vue-resource在Vue2.0后就不再更新，本文对Axios的用法不做过多的介绍，只是在项目上简单封装及使用，如果有需要了解的，可以访问github
注：content_scripts段中的代码会在页面加载对应阶段"document_start", “document_end”, or "document_idle"自动注入 但是脚本运行在与页面独立的上下文中，无法访问到原页面的脚本上下文资源 如需访问原页面脚本上下文，可在content_scripts脚本中将web_accessible_resources段中声明的脚本注入到document中 样例： js/content-script.js
上一节我们成功搞定了首页的展示。但是其中并没有加入任何数据，也就是仅仅展示了html模版而已，本节课我们要加入数据，那么具体是什么数据呢？按照比较成功的经验，首页放入公司内的各种超链接比较好，容易让使用者产生依赖和粘性。
一．首先展示下页面效果，整个页面用到了graceUI样式，大家也可以去插件市场https://ext.dcloud.net.cn/上搜索，应该也可以找到自己想要的样式
Python通常结合selenium模块来完成一些web的自动化测试以及RPA（Robotic Process Automation）工作
上节我们学的主要是如何启动服务，并让同事进入你的django默认页面，接下来要学习如何理解和操作一个自造页面来让同事可以访问。
大部分的高并发处理基本都是在后端处理，但是在部分特殊情况下，后端无法阻止用户行为，需要前端做配合。例如在抢购、秒杀等场景。
withCredentials默认是false，意思就是不携带cookie信息，那就让它为true，我是全局性配置的，就是main.js中的这句话：
ES6：最新版的JS，ECMAScript标准 JavaScript语言(实现)，它还有多种称呼：
敏捷迭代开发，有PO人员确定每个迭代的开发故事点，按敏捷过程确定开发内容、时间后，由各自负责任务的开发，着手进去开发。功能完成首先交由需求人员来验证功能是否完备，而不是由测试人员来验证，达到验收标准后再由测试参与进来。
Axios 中文使用说明文档地址：Axiox 中文说明文档 我只是记录下写法，两种请求都能正常运行： 1. 安装： npm install axios 2.在 main.js 中加上以下配置： // 用于和后台交互，发送请求 import axios from 'axios'; axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'; Vue.prototype.$axios = axios; <te
JavaScript在1995年由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。近年来发展非常迅速，标准也在不断完善已经达到ES6时代。
在用户注冊时常常要通过ajax请求推断用户账号是否已注冊，最方便的方法便是用jQuery Validate插件 reomte方法
1） 在src目录下创建mock目录，定义mock主文件index.js，并在该文件中定义拦截路由配置，/src/mock/index.js。 index.js内容如下：
技术栈: react@16.6.0/ react-router-dom@v4 / webpack^4.23.1(babel7+)
98.:key要放在真正的html元素上，不能放在 99. vue不能自动更新数组对象
在前端学习里面，很多人都是注重学习代码（html，css，js）。或者是一些框架，库（jquery，vue，react）,或者是各种工具（webpack，gulp）。在以往的文章里面，或者自己和别人交谈，都有建议过别人多练，不要闷头就写代码，多深入了解当中的原理，学习其中的思想。但是除了代码方面的知识之外，还有哪一些是作为一个前端，应该扩展学习的呢？下面简单罗列和整理了一下最近学习的资源。如果大家还有其它的推荐，欢迎在评论区留言。
前端技术真是一个发展飞快的领域，我三年前入职的时候只有原生XHR和Jquery ajax，我们还曾被JQuery 1.9版本版本以下不支持大文件请求这个问题卡了半天（最后自己写了原生的XHR请求）。一晃眼，JQuery ajax早已不能专美于前，axios和fetch都已经开始分别抢占“请求”这个前端高地。本文将会尝试着阐述他们之间的区别，并给出自己的一些理解。
文 | 接灰的电子产品 对于我这种「不用 Rx 会死星人」来说，如果一个平台没有 Rx，在上面写代码会很痛苦。 所以，自从我开始开发微信小程序以来，就在一直在研究怎么把 RxJS 引入到微信小程序中。 这几天，我终于有了阶段性成果。那「Rx」为什么加引号？嗯，原因是……经过几天的艰苦奋战，我还是没找到把 RxJS 库正确引入到微信小程序的方法。 实际上，我找了一个替代品：XStream （ https://github.com/staltz/xstream ）。这个类库呢，和 RxJS 差不多，但更轻量。
最近，网络上有好多播放量巨大的免费编程项目教程，很多初学编程的同学也可能都看过，这就导致了刚毕业的同学可能写在简历上的内容都差不多。
符合关注分离，没有将输入、输出和用事件来跟踪的状态混杂在一个对象里 更好更方便的写法 更加底层，提供的API丰富（request, response） 脱离了XHR，是ES规范里新的实现方式 1）fetchtch只对网络请求报错，对400，500都当做成功的请求，需要封装去处理 2）fetch默认不会带cookie，需要添加配置项 3）fetch不支持abort，不支持超时控制，使用setTimeout及Promise.reject的实现的超时控制并不能阻止请求过程继续在后台运行，造成了量的浪费 4）fetch没有办法原生监测请求的进度，而XHR可以
sun.security.provider.certpath.SunCertPathBuilderException
3. 把菜单作为后台唯一能返回的html，也就是唯一的render函数内的那个html参数。然后在菜单welcome.html 中 把其他各个页面都当作一个子页面 一个来引入。
if(xhr.readyState == 4 && xhr.status == 200){
之前的 webpack 命令加前缀（如："webpack:build"），继续可用
前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
