上海招聘前端开发

2022-04-25
阅读 1 分钟
4
【内推】前端开发工程师(3-5年)公司:上海亿锦网络科技职位描述资深Web前端工程师职位描述:负责参与项目的需求评审、开发以及技术攻坚。负责持续优化前端体验、页面响应速度等。负责前沿技术的预研、讨论并最终可以落地。负责定期的知识输出、组织分享等。任职要求:3年及以上Web端开发经验。熟练掌握Js/Css/Html的开发...

webpack 打包性能优化清单

2020-05-22
阅读 3 分钟
1.6k
由于 Loader 对文件的转换操作很耗时,所以需要让尽可能少的文件被 Loader 处理。可以通过 test/include/exclude 三个配置项来命中 Loader 要应用规则的文件。

BFC及其背后的 float absolute inline-block

2020-05-09
阅读 2 分钟
2k
每个元素的margin box的左边, 与包含块border box的左边相接触(对于从左往右的格式化,否则相反)。即使存在浮动也是如此。inline float)(浮动流)

js 异步发展简史

2020-01-02
阅读 4 分钟
1.4k
发展历程:callback -> pub-sub -> promise -> generator -> async + await

浏览器事件循环

2020-01-02
阅读 2 分钟
1.1k
浏览器多进程 {代码...} 渲染进程 {代码...} js 单线程 {代码...} 事件循环 {代码...} {代码...} 测试题 1 {代码...} 原文地址浏览器事件循环另外我的博客地址 blog会经常分享 最近的学习内容,项目中遇到的问题及解决方案

实现 fetch 请求返回的统一拦截

2019-12-21
阅读 2 分钟
10k
拦截器(interceptors)一般用于发起 http 请求之前或之后对请求进行统一的处理,如 token 实现的登录鉴权(每个请求带上 token),统一处理 404 响应等等。

“异步的” setState 如何同步获取 state

2019-12-21
阅读 2 分钟
5.1k
同步React控制之外的事件中调用setState是同步更新的。比如原生js绑定的事件,setTimeout/setInterval,Promise.then等。

webpack 加载动态图片

2019-12-20
阅读 2 分钟
4.9k
所谓动态图片指的是接口返回的图片地址,这里的地址指的是本地的图片地址,而非网络图片的url。 本地有一个 image 文件夹,存放需要用到的图片。按照接口返回的图片地址比对去加载。 webpack加载图片首先想到的是 file-loader 或者 url-loader

SVG相关学习(一)SVG基础

2018-03-07
阅读 5 分钟
2.3k
<svg width="500" height="300"></svg>viewport svg 实际大小viewBox="x, y, width, height" // x:左上角横坐标,y:左上角纵坐标,width:宽度,height:高度视区盒子:以视区盒子大小选中元素然后缩放至viewport的大小preserveAspectRatio()第1个值表示,viewBox如何与SVG viewport对齐;第2个值表示,如何维...

连接两个div的直线,拖动时保持连线。

2017-11-09
阅读 4 分钟
21k
用带箭头的虚线将两个位置不固定的div连接起来,初听到这个需求一头雾水,传统的div可以做直线,但斜起来不太好做,幸亏之前接触过svg,里面有一个line标签,知道起始中止两个点的位置,就可以将两个点连接起来了。 至于箭头,可以这么做先定义箭头:

原生js实现视差滚动效果(类似D3官网的效果),兼容IE

2017-11-07
阅读 3 分钟
6.5k
鼠标在图片上上下左右滑动时,让图片整体转动,转动方向与鼠标移动的方向相同,转动角度大小正相关于鼠标离开图像中心点的水平或垂直距离,图片转动可以用css3的:

Vue2从0到1(五):使用nodejs+koa2和axios实现前后台数据通信

2017-11-06
阅读 4 分钟
9.1k
package.json里面设置命令:"server":"node server index.js"启动服务:npm run server浏览器里面访问localhost/3000可看到返回值

Vue2从0到1(四):Vue组件化及组件间传值

2017-10-16
阅读 3 分钟
6.2k
组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。 组件A写法:

Vue2从0到1(三):Vuex的使用

2017-09-26
阅读 3 分钟
4.3k
上两篇讲了: 环境的搭建用webpack打包vue 和Vue-router的使用 下面讲一下: 9.vuex的应用 安装vuex {代码...} 9.1基本用法: 新建store.js文件: {代码...} 在main.js里面注入store; {代码...} 新建count.vue文件,并新建路由指向count组件参照vue-router的使用。count.vue文件: {代码...} 效果图: 9.2用Module拆分st...

Vue2从0到1(二):Vue-router的使用

2017-09-21
阅读 3 分钟
11k
上一篇讲了Vue起步:环境的搭建用webpack打包vue 下面讲一下vue路由vue-router 8.使用路由vue-router2 首先安装 vue-router: {代码...} 修改main.js: 1.引入APP,about两个组件导入router组件 引入子组件Child {代码...} 2.定义路由:嵌套路由用children:[]存放,子组件在父组件的 {代码...} 中渲染,路由通过 "/:id" 定义...

Vue2从0到1(一):用webpack打包vue

2017-09-20
阅读 3 分钟
32.5k
webpack-vue 0.项目初始化 cd 'to/your/path' npm init 1.安装 webpack 分为全局安装和项目内安装 {代码...} 2.配置webpack.config.js文件 {代码...} 命令行里面执行 webpack 命令即可看到编译后的文件 3安装webpack-html-plugin npm install html-webpack-plugin --save-dev {代码...} 再次执行webpack命令可看到多了一...