React + TypeScript + Taro前端开发小结
前言 项目到一段落,先来记录一下,本文以前端新手的角度记录React、TypeScript、Taro相关技术的开发体验以及遇到的问题和解决方法。 之前总说要学React(这篇博客:代码使我头疼之React初学习),这次项目需要做H5前端+小程序,我终于能用上React了~ 使用React的开发框架之 ... »
前言 项目到一段落,先来记录一下,本文以前端新手的角度记录React、TypeScript、Taro相关技术的开发体验以及遇到的问题和解决方法。 之前总说要学React(这篇博客:代码使我头疼之React初学习),这次项目需要做H5前端+小程序,我终于能用上React了~ 使用React的开发框架之 ... »
运用微前端和 uni-render 技术,让商品中台的前端系统变的更加灵活、更加具有可观察性。 ... »
大家好,我是鱼皮,这两天又发生了一件挺意外的事情:Gitee 的图床废了! 图床:指储存图片的服务器,便于在网上展示图片 昨天晚上,星球里不止一位小伙伴发帖子表示自己网站、文章中的图片竟然全部变成了 Gitee 的图标?! 我当时还不了解真相,心想 Gitee 这么大的代码开源平台也能挂?就问小伙伴 ... »
Keep It Simple, Stupid. 这是开发人耳熟能详的 KISS 原则,也像是一句有调侃意味的善意提醒,提醒每个前端人,简洁易懂的用户体验和删繁就简的搭建逻辑就是前端开发的至简大道。 这也是袋鼠云数栈前端开发团队追求的目标。 数栈是一个专注一站式产品体系,覆盖数据全链路开发流程,全面国 ... »
在前端开发过程中,非IE浏览器下,当容器的高度自动,并且容器内容中有浮动元素(float为left或right),此时如果容器的高度不能自适应内容的高度,从而使得内容溢出破坏整体布局,这种现象叫做浮动 »
我们的目标,做最好的中文web工程师工具,提高前端开发者的工作效率 利用业余时间跟朋友一起做了一个网站:http://www.chinacxy.com,这是一个工具性的网站,主要针对web开发工程师。 »
今年七月份,我决定转前端开发。从七月开始,断断续续的从最简单的前端三剑客学起,因为这个时候秋招也开始了,所以同时也会抽出很大一部分时间出来刷题和补充计算机基础知识。7,8月份还不着急,九月份开始焦虑的不行,也没有投简历,总是对自己的专业知识不自信,觉得自己还没准备好。自己不停的学习,往往学了这个忘了 ... »
1 BootStraphttp://twitter.github.com/bootstrap/2. HTML KickStarthttp://www.99lime.com/ »
Web 前端开发规范文档 前端开发 规范目的: 使开发流程更加规范化。 通用规范: TAB键用两个空格代替(WINDOWS下TAB键占四个空格,LINUX下TAB键占八个空格)。 CSS样式属性或者J »
1. JavaScript Standard Style(JavaScript标准样式) JavaScript标准样式并不是一个主要的学习指南,但是它是一个模式,根据这个模式你可以安装和运行JavaS »
规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不 »
Web前端开发规范文档 规范目的:使开发流程更加规范化。 »
前端文档 »
序言 为了统一前端的技术栈问题,技术开发二部规定开发技术必须以Vue为主。 为了更好的规范公司的前端框架,现以我前端架构师为主,编写以下开发规范,如有不当的地方,欢迎批评教育并慢慢改善该开发文档,谢谢 »
长度单位 - 像素是我们在网页中使用的最多的一个单位, * 一个像素就相当于我们屏幕中的一个小点, * 我们的屏幕实际上就是由这些像素点构成的 * 但是这些像素点,是不能直接看见。 * - 不同显示器 »
本章内容:糟糕的页面实现,头疼的维护工作Web标准--结构、样式和行为的分离前端的现状打造高品质的前端代码,提高代码的可维护性--精简、重用、有序糟糕的页面实现,头疼的维护工作工作中最大的考验和最不可 »
Object.create(prototype, descriptors) :创建一个具有指定原型且可选择性地包含指定属性的对象 参数:prototype 必需。 要用作原型的对象。 可以为 null。descriptors 可选。 包含一个或多个属性描述符的 JavaScript 对象。“数据属性”是可获取且可设置值的属性。 数据属性描述符包含 value 特性,以及 writable、enu »
4、v-bind v-bind:无法双向绑定’ 1、作用: v‐bind可以将数据对象绑定在dom的任意属性中。 v‐bind可以给dom对象绑定一个或多个特性,例如动态绑定style和class 2、举例: <img v‐bind:src="imageSrc"> <div v‐bind:style="{ fontSize: size + 'px' }"></di »
创建HTML结构: h 8 (敲h激活代码块列表,按8选择第8个项目,即HTML代码块,或者敲h t Enter) 中途换行: 'Ctrl+Enter' 设置charset: »
Nginx与Node.js “Nginx是一款轻量级的HTTP服务器,采用事件驱动的异步非阻塞处理方式框架,这让其具有极好的IO性能,时常用于服务端的反向代理和负载均衡。” 作为前端开发,即使没用过Nginx,但一定听说过上面这句话。这句经典的话,基本构成了所有人对Nginx的第一印象。 Nginx发布于2004年,经过初期几年的沉淀之后,迅速蹿升为“网红”,成为了当年互联网技术圈最火的词汇和 »