yukaPriL上午茶时间

前端

前端

前端
 
# webpack babel react

webpack3 升级 4 采坑记

公司的项目,最早是用 ES6 写的,直接手写 webpack1 进行打包的。由于是 jsp 的页面,还做了单独的页面压缩,资源 hash 处理。后续也跟上了一些升级脚步,把webpack 逐步升级到 2,之后又是 3。现在看来也算是先见之明。
前端

前端
 
# 扁平化

js 数组扁平化与反扁平化处理(下)

上一次我们写了一个函数,将扁平化的数组转为非扁平化。这次我们继续,将上次最终的结果,进行扁平化处理。
前端

前端
 
# 扁平化

js 数组扁平化与反扁平化处理(上)

在做业管项目时候,遇到老的接口返回的是扁平化的数据结构,但是使用 ElementUI 的 树状控件 ( Tree )时候,他需要的是非扁平化的数据结构,这就需要对数据进行一次处理了。
前端

前端
 
# cross domain ajax jquery axios

前端 ajax 请求跨域处理

最近在做一个前后端分离的项目,业务管理平台。一个前端项目要对应多个后端接口地址,免不了各种跨域,查了一些资料,做一个小结。
前端

前端
 
# jquery axios ajax

ajax 请求数据返回 302 的情况

今天遇到了一个奇葩问题,和同事有一些争论。内容大致是页面通过 ajax 发出请求,结果接口没能返回 json,返回了一个 302 页面,此时页面是否会直接进行跳转。
前端

前端
 
# CustomEvent

JS 自定义事件

今天在写代码时候,遇到两个组件关联的情况,最终通过 js 自定义事件进行了解决。
前端

前端
 
# cdn 对象存储 COS OSS

对象存储 入门

上一次写了一些 cdn 的使用心得,这次继续。我觉得,为了省钱,或者能找个免费的静态空间,有必要补充写一篇「对象存储」的文章。
前端

前端
 
# cdn

cdn 入门

抽空好好研究了下 cdn,算是小有收获。
前端

前端
 
# webpack less OptimizeCssAssetsPlugin cssnano

使用 webpack 编译 less 后 z-index 值改变处理

在一个老项目中新增加了功能,使用 webpack 编译后,发现其 z-index 被改变了,原本有的组件设置类似为 999 的都被优化为 1~9 了。看来得在插件上找问题。
前端

前端
 
# js focus blur

通过 js 让元素失去焦点

今天做项目,遇到一个需求。点击输入框获取焦点,按下回车后,执行搜索,失去焦点。
前端

前端
 
# node mail nodemailer

使用 nodejs 发送邮件

一直打算用 nodejs 做一些服务类功能,比如说定时抓取资料什么的,当拿到数据后,就需要进行通知我们。
前端

前端
 
# DOM

HTML DOM 和 XML DOM 操作

今天看到一篇文章,突然发现自己之前对 DOM 操作有很大的误解。
前端

前端
 
# js render

嵌套结构的处理与渲染

公司组件库项目,有个同事做菜单功能,处理迭代弄不好。我写了一个简单的 DEMO,同时放出来参考:
前端

前端
 
# webpack uglifyjs ie8

webpack uglifyJS 在 IE8 下的兼容处理

最近在做组件项目,写 ES6 代码,通过 webpack3 进行打包,中途用 uglifyjs-webpack-plugin 插件进行压缩。
前端

前端
 
# vue elementUI

elementUI Message 独立引入的用法

今天在做项目时候,用到了 elementUI 的 Message 组件。因为我是按需 import 引入的方法,结果按照原本的文档API代码不生效。
前端

前端
 
# react mobx

学习 React - MobX

计划学习 React,就接触到了 MobX。之前听过 Redux,因为我接触过 Vuex,感觉差不太多,就没有再去学习。还听说 Redux 的作者推荐 MobX,看来在不是很复杂的数据流动选择 MobX 是非常正确的。
前端

前端
 
# array

js array数组方法整理总结

之前学习使用了[].reduce()方法,觉得非常好用。也知道数组有很多方法,比如数组迭代遍历,可以实现的方式太多太多了。 而且有的又是返回新数组,而有的却是操作原数组,所以在此总结下。
前端

前端
 
# css

[转载] 关于CSS一些细节问题

css每天都要接触,但是有很多值计算你不一定非常清楚。我看过一些视频,这篇文章把常见的问题总结了一下。
前端

前端
 
# webpack

webpack2入门-第一篇

2016年底,webpack2终于出来正式版了。改变的很少,基本上稍作修改就能兼容webpack1。改善了一些我认为太过于松散的配置,最终生成的代码质量更高。
前端

前端
 
# webpack

webpack入门-2

这次,研究一些稍微复杂一点的。
前端

前端
 
# 模板 编译

js 模板编译的实现

看过很多模板,语法各不相同,执行效率也差异很大。在用angular 1 的时候,有一个名词是编译($compile)。我很诧异,js作为解释型语言,为什么要编译?
前端

前端
 
# webpack

webpack入门-1

花了很多时间,于研究webpack,结果发现很多项目开始转到webpack2或者rollup了,这叫一个尴尬。
前端

前端
 
# css 编码

CSS编码引发的问题

今天突然接到一个测试反馈,是说项目IE8下面CSS样式不对,但其他高级浏览器都没有问题。
前端

前端
 
# node npm

node npm入门

这篇文章,主要介绍了npm的各种使用方法,从如何创建配置文件、安装、全局安装、项目安装、卸载组件、启动脚本等。