react 全家桶 实现 淘宝返利提现小项目

2019-09-16
阅读 7 分钟
2.7k
模仿现在比较火的,淘宝返利公众号的功能,包含订单页面,已付、待反利、已反、已失效,提现页面,提现记录以及登录页。其中部分页面&使用方式参照react-pxq项目,star 数量 6359 很有参考意义

使用webpack-dev-server创建mock server

2019-08-21
阅读 2 分钟
7.1k
我们希望服务器返回特定类型的数据,以测试某页面在特定条件下是否存在问题,但作为前端我们一般不会接触到后端代码和数据库,每次都找后端添加模拟数据又很麻烦。

前端工程化

2019-08-15
阅读 12 分钟
4.7k
《高性能网站建设指南》 《高性能网站建设进阶指南》 前端工程化 web 应用复杂度的增加,特别是单页面应用的风靡。组件化,工程化,自动化成了前端发展的趋势。或者说一线的互联网公司就是这么做的。 每个前端团队都在打造自己的前端开发体系,这通常是一个东拼西凑,逐渐磨合的过程,在技术发展日新月异的今天,这样的...

使用storybook搭建私有组件库(组件持续更新......)

2019-06-28
阅读 7 分钟
8k
(一)私有组件库搭建 汇总既有项目中的通用组件 项目地址 私有组件实例 单条折线图 {代码...} 多条折线图 大屏雷达图 {代码...} 平滑折线图 {代码...} 地图 {代码...} 柱状图 {代码...} 在项目中安装方式 {代码...} 在项目中使用方式 {代码...} 直接使用组件 {代码...} 为什么搭建私有组件库 可复用 跨项目可以使用同一...

vue+webpack4.0 生产环境手动一步一步配置 (持续更新中......)

2019-06-21
阅读 10 分钟
8.7k
通常新建 vue 项目都使用 vue-cli 脚手架,其实对于 webpack 的配置是一知半解,当需要升级 webpack 或者优化项目配置时,就显得很无力。通过手动搭建 webpack 可以对 webpack 有更深入的了解,当我们使用其他模块管理器时(eg:rollup,gulp),也不会那么生疏。

造轮子:写vue组件库orange-ui

2019-04-17
阅读 5 分钟
2.1k
项目搭建 项目效果地址 项目搭建参考 从零开始搭建 Vue 组件库 VV-UI 项目地址 记录模仿 VV-UI 组件库造轮子中遇到的问题,以及解决方案 新建项目 对于脚手架环境的问题,目前已经有非常成熟的 vue 官方的脚手架,我们拿来用就好了 {代码...} 项目可以正常启动,在此基础上进行改造 更改目录 {代码...} 原 src 目录,改...

移动端适配方案 (有demo)

2019-03-25
阅读 11 分钟
6.8k
手机机设备屏幕尺寸不一,做移动端的 Web 页面,需要考虑在安卓/IOS 的各种尺寸设备上的兼容,这里总结的是针对移动端设备的页面,设计与前端实现怎样做能更好地适配不同屏幕宽度的移动设备。

sass介绍及使用

2019-03-07
阅读 12 分钟
1.9k
SASS 官网(中文) SASS 官网(英文) <br/> <img src="[链接]; height="180"/> SASS 是什么 Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. Sass 是成熟、稳定、强大的 CSS 扩展语言。 SASS 的特点 兼容 CSS 语法、功能丰富、成熟 <!-- markd...

Ajax Fetch 和 Axios(持续更新中...)

2019-02-21
阅读 10 分钟
3.3k
AJAX 不是 JavaScript 的规范,它只是一个哥们“发明”的缩写:Asynchronous JavaScript and XML,意思就是用 JavaScript 执行异步网络请求。

JS 中的== 与 ===

2019-02-18
阅读 1 分钟
1.3k
JS 中的== 与 === == == 代表相同 先判断两个操作数的数据类型 相同 进行 === 比较 不相同 类型转换 转换成相同类型进行比较 === === 代表严格相同 判断类型是否相同,如果不相同直接返回 false {代码...} true 在转化为字符串时被转化为'1' false在转化为字符串时被转化为'0'

前端需要知道的数据结构与算法(持续更新中...)

2019-02-18
阅读 2 分钟
3k
基本类型(栈 stack): Number String Boolean Null Undefined 和 Symbol(es6 新增)引用类型(堆 heap):Object Array Function Data

express.js的介绍及使用

2018-12-29
阅读 11 分钟
4.9k
Node.js 《Node.js 官网(中文)》 Node.js 《Node.js 官网(英文)》 <br/><br/> Node.js 是什么 Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient. Node.js' package ecosystem...

理解import、require、export、module.export

2018-12-29
阅读 4 分钟
9.7k
nodeJS 中模块化使用的就是CommonJS的规范,实质就是整体加载fs模块,生成fs_对象,在对象上读取属性和方法,这种加载方式是“运行时加载”

理解Vue中的scoped实现原理及穿透方法

2018-12-25
阅读 2 分钟
14k
在vue文件中的style标签上,有一个特殊的属性:scoped。当一个style标签拥有scoped属性时,它的CSS样式就只能作用于当前的组件,也就是说,该样式只能适用于当前组件元素。通过该属性,可以使得组件之间的样式不互相污染。如果一个项目中的所有style标签全部加上了scoped,相当于实现了样式的模块化。

react+webpack+babel+webpcak-dev-server+react-router-dom从无到有

2018-09-05
阅读 1 分钟
2.6k
react-demo 两个目标: 手动搭建react脚手架:react、bable、webpack、react-router-dom、webpack-dev-server 理解webpack从无到有打包原理 手动搭建react脚手架项目地址 有坑的地方会特别说明,因为好多文章都没有给出babel和webpack-dev-server的版本,所以在搭建过程中遇到比较多的问题。 1.react react react-dom 2....

跨域解决方案(易懂,持续更新中……)

2018-08-06
阅读 4 分钟
6.5k
通过前端解决的思想就是,通过设置中间件把跨域的请求转发一下,其实就是反向代理,比如 [链接]:8099 想要访问豆瓣的接口[链接],但是如果请求的是[链接]:8099/api/v?a=1 就不存在跨域

跨域解决方案(史上最易懂)

2018-08-05
阅读 5 分钟
11.7k
通过前端解决的思想就是,通过设置中间件把跨域的请求转发一下,其实就是反向代理,比如 [链接]:8099 想要访问豆瓣的接口 [链接]会有跨域问题,但是如果请求的是[链接]:8099/api/v?a=1 就不存在跨域

css画三角形和提示框

2018-07-23
阅读 1 分钟
2.1k
两个三角形一样大,位置错开1~2px,第一个红色 第二个白色,第二个覆盖第一个三角形画法,不多说,利用border 和 transparent

spring-boot 微服务注册发现中心的客户端和服务器端配置例子

2017-12-11
阅读 1 分钟
1.7k
项目运行环境:eclipse [链接](服务器) [链接]

ES6中常用80%

2017-07-28
阅读 3 分钟
1.5k
ES6 常用的那80% 编译工具 babel traceur 编译工具 bootstrap 引导程序 定义变量 let定义变量 let具备块级作用域 不允许重复声明 {代码...} var 具备函数作用域 用处(i问题):let拥有 块级作用域 = 匿名函数自执行 const定义变量 定义常量 赋值之后不能被修改 //const必须给初始值 不能被重复定义 用途:防止变量被意外修...

面试前端基础必备

2017-07-23
阅读 1 分钟
1.7k
js中的this call apply bind {代码...} 原型 {代码...}

面试面筋补充

2017-02-13
阅读 1 分钟
2k
面试面筋补充 偶尔又能想起几道面试题,在这里补充一下 1.css的flex 按照正常布局步骤,理解flex 对于整理布局 display:flex 设置水平还是垂直 flex-drection:row|column|row-reverse|column-reverse 是否换行 flex-wrap:nowrap|wrap|wrap-reverse flex-flow 是flex-drection和flex-wrap:row nowrap 主轴对齐方式:ju...

面试

2017-02-09
阅读 9 分钟
4.1k
Web上可用的每种资源如HTML文档、图像、视频片段、程序等都是一个来URI来定位的URI一般由三部组成①访问资源的命名机制②存放资源的主机名③资源自身的名称,由路径表示,着重强调于资源。

Mac前端环境搭建

2017-02-06
阅读 1 分钟
4.6k
虽然平时用ipad,但是换Mac OSX系统之后,如果用于娱乐可能不会觉得不适应,但是用于前端开发,觉得需要适应的还很多,安装git、nvm、php等工具就费了老多时间,把遇到的坑和一些好的工具分享给大家。

codeigniter学习1

2017-02-04
阅读 2 分钟
1.8k
CI框架学习篇(1) 关于CI 特点:轻量(2.2M)、快速(用到哪些进行手动的加载)、功能强大 基于MVC模型 能够生成干净的URL,便于SEO优化 扩展性强 不需要模板引擎(写原生速度更快、不需要重新编译模板) MVC框架 模型:提供增、删、改查数据库这些功能视图:负责给用户展示页面功能控制器:连接视图和模型,是模型和视图以及其...

面试闯关2

2017-02-04
阅读 3 分钟
2k
TCP/IP链接建立,浏览器会通过该链接向远程服务器发送HTTP的GET请求。远程服务器找到资源并使用HTTP响应返回该资源,值为200的HTTP状态码表示一个正确的响应。

你懂JSON么?

2017-01-23
阅读 1 分钟
2k
前端常做的事就是和后台调接口,总会有人告诉你,转成JSON格式。。。可是有时候本来就是JSON了,为什么还要转JSON。不知道我对JSON的理解对不对,不对的可以指正。

面试闯关1

2017-01-18
阅读 3 分钟
3.7k
面试闯关1 在面试过程中,总会被问到一些你用到过、但是记不清一些零碎的知识,现在做一下总结。 第一部分:HTML+CSS 1.常用那几种浏览器测试?有哪些内核(Layout Engine)? 主要内核:Trident,Gecko,Presto,Webkit。 IE(Trident)、Firefox(Gecko)、Opera(Presto)、Chrome(Webkit) 2.box-sizing常用的属性有哪...

vue概念性知识,看完心里对vue就有谱了

2017-01-14
阅读 2 分钟
3.8k
最近忙于写基于element框架的项目,对于vue也是直接上手,使用过程中跌跌撞撞,但是总归有收获。记录下自己学习心得。坚持写博客~加油,时间长不更新博客,都怕自己不会了~~

怎么高效在segmentfault中提问?直接粘代码和运行结果

2017-01-12
阅读 1 分钟
2.4k
相信应该有童鞋和我一样,不知道怎么把代码和运行结果放到提问区域,遇到问题又难以描述,各路大神也不愿意回答。 接下来就告诉大家怎么贴代码,和运行结果,让你的问题更容易被大家理解,得到高效的回复 1 写在线demo 在线编辑的前端工具的网站, JSFiddle(看着大家都用这个,但是不知道为什么我注册不了,提示我什么...