摘要:
常用学习资源 JS参考与基础学习系列 [MDN]JS标准参考 es6教程 JS标准参考教程 编程类中文书籍索引 深入理解JS系列 前端开发仓库 《JavaScript 闯关记》 JavaScript 初学者教程(指南) JS讲义 李炎恢JavaScript教程 第一季 逐行分析jQuery源码的奥秘
阅读全文
posted @ 2019-05-25 22:22
{前端开发}
阅读(1322)
推荐(0)
摘要:
非简单请求不可重定向,包括第一个preflight请求和第二个真正的请求都不行。 简单请求可以重定向任意多次,但如需兼容多数浏览器,只可进行一次重定向。 中间服务器应当同样配置相关 CORS 响应头。 中间服务器设置 当跨域请求被重定向时,中间服务器返回的 CORS 相关的响应头应当与最终服务器保持
阅读全文
posted @ 2019-05-23 10:07
{前端开发}
阅读(9948)
推荐(0)
摘要:
1.state state是什么? 定义:state(vuex) ≈ data (vue) vuex的state和vue的data有很多相似之处,都是用于存储一些数据,或者说状态值.这些值都将被挂载 数据和dom的双向绑定事件,也就是当你改变值的时候可以触发dom的更新. 虽然state和data有
阅读全文
posted @ 2019-05-19 21:48
{前端开发}
阅读(4175)
推荐(0)
摘要:
最近接到一个业务需求,需要做一个聊天信息的实时展示的界面,这就需要和服务器端建立webSocket连接,从而实现数据的实时获取和视图的实时刷新.在此将我的实现记录下来,希望可以给有同样需求的人一些帮助.废话少说,下面我就来讲一下我的实现过程: 前提 要进行文章中的代码的测试,需要服务端端开发人员配合
阅读全文
posted @ 2019-05-19 15:15
{前端开发}
阅读(3934)
推荐(0)
摘要:
前端监控包括行为监控、异常监控、性能监控等,本文主要讨论异常监控。对于前端而言,和后端处于同一个监控系统中,前端有自己的监控方案,后端也有自己等监控方案,但两者并不分离,因为一个用户在操作应用过程中如果出现异常,有可能是前端引起,也有可能是后端引起,需要有一个机制,将前后端串联起来,使监控本身统一于
阅读全文
posted @ 2019-05-08 14:48
{前端开发}
阅读(608)
推荐(0)
摘要:
浏览器的渲染过程 本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘,如果大家想直接看如何减少回流和重绘,可以跳到后面。(这个渲染过程来自MDN) 从上面这个图上,我们可以看到,浏览器渲染过程如下: 渲染过程看起来很简单,让我们来具体了解下每一步具体做了什么。 生成渲染树 为了构建渲染树,浏览器主
阅读全文
posted @ 2019-05-01 22:07
{前端开发}
阅读(2203)
推荐(1)
摘要:
前言 任何一个工具都有它的灵魂所在,作为一个PHP程序员,我们可能仅仅使用了它的一小部分,这篇文章让你更加了解Nginx,本章大多都是总结、翻译、整理 ,希望你可以知道nginx不仅仅是PHP的附属品,更宏观的认识它的强大。 变量 内置变量存放在 ngx_http_core_module 模块中,变
阅读全文
posted @ 2019-05-01 21:11
{前端开发}
阅读(203)
推荐(0)
摘要:
基础知识 1. 关于iphoneX 、iphoneXS、iphoneXSMax、iphoneXR机型的大小和像素 机型尺寸 注意:开发人员只需要记住开发尺寸 2. 屏幕组成 齐刘海(44px) + 安全区域 + 手势区域(34px) 屏幕组成 适配方案 1. viewport-fit viewpor
阅读全文
posted @ 2019-04-22 23:33
{前端开发}
阅读(2586)
推荐(0)
摘要:
你一定碰到过这些库 babel-polyfill 项目地址:https://github.com/babel/babel/blob/master/packages/babel-polyfill 通过两个依赖实现功能 core-js/shim 提供 ES5/6/7 标准方法的实现 regenerate
阅读全文
posted @ 2019-04-21 22:40
{前端开发}
阅读(4672)
推荐(0)
摘要:
在使用Node.js搭建静态资源服务器一文中我们完成了服务器对静态资源请求的处理,但并未涉及动态请求,目前还无法根据客户端发出的不同请求而返回个性化的内容。单靠静态资源岂能撑得起这些复杂的网站应用,本文将介绍如何使用Node处理动态请求,以及如何搭建一个简易的 MVC 框架。因为前文已经详细介绍过静
阅读全文
posted @ 2019-04-20 23:11
{前端开发}
阅读(952)
推荐(0)
摘要:
Vue.prototype.$await = async function(action) { try { await action(); } catch (err) { // 这里是你处理错误的逻辑 console.log("Cought Error: ", err); } }; doSomething(...args) ...
阅读全文
posted @ 2019-04-13 14:04
{前端开发}
阅读(409)
推荐(0)
摘要:
前言 Hello,大家好,又与大家见面了,这次给大家分享下前端异常监控中需要了解的异常捕获与上报机制的一些要点,同时包含了实战性质的参考代码和流程。 首先,我们为什么要进行异常捕获和上报呢? 正所谓百密一疏,一个经过了大量测试及联调的项目在有些时候还是会有十分隐蔽的bug存在,这种复杂而又不可预见性
阅读全文
posted @ 2019-04-13 12:32
{前端开发}
阅读(949)
推荐(0)
摘要:
一般在一个项目开始之前,我们一般会对现有的框架做一定功能上的丰富,比如对ajax请求功能的二次封装,封装的功能可能包含了:通用错误处理,请求过滤,响应过滤等等。如果我们封装的函数叫request,那么业务中触发一个ajax请求的流程大致如图:通常,这样的流程处理能满足需求,然而,更多的情况,我们希望
阅读全文
posted @ 2019-04-10 17:30
{前端开发}
阅读(6388)
推荐(0)
摘要:
最近遇到奇异的bug,在ios 11.3移动端页面 input输入框第一次触摸可以弹起键盘,后续再触摸需要很难弹起键盘,或者需要在输入框停一会才能弹起键盘。 bug复现条件: 一、ios 11.3中app的webview为 UI WebView 二、在项目中使用了FastClick.js,页面包括输
阅读全文
posted @ 2019-03-03 17:12
{前端开发}
阅读(824)
推荐(0)
摘要:
目的:vue-cli构建的vue单页面应用,某些特定的页面,实现前进刷新,后退不刷新,类似app般的用户体验。注: 此处的刷新特指当进入此页面时,触发ajax请求,向服务器获取数据。不刷新特指当进入此页面时,不触发ajax请求,而是使用之前缓存的数据,以便减少服务器请求,用户体验更流畅。 项目需求:
阅读全文
posted @ 2019-02-26 15:58
{前端开发}
阅读(416)
推荐(0)
摘要:
一、安装 二、在webpack.config.js中配置module 1 2 3 4 5 6 7 8 9 module: { rules: [ { test: /\.js$/, exclude: /(node_modules|bower_components)/, loader: 'babel-lo
阅读全文
posted @ 2019-02-24 15:04
{前端开发}
阅读(602)
推荐(0)
摘要:
一、前言 2018/2/25,webpack4正式发布,距离现在已经过去三个多月了,也逐渐趋于稳定,而且现在的最新版本都到了4.12.0(版本迭代快得真是让人害怕)。 很多人都说webpack复杂,难以理解,很大一部分原因是webpack是基于配置的,可配置项很多,并且每个参数传入的形式多种多样(可
阅读全文
posted @ 2019-02-24 00:14
{前端开发}
阅读(654)
推荐(0)
posted @ 2019-02-24 00:03
{前端开发}
阅读(1)
推荐(0)
摘要:
学习函数式编程的过程中,我接触到了 Ramda.js。 我发现,这是一个很重要的库,提供了许多有用的方法,每个 JavaScript 程序员都应该掌握这个工具。 你可能会问,Underscore 和 Lodash 已经这么流行了,为什么还要学习好像雷同的 Ramda 呢? 回答是,前两者的参数位置不
阅读全文
posted @ 2019-02-13 22:29
{前端开发}
阅读(939)
推荐(0)
摘要:
https://blog.csdn.net/ganyingxie123456/article/details/70855586
阅读全文
posted @ 2019-02-13 22:19
{前端开发}
阅读(769)
推荐(0)
摘要:
小程序异常监控收集 web端与小程序错误监控差异 在 Web 端监测的是页面完整的 url,而小程序端监测的是路由地址; 小程序页面属于app内部的页面,使用时已全部加载完毕,因此监控页面性能时不统计页面加载时长等信息,更多的是对页面内请求、资源请求和用户行为的监控; 由于微信官方和小程序代码的要求
阅读全文
posted @ 2018-12-18 18:56
{前端开发}
阅读(3245)
推荐(0)
摘要:
ECMAScript将对象的属性分为两种:数据属性和访问器属性。每一种属性内部都有一些特性,这里我们只关注对象属性的[[Enumerable]]特征,它表示是否通过 for-in 循环返回属性,也可以理解为:是否可枚举。然后根据具体的上下文环境的不同,我们又可以将属性分为:原型属性和实例属性。原型属
阅读全文
posted @ 2018-12-16 17:03
{前端开发}
阅读(336)
推荐(0)
摘要:
本篇文章介绍小程序的生命周期,由于小程序分为应用和页面两个部分,所以小程序的生命周期就涉及到三个部分,分别是: 应用的生命周期 页面的生命周期 应用的生命周期对页面生命周期的影响 一、应用的生命周期 App() 函数用来注册一个小程序。接受一个 object 参数,其指定小程序的生命周期函数等。 o
阅读全文
posted @ 2018-12-15 21:28
{前端开发}
阅读(774)
推荐(0)
摘要:
NodeJS框架express的路径映射(路由)功能及控制 我们知道Express是一个基于NodeJS的非常优秀的服务端开发框架,本篇CSSer将提供express框架的route和route control章节,route实现了客户端请求的URL的路径映射功能,暂且译为路由或URL映射吧。如果你
阅读全文
posted @ 2018-12-15 13:48
{前端开发}
阅读(600)
推荐(0)
摘要:
小程序中获取当前data定义的值,用this.data.xxx setData的时候要修改的值是不需要加this.data.xxx的,直接xxx, 一般直接修改data的值直接修改,修改数组中对象的值或者对象的属性值都要先转为字符串再加中括号,如果有变量可以用ES6的模版字符串反单引号或者字符串拼接
阅读全文
posted @ 2018-12-12 23:22
{前端开发}
阅读(3581)
推荐(0)
摘要:
微信小程序页面间通的5种方式 PageModel(页面模型)对小程序而言是很重要的一个概念,从app.json中也可以看到,小程序就是由一个个页面组成的。 如上图,这是一个常见结构的小程序:首页是一个双Tab框架PageA和PageB,子页面pageB, PageC。 让我们假设这样一个场景:首页P
阅读全文
posted @ 2018-12-12 15:53
{前端开发}
阅读(7110)
推荐(0)
摘要:
记得年初的时候我给自己制定了一个学习计划,现在回顾来看完成度还不错。但仍有些遗憾,一些技术点没有时间去好好学习。 在学习中我发现,像文章这样的知识往往是碎片化的,而前端涉及到的面很多,如果不将这些知识有效梳理,则无法形成体系、相互串联。最后有一种东懂一块,西了解一点的感觉。因此,我结合工作体会抽象出
阅读全文
posted @ 2018-11-28 19:11
{前端开发}
阅读(707)
推荐(0)
摘要:
前言 最近由于项目需求,选择使用vue框架,webpack打包直接使用的vue-cli,因为需要多页面而vue-cli只有单页面,所以就决定修改vue-cli的配置文件来满足开发需求。 html-webpack-plugin 实现需求需要用到这个插件, 具体信息请看这里 对于多页面入口我们需要在插件
阅读全文
posted @ 2018-11-25 20:42
{前端开发}
阅读(593)
推荐(0)
摘要:
通过第三方 JavaScript 库,扩展微信小程序框架功能。 扩展微信小程序框架功能(1)——Promise ES6 对 Promise 有了原生的支持,但微信开发者工具更新版本(0.11.112200)后, 移除了开发者工具对 ES6 中Promise 特性原生的支持, 需要引入第三方的 Pro
阅读全文
posted @ 2018-11-25 13:59
{前端开发}
阅读(806)
推荐(0)
摘要:
1. 前后端分离 前端与后端的分离,能使前端的开发脱离后端的开发模式,拥有更大的自由度,以此便可做前端工程化、组件化、单页面应用等。 可以参考:前后端分离、web与static服务器分离(https://segmentfault.com/a/1190000015297319)。 2. 尽量避免后端模
阅读全文
posted @ 2018-11-23 22:03
{前端开发}
阅读(1106)
推荐(2)
摘要:
一直以来对computed和watch一知半解,用的时候就迷迷糊糊的,今天仔细看了看文档,突然茅塞顿开,原来就是这么简单啊: watch,通过自己改变别人 需要注意的是,computed会缓存数据,只有在满足以下两个条件时才会重新计算: 2、依赖型数据发生改变 如果不满足以上两个条件,compute
阅读全文
posted @ 2018-11-15 10:47
{前端开发}
阅读(479)
推荐(1)
摘要:
https://www.cnblogs.com/moqiutao/p/8328931.html
阅读全文
posted @ 2018-11-12 23:43
{前端开发}
阅读(262)
推荐(0)
摘要:
在vue项目中,我们可以自定义组件,像element-ui一样使用Vue.use()方法来使用,具体实现方法: 1.首先新建一个Cmponent.vue文件 // Cmponent.vue<template> <div> 我是组件 </div></template> <script> export
阅读全文
posted @ 2018-11-12 23:35
{前端开发}
阅读(4436)
推荐(0)
摘要:
什么是Babel The compiler for writing next generation JavaScript. 官网是这么说的,翻译一下就是下一代JavaScript 语法的编译器。 作为前端开发,由于浏览器的版本和兼容性问题,很多JavaScript的新的方法都不能使用,等到可以大胆使
阅读全文
posted @ 2018-11-10 00:51
{前端开发}
阅读(295)
推荐(0)
摘要:
前言 研究了下别人的 vue 多页面框架, 都是直接复制 package.json 文件,然后在本地 npm install 一下即可, 或者使用官网 vue-cli 工具生成一个项目, 觉得这样虽然看的懂, 但是记不住, 因此有必要从零开始搭建一个使用 .vue 作为组件的项目练习一下, 因此有了
阅读全文
posted @ 2018-11-09 11:42
{前端开发}
阅读(625)
推荐(0)
摘要:
这是一个创建于 738 天前的主题,其中的信息可能已经有所发展或是发生改变。 前言 vue2 正式版已经发布将近一个月了, 国庆过后就用在了公司的两个正式项目上, 还有一个项目下个月也会采用 vue2 进行重构 选择它没什么理由,如果非要说一个理由 那就是它的中文文档远比 react , angul
阅读全文
posted @ 2018-11-08 23:54
{前端开发}
阅读(873)
推荐(0)
摘要:
学习前提 在我们开始以前,确保你熟悉以下知识: 函数式JavaScript 面向对象JavaScript JavaScript ES6 语法 同时,确保你的设备已经安装: NodeJS Yarn(或者npm) 什么是Redux Redux是一个流行的JavaScript框架,为应用程序提供一个可预测
阅读全文
posted @ 2018-11-07 11:15
{前端开发}
阅读(548)
推荐(0)
摘要:
数据驱动应该是从flux/redux + react这种模式开始流行的。 他的背后不仅仅是数据驱动这么简单,在复杂的系统中,我觉得它解决了一个很关键的问题就是模块间的交互/通信。有很多文章拿他和mvc/mvvm去比较,我个人觉得没有特别的可比性,因为解决的问题不同。 以往处理模式 一个稍微复杂点的例
阅读全文
posted @ 2018-11-01 14:03
{前端开发}
阅读(913)
推荐(1)
摘要:
亲爱的各位朋友们,大家下午好! 首先祝大家国庆节快乐! 很高兴可以在国庆前夕,可以为大家分享一下React风格的企业前端技术。 谈到前端,可能以前大家的第一感觉就是,前端嘛,无非就是做做页面切图,顶多加上CSS做做页面样式,或者JS做页面的交互、动画、特效等等。 其实,随着近几年前端的飞速发展,像组
阅读全文
posted @ 2018-11-01 13:07
{前端开发}
阅读(432)
推荐(0)
摘要:
在看别人代码时,发现有这么个写法:[].slice.call(arguments, 0),这到底是什么意思呢? 1、基础 1)slice() 方法可从已有的数组中返回选定的元素。 start:必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-
阅读全文
posted @ 2018-11-01 11:18
{前端开发}
阅读(299)
推荐(0)