SF
前端学习
前端学习
注册登录
关注博客
注册登录
主页
关于
RSS
上海招聘前端开发
t现在是冬天t
2022-04-25
阅读 1 分钟
4
【内推】前端开发工程师(3-5年)公司:上海亿锦网络科技职位描述资深Web前端工程师职位描述:负责参与项目的需求评审、开发以及技术攻坚。负责持续优化前端体验、页面响应速度等。负责前沿技术的预研、讨论并最终可以落地。负责定期的知识输出、组织分享等。任职要求:3年及以上Web端开发经验。熟练掌握Js/Css/Html的开发...
webpack 打包性能优化清单
t现在是冬天t
2020-05-22
阅读 3 分钟
1.7k
由于 Loader 对文件的转换操作很耗时,所以需要让尽可能少的文件被 Loader 处理。可以通过 test/include/exclude 三个配置项来命中 Loader 要应用规则的文件。
BFC及其背后的 float absolute inline-block
t现在是冬天t
2020-05-09
阅读 2 分钟
2.1k
每个元素的margin box的左边, 与包含块border box的左边相接触(对于从左往右的格式化,否则相反)。即使存在浮动也是如此。inline float)(浮动流)
js 异步发展简史
t现在是冬天t
2020-01-02
阅读 4 分钟
1.5k
发展历程:callback -> pub-sub -> promise -> generator -> async + await
浏览器事件循环
t现在是冬天t
2020-01-02
阅读 2 分钟
1.2k
浏览器多进程 {代码...} 渲染进程 {代码...} js 单线程 {代码...} 事件循环 {代码...} {代码...} 测试题 1 {代码...} 原文地址浏览器事件循环另外我的博客地址 blog会经常分享 最近的学习内容,项目中遇到的问题及解决方案
实现 fetch 请求返回的统一拦截
t现在是冬天t
2019-12-21
阅读 2 分钟
10.6k
拦截器(interceptors)一般用于发起 http 请求之前或之后对请求进行统一的处理,如 token 实现的登录鉴权(每个请求带上 token),统一处理 404 响应等等。
“异步的” setState 如何同步获取 state
t现在是冬天t
2019-12-21
阅读 2 分钟
5.4k
同步React控制之外的事件中调用setState是同步更新的。比如原生js绑定的事件,setTimeout/setInterval,Promise.then等。
webpack 加载动态图片
t现在是冬天t
2019-12-20
阅读 2 分钟
5.2k
所谓动态图片指的是接口返回的图片地址,这里的地址指的是本地的图片地址,而非网络图片的url。 本地有一个 image 文件夹,存放需要用到的图片。按照接口返回的图片地址比对去加载。 webpack加载图片首先想到的是 file-loader 或者 url-loader
SVG相关学习(一)SVG基础
t现在是冬天t
2018-03-07
阅读 5 分钟
2.7k
<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的直线,拖动时保持连线。
t现在是冬天t
2017-11-09
阅读 4 分钟
22.6k
用带箭头的虚线将两个位置不固定的div连接起来,初听到这个需求一头雾水,传统的div可以做直线,但斜起来不太好做,幸亏之前接触过svg,里面有一个line标签,知道起始中止两个点的位置,就可以将两个点连接起来了。 至于箭头,可以这么做先定义箭头:
原生js实现视差滚动效果(类似D3官网的效果),兼容IE
t现在是冬天t
2017-11-07
阅读 3 分钟
6.8k
鼠标在图片上上下左右滑动时,让图片整体转动,转动方向与鼠标移动的方向相同,转动角度大小正相关于鼠标离开图像中心点的水平或垂直距离,图片转动可以用css3的:
Vue2从0到1(五):使用nodejs+koa2和axios实现前后台数据通信
t现在是冬天t
2017-11-06
阅读 4 分钟
9.5k
package.json里面设置命令:"server":"node server index.js"启动服务:npm run server浏览器里面访问localhost/3000可看到返回值
Vue2从0到1(四):Vue组件化及组件间传值
t现在是冬天t
2017-10-16
阅读 3 分钟
6.4k
组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。 组件A写法:
Vue2从0到1(三):Vuex的使用
t现在是冬天t
2017-09-26
阅读 3 分钟
4.6k
上两篇讲了: 环境的搭建用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的使用
t现在是冬天t
2017-09-21
阅读 3 分钟
11.4k
上一篇讲了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
t现在是冬天t
2017-09-20
阅读 3 分钟
33k
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命令可看到多了一...