前端开发

React前端开发createElement源码解读

目录 React 与 Babel 元素标签转译 组件转译 子元素转译 createElement 源码 函数入参 第一段代码 __self 和 __source 第二段代码 props 对象 第三段代码 children 第四段代码 defaultProps 第五段代码 owner Rea »

前端开发日常——CSS动画无限轮播

近来没有什么值得写的东西,空闲的时候帮前端的同学做了些大屏上的展示模块,就放在这里写写吧,手把手“需求->设计-> 实现”,受众偏新手向。 为了直观便于理解, 直接把结果贴在上面。 如上所示,基本需求比较简单明了, “分页显示供应商、供应占比列表,自动轮播”。 一、需求评审 该有的环节还是要有,尽管 ... »

uncleguo

基于HBuilderX+UniApp+ThorUI的手机端前端开发处理

现在的很多程序应用,基本上都是需要多端覆盖,因此基于一个Web API的后端接口,来构建多端应用,如微信、H5、APP、WInForm、BS的Web管理端等都是常见的应用。本篇随笔概括性的介绍基于HBuilderX+UniApp+ThorUI的手机端前端开发处理,总结一下开发工具的设置,以及常见的H... ... »

wuhuacong

前端开发简介与简单代码实现

前端开发简介与简单代码实现 前端开发前戏 前端与后端区别 前端 前端其实就是网民在上网页的售后第一眼看到的页面或者是分支点信息页面等。或者是页面中的图片、文字、框架分配、视频、语音等整体布局都是web的前端 后端 后端其实就是网民第一眼看不到的,一般只有部分专业人员才能大致看到。像语言编写、创建方法 ... »

joseph-bright

使用Fiddler劫持网络资源为前端开发助力(示例:Dynamic CRM 表单开发 也能热更新? )

背景: 使用过vue开发的童鞋应该都知道,在开发vue项目的过程中,有个叫"热更新"的功能特别爽,在传统html开发到初次接触vue时,才发现原来前端开发可以这么香。热更新的表现形式是,启动项目后,会自动打开浏览器预览,同时在IDE进行代码修改,会自动编译更新发布,在浏览器会触发刷新后直接就能展示在 ... »

43%非常看好TypeScript…解读“2022前端开发者现状报告”

摘要:近日,The Software House 发布了“2022前端开发者现状报告”,笔者在此对报告内容进行解读,供大家参考。 本文分享自华为云社区《“2022前端开发者现状报告”解读》,作者:华为云PaaS服务小智。 本次调研对象的覆盖面以及样本量都比较可观——超过120个国家(或地区)、370 ... »

electron 应用开发优秀实践

vivo 互联网前端团队-Yang Kun 一、背景 在团队中,我们因业务发展,需要用到桌面端技术,如离线可用、调用桌面系统能力。什么是桌面端开发?一句话概括就是:以 Windows 、macOS 和 Linux 为操作系统的软件开发。对此我们做了详细的技术调研,桌面端的开发方式主要有 Native ... »

vivotech

基于微前端qiankun的多页签缓存方案实践

本文梳理了基于阿里开源微前端框架qiankun,实现多页签及子应用缓存的方案,同时还类比了多个不同方案之间的区别及优劣势,为使用微前端进行多页签开发的同学,提供一些参考。 ... »

vivotech

前端开发性能优化方案

JS书写需注意的点 一、JS书写过程中减少对闭包的使用 原因:闭包会产生不释放的栈内存 替代方案:1,循环给元素做事件绑定的时候,尽量把后期需要的数据(如:索引)绑定到元素的自定义属性上,而不是创建闭包存储 2,可以在最外层创建一个闭包,把需要的数据进行存储,而不是一个方法创建一个闭包(如:单例模式 ... »

【中国象棋人机对战】引入了AI算法,学习低代码和高代码如何混编并互相调用

以低代码和高代码(原生JS代码)混编的方式引入了AI算法,学习如何使用表达式调用原生代码的。整个过程在众触低代码应用平台进行,适合高阶学员。 AI智能级别演示 AI算法分三个等级,体现出来的智能水平不同。 切换皮肤 切换棋阵 各棋子的走法规则 先动手玩一玩:https://chinese-chess ... »

zcappp

electron+vue 环境搭建

一、环境介绍及会遇到的困难 electron是一款比较流行的桌面可视化开发工具,通过html+js+css实现桌面应用,优点就是多平台开发以及UI好看。缺点是外网npm仓库速度慢。话不多说开始我的教程,和可能遇到的坑的解决办法。 二、全局配置npm以及需要的包 安装的过程要是出现报错可以试试 cnp ... »

mywink

CSS Houdini:用浏览器引擎实现高级CSS效果

CSS的任何新特性从诞生到被浏览器普遍支持,要经历漫长的周期,而CSS Houdini开放了底层接口,让开发者直接接触、开发原生的CSS效果,实现更为复杂、流畅的效果和动画,无需等待,快学起来吧! ... »

vivotech

springboot项目上传存储图片到七牛云服务器

springboot项目上传存储图片到七牛云服务器 问题描述: 当图片存在本地时会出现卡顿的现象。比如一篇图文混排的文章,如果图片没有加载完,可能整个文章都显示不出来,因为它们都是用的同一个服务器。 但是如果把图片单独拿出来放在云服务器上进行加载,这样图片的加载和文字的加载互不干扰,就可以优化这个问 ... »

使用Emmet(前身Zen Coding)加速Web前端开发

这篇文章对Emmet使用说明比较详细,于是就收了~~~ 转载:Web前端开发-Web前端工程师 » 使用Emmet(前身Zen Coding)加速Web前端开发 Emmet插件以前被称作为Zen Coding,是一个文本编辑器的插件,它可以帮助您快速编写HTML和CSS代码,从而加速Web前端开发。早在2009年,Sergey Chikuyonok写过一篇文章,提出编写HTML和CSS的新方法。这 »

前端开发:JavaScript---ECMAScript

JavaScript:JavaScript是一种web前端的描述语言,也是一种基于对象(object)和事件驱动(Event Driven)的脚本语言。它运行在客户端从而减轻服务器的负担。 js是一种解释型语言,边执行边解释,无需另外编译。 javascript的作用:   1. 表单验证---减轻服务器的压力;客户端表单验证即在数据送达服务端之前进行用户提交信息即时有效地验证,减轻服务器压力。即 »

web前端开发也需要日志

web前端开发过程中调试是一个不可避免的过程,我们有众多的浏览器可供选择,但是如果您要调试的平台浏览器不是那么先进呢,如IE6,在他上面还不那么富饶,给程序调试带来的很大的痛苦啊,所以日志即时输出是一个不错的选择,可以知道程序覆盖到了哪里。即是在先进的浏览器上也是很有必要的,他比去调试程序来确定相应的业务代码有没有执行到也快的多也容易的多,好了,下面来给大家介绍一个我业余时间写的调试信息输出工具。 »