动态一 : Serverless Framework 部署性能优化 6 月 1 日正式上线 产品介绍: 开发者在使用框架组件部署项目时,由于项目过重,node_modules 文件夹过大,导致打包压缩代码超时,甚至内存溢出。为此,Serverless 团队近期对部署做了一个性能优化,原来部署一个 Next.js 的 Demo 项目大约需要 1 分钟,现在仅需十几秒。查看详情:《腾讯云 Serverless 部署应用耗时降低了 73%》 产品特性: 项目代码的压缩方式为从 adm-zip 更新为 archi
如果你是一名前端工程师或者像我一样的全站工程师,那么一定对 fullPage.js 这个开源项目不会感到陌生。这是前端社区中非常著名的 JavaScript 组件,能快速给网站加上全屏幻灯片的展示效果。
最近在维护一个项目,接手之前好多运营同学说:“这个可是个牛B的项目,已经运行10来年了,基本满足了我们的运营需求,但是随着业务的调整,运营力度的加大,未来这个项目将会更加重要,所以需要继续维护新功能。” 其实听到这里心里已经忐忑了,一个项目运行了这么久,必定贴了太多烂代码的补丁,适配了许多非人类的需求了,真的会是好项目吗?但是想想运行了这么多年,应该不会差到哪里吧,不然怎么会跑的这么好,相必之前的架构师一定是个大牛,既来之,上吧。 三天后...... 目前是维护这个项目的第四天,今天只新增了一个js控制远程
写代码的时候,你爱听歌吗?我以前爱听,后来不爱听了。爱听歌的那段时候,我基本上是在切页面,那个时候做页面就是Html 和 css,写的熟练的很,做起来都不用走脑子,就是眼睛和手就把活干了,脑子在忙其它的事情。但后来我不爱在写代码的时候听歌了。因为我开始写js,感觉听歌会分神,我开始需要安静,这样能让我静下心来仔细思考眼下的工作。 现在实体经济不太ok,许多人就把目光盯在了it互联网,这其中的焦点工种就是程序员,其中就包括入门相对简单的web前端开发。但再简单,它也是程序员的一个分枝呀,虽然肯下功夫学应该能学
如果你是一名前端工程师,那么你一定对 fullPage.js 这个开源项目不会感到陌生。这是前端社区中非常著名的 JavaScript 组件,能快速给网站加上全屏幻灯片的展示效果。
示例 <html> <head> <link href='a.css' type='text/css'/> <script src="b.js"></script> ... </head> ... </html> 这个页面引用了2个静态资源: a.css、b.js 随着产品的不断发展,简单的静态资源更新也就不再简单 阶段一 产品初期,访问量不大,网络带宽充足,每次用户访问都重新加载静态资源也很快 这种情况下,静态资源的升级就非常简单,用新的文件直接覆盖线上文件即可 阶段二
加密的JS代码或相关产品在涉及生产经营时,破解者可能侵害对方商业利益、技术机密等,被破解方可视受到的侵害起诉追责。
各位年轻的准布道师们,欢迎你们成功的加入到腾讯犀牛鸟云开发校园技术布道师成长计划中,为了帮助你更快的成长为一个优秀且合格的技术布道师,我特意为你精选出了一些可以辅助你成长的高分书籍。文末有彩蛋~
JS加密,即JavaScript代码加密混淆,是指对js代码进行数据加密、逻辑混淆。 使js代码不能被分析、复制、盗用,以达到保护js代码、保护js产品、保护js知识产权的目的。
摘要: 技术没有高下之分,做好产品才是王道。 [2019-03-19-coding.png] 很多开发者非常热衷于比较不同技术,比如:Angular 是否比 Vue.js 更好?Node.js 能否取
Stimulsoft Ultimate是用于创建报表和仪表板的通用工具集。该产品包括用于WinForms、ASP.NET、.NET Core、JavaScript、WPF、PHP、Java和其他环境的完整工具集。
每当我们的新产品上线或大版本迭代后,产品使用步骤或功能介绍是必不可少的。 今天就给大家介绍一款可以快速实现新手引导和交互效果的工具库: Drive.js
这周向大家介绍一个有趣的产品,Rocket Chat。Rocket Chat是一个开源的产品,在功能上它是Slack的替代开源产品,与国内的企业微信或钉钉非常类似,但主要是集中在聊天这一块。
近日,GitHub上一个生成假数据的项目faker.js火了,攀升Trendinging榜单第二,标星目前已超过27.1k。只需要简单几步操作,就可以在浏览器和node.js中生成大量假数据。
Bootstrap 中的 Typeahead 组件就是通常所说的自动完成 AutoComplete,功能很强大,但是,使用上并不太方便。这里我们将介绍一下这个组件的使用。
个人资料 姓名:嘻嘻 性别:女 电话:12132323613 邮箱:12132143285@163.com 现居地:上海市 工作年限:3年 求职意向 期望职位:前端开发工程师期望薪资:面议 工作性质:全职到岗时间:离职,一周内入职 专业技能 精通DIV+CSS页面布局,重构,掌握JavaScript,熟悉w3c标准,了解HTML语义化有一定的了解。 熟练运用浏览器兼容技术,熟练进行前端性能优化设计。 熟练掌握HTML5技术开发,熟悉响应式布局和弹性盒布局,百分比自适应布局,熟练掌握CSS3动画技术,且能熟练
为现代网络开发令人兴奋的事情之一是底层平台的快速发展。 WebAssembly、WebGL、WebGPU、Web Worker 等正在解锁以前典型 Web 产品无法想象的体验。 在过去的几年里,我们看到像 Figma 这样的产品利用这一点创造了极具吸引力的业务和产品。
Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 中文文档 | github地址
Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
欢迎关注本人的微信公众号“前端小填填”,专注前端技术的基础和项目开发的学习。 在本系列的开篇,我打算讲一下全栈项目开发的优势,以及MEAN项目各个模块的概览。 为什么选择全栈开发? 对于初学者来说,学习一门新的语言和技术的体验总是让人愉快的,也会满足于掌握了一些新的东西并且解决了一些实际问题。在一个小组中采用全栈开发时,你可以更加有效地把握项目全局概念,这也有利于让你了解项目中的不同模块以及它们之间是如何协同工作的。你会对你们的产品中他人的贡献更加清晰,你也就了解了这款产品如何才能成功。并且在一个全栈开发
在研究SEO优化的过程中,有网友问昝辉老师,关于网站JavaScript的使用和SEO注意事项,今天我们也一起学习学习。JS的SEO是很重要的问题,无论是异步调用内容,还是增加页面互动,现在的网站几乎无法避免使用JS脚本。但JavaScript使用不当的话可能会对SEO造成非常大的影响,JS造成SEO问题的症结在于,搜索引擎不一定执行JS脚本。
之前整理了vuex的使用场景,现在开始学习学习怎么使用。我会根据官网api来重新学习一遍。
前文《互联网分层架构,为啥要前后端分离?》详细介绍了前后端分离的缘起,很多朋友在评论中留言,纷纷表示,要往前后端分离架构上转型。 任何脱离业务发展,业务特点的架构设计都是耍流氓,不是任何公司在任何阶段都适用“前后端分离”分层架构的,今天简单聊聊实施“前后端分离”需要考虑的一些要素,供大家参考。 一、SEO上的考虑 如果是 PC 端的站点,需要考虑是否需要强支持 SEO ,前后端分离的架构,很可能需要搜索引擎的 spider 执行完 js 才能得到完整的可收录的页面,而“执行 js ”并不是所有搜索引擎都支持
前文《互联网分层架构,为啥要前后端分离?》详细介绍了前后端分离的缘起,很多朋友在评论中留言,纷纷表示,要往前后端分离架构上转型。
本文介绍一种NodeJS源代码保护方式:通过把nodejs代码转化为字节码,用node启动字节码文件的方式,保护nodejs源代码不泄漏。
02「小技巧」使用Git从其他分支merge个别文件产品经理:我们本次开发三个功能,列表页功能、详情页功能、系统消息功能,分两次上线,先上列表功能,再上详情页和系统消息。02个推前端微服务化:突破传统SPA瓶颈目前的前端领域,单页面应用(SPA)大行其道。而随着时间的推移以及应用功能的丰富,这些应用变得越来越庞大也越来越难以维护。于是“微前端”这一概念应运而生。03业务代码重构刚拿到这个产品的代码时,我也是一头雾水,动就上千行的逻辑代码,看的让人很费劲,完全没有任何套路可言,一撸到底的代码,拿到后,我就先把代码拆开,一块一块的看03美食与人工智能,每天不知道吃什么?用人工智能为你生成食谱本文是作者ML95-GONG,参加了 「 30天AI训练营 」首期所写的学习总结。作者是MixLab社区成员,同时是MixLab共建者,具有工业设计/交互设计/人工智能背景。02bootstrap 表格 行背景色tr,td,th : class active 灰色 success 蓝色 warning 浅黄色 danger 浅红色03对于零基础同学来讲,javascript有多难掌握?你是零基础,那么你用什么方式,可以快速的实现js的运用自如呢? Javascript是一门脚本语言,它没有复杂的内存管理,只有一个进程,变量随便什么都可以储存,数组的长度是自动伸缩的,所有的东西都是对象,...这些说明,js本身提供了最大限度的自由度。 这么大的自由度,是为了最大程度的适应尽可能多的业务场景。所以你会看到,pc端用js,移动端用js,服务端用js,物联网用js,等等,,这说明,它其实是一种基于应用场景的工具。js它是灵活的,你想在什么样的场景中使用js,你就可以在把它改变成适合此场景的样式09从代码层面解决chrome不支持flash的方案现在 Google 也推出了 Swiffy,免费把 SWF 格式转换为 HTML5 代码。05Vue.js中的延迟加载和代码拆分虽然现在网络环境和电子设备变得越来越好,但是保持应用程序快速加载变得越来越困难。在本系列中,我将深入研究我们在实践中使用的Vue性能优化技术,并且您可以在Vue.js应用程序中使用它们,使应用程序快速加载并顺利执行。我的目标是让这个系列成为关于Vue应用程序性能的全面而完整的指南。01如何使用webpack减少vuejs打包的大小我在Stanley Black & Decker的工业4.0团队工作。我们的团队最近为Stanley制造工厂创建了相当于App Store的产品。工厂可以访问市场并根据他们在该位置生产的产品选择他们需要的应用程序。这将构建一个自定义构建,将所有这些应用程序捆绑在一起,以便工厂运行。由于捆绑了如此众多的应用程序,我们的vue生产构建时,导致多个大小过度的警告。01最近几天开发了一个多人博客+BBS系统本系统是博客+论坛于一体的系统。支持用户注册,写博客与发帖子。 采用的技术栈也简单,前后端都是 JS, 数据库只有 mysql。 Nodejs+ nextjs + reactjs + koajs + ant-design 采用接口与客户端分离开发,前台页面服务端渲染,jwt方式授权登录,方便开发多个客户端03拿来即用:用C+JS结构来处理JSON数据在物联网产品的开发过程中,对JSON格式的数据处理是一个强需求,例如亚马逊的 AWS IOT平台,设备与后台之间的通讯数据都是JSON格式,先瞄一眼大概的样子:02为啥总感觉跟前端开发“隔”了一层?因为你没有构建自己的三位一体的前端开发能力。三体一体,一般是指核反击能力,陆海空三个维度都有足够的能力。看清了哈,是反击的能力。 先说结论,我这个说法落实到具体人身上,就是“js技能 + 分析需求的能力 + 解决问题的能力”。这三个能力无论差了哪个,你前端开发技能,都是不完整的,在工作中面对需求和遇到问题的时候,你都会有力不从心的感觉。 //////// 这个话题是今天在准备周末的先行者课程的时候,总结出来的。当时想着,怎么能更全面全方面的提升学生们的前端开发能力,或是至少让他们能稍稍上道一点也可以。 要做到这一点,需要哪些方面的准备或能力呢?我问自05跨平台APP----对Cordova,APPCan,DCloud,APICloud四大平台的分析移动开发是未来一个很重要的IT领域,而跨平台开发将是这一领域最重要的事情。 ----谷震平05Vue.js 计算属性的力量:深入理解计算属性的原理与用法Vue.js 是一款流行的前端框架,它提供了许多强大的特性来简化前端开发工作。其中之一是计算属性(Computed Properties)。计算属性允许开发人员根据数据的变化生成派生数据,同时在视图中保持响应式。本文将深入探讨Vue.js的计算属性,解释其原理、用法和最佳实践。04微服务与Node.js为什么会广受喜爱?大多数项目开始时都是为了解决某一问题,比较简单,后来逐渐发展,就变得越来越大,形成一个很大的单体结构,所有的新功能都会向这个单体中添加,就像滚雪球,越来越大 单体结构发展到一定程度之后,就会带来一些问题,例如: 1. 扩展难,并且会造成资源浪费,因为当某个局部承不住压力时,需要对整体进行扩展 2. 部署难,每次发布新功能,都需要重新部署整个项目,即使是一个很小的改动 3. 管理难,项目大,开发团队多,互相有牵绊,影响效率 微服务 为了解决单体结构带来的种种问题,很多公司开始尝试新的架构方式,就是010你不知道的Node.js性能优化仅仅是简单的升级 Node.js 版本就可以轻松地获得性能提升,因为几乎任何新版本的 Node.js 都会比老版本性能更好,为什么?07零基础,怎么学习,才能学成一个优秀的web前端开发?很抱歉,优秀的web前端开发都不是学出来的。都是练出来的。 一、要多写,因为很多js的书,只是看的话,是看不明白的。要写了才有自己的亲身的感受,才能没有遗漏的把书上的知识点走一遍,很多东西不是看书记住的,而是写多了就记住了。 二、在写的同时,一定要看书。我不是说看网上的教程,而是要看书。经常有人问我推荐js或前端的书,我一般回答不必细挑什么,反正都要看。在经常允许的情况下,一个月买个一二本前端方面的书,应该不会饿死吧。 三、然后就是网上看教程,刚才我还说不看网上的教程,现在我又说看,不要打我。网上的教程,08后台添加菜单信息如何在前端循环遍历?前端页面模块,根据所属类别展示信息,点击子菜单的时候,会显示出具体产品特点,产品功能介绍的界面。02HTML5 游戏引擎深度测评最近看到网上一篇文章,标题叫做《 2016年 最火的 15 款 HTML5 游戏引擎 》。目前针对HTML5游戏的解决方案已经非常多,但谁好谁差却没有对比性资料。特意花了几天时间,针对文章中出现的12款免费开源引擎做了一次相对完整的对比分析,希望能对大家有所帮助。 针对技术类产品对比,通常有多个维度进行对比,不仅仅是技术层面,还有许多非技术层面的内容会影响我们的使用结果。本文从如下几个维度进行多重对比。 2D与3D 编程语言 设计理念&功能 工作流 性能 学习资料 商业应用 2D与3D、编程语言对比 2D与013扫码添加站长 进交流群领取专属 10元无门槛券手把手带您无忧上云相关资讯PHP和JS特性对比Node.js主流Web框架对比Vue.js最佳静态站点生成器对比前端进阶: 总结几个常用的 JS 搜索算法和性能对比车联网产品对比,锐智车联热门标签更多标签云服务器ICP备案实时音视频即时通信 IM对象存储活动推荐运营活动广告关闭领券
产品经理:我们本次开发三个功能,列表页功能、详情页功能、系统消息功能,分两次上线,先上列表功能,再上详情页和系统消息。
目前的前端领域,单页面应用(SPA)大行其道。而随着时间的推移以及应用功能的丰富,这些应用变得越来越庞大也越来越难以维护。于是“微前端”这一概念应运而生。
刚拿到这个产品的代码时,我也是一头雾水,动就上千行的逻辑代码,看的让人很费劲,完全没有任何套路可言,一撸到底的代码,拿到后,我就先把代码拆开,一块一块的看
本文是作者ML95-GONG,参加了 「 30天AI训练营 」首期所写的学习总结。作者是MixLab社区成员,同时是MixLab共建者,具有工业设计/交互设计/人工智能背景。
tr,td,th : class active 灰色 success 蓝色 warning 浅黄色 danger 浅红色
你是零基础,那么你用什么方式,可以快速的实现js的运用自如呢? Javascript是一门脚本语言,它没有复杂的内存管理,只有一个进程,变量随便什么都可以储存,数组的长度是自动伸缩的,所有的东西都是对象,...这些说明,js本身提供了最大限度的自由度。 这么大的自由度,是为了最大程度的适应尽可能多的业务场景。所以你会看到,pc端用js,移动端用js,服务端用js,物联网用js,等等,,这说明,它其实是一种基于应用场景的工具。js它是灵活的,你想在什么样的场景中使用js,你就可以在把它改变成适合此场景的样式
现在 Google 也推出了 Swiffy,免费把 SWF 格式转换为 HTML5 代码。
虽然现在网络环境和电子设备变得越来越好,但是保持应用程序快速加载变得越来越困难。在本系列中,我将深入研究我们在实践中使用的Vue性能优化技术,并且您可以在Vue.js应用程序中使用它们,使应用程序快速加载并顺利执行。我的目标是让这个系列成为关于Vue应用程序性能的全面而完整的指南。
我在Stanley Black & Decker的工业4.0团队工作。我们的团队最近为Stanley制造工厂创建了相当于App Store的产品。工厂可以访问市场并根据他们在该位置生产的产品选择他们需要的应用程序。这将构建一个自定义构建,将所有这些应用程序捆绑在一起,以便工厂运行。由于捆绑了如此众多的应用程序,我们的vue生产构建时,导致多个大小过度的警告。
本系统是博客+论坛于一体的系统。支持用户注册,写博客与发帖子。 采用的技术栈也简单,前后端都是 JS, 数据库只有 mysql。 Nodejs+ nextjs + reactjs + koajs + ant-design 采用接口与客户端分离开发,前台页面服务端渲染,jwt方式授权登录,方便开发多个客户端
在物联网产品的开发过程中,对JSON格式的数据处理是一个强需求,例如亚马逊的 AWS IOT平台,设备与后台之间的通讯数据都是JSON格式,先瞄一眼大概的样子:
三体一体,一般是指核反击能力,陆海空三个维度都有足够的能力。看清了哈,是反击的能力。 先说结论,我这个说法落实到具体人身上,就是“js技能 + 分析需求的能力 + 解决问题的能力”。这三个能力无论差了哪个,你前端开发技能,都是不完整的,在工作中面对需求和遇到问题的时候,你都会有力不从心的感觉。 //////// 这个话题是今天在准备周末的先行者课程的时候,总结出来的。当时想着,怎么能更全面全方面的提升学生们的前端开发能力,或是至少让他们能稍稍上道一点也可以。 要做到这一点,需要哪些方面的准备或能力呢?我问自
移动开发是未来一个很重要的IT领域,而跨平台开发将是这一领域最重要的事情。 ----谷震平
Vue.js 是一款流行的前端框架,它提供了许多强大的特性来简化前端开发工作。其中之一是计算属性(Computed Properties)。计算属性允许开发人员根据数据的变化生成派生数据,同时在视图中保持响应式。本文将深入探讨Vue.js的计算属性,解释其原理、用法和最佳实践。
大多数项目开始时都是为了解决某一问题,比较简单,后来逐渐发展,就变得越来越大,形成一个很大的单体结构,所有的新功能都会向这个单体中添加,就像滚雪球,越来越大 单体结构发展到一定程度之后,就会带来一些问题,例如: 1. 扩展难,并且会造成资源浪费,因为当某个局部承不住压力时,需要对整体进行扩展 2. 部署难,每次发布新功能,都需要重新部署整个项目,即使是一个很小的改动 3. 管理难,项目大,开发团队多,互相有牵绊,影响效率 微服务 为了解决单体结构带来的种种问题,很多公司开始尝试新的架构方式,就是
仅仅是简单的升级 Node.js 版本就可以轻松地获得性能提升,因为几乎任何新版本的 Node.js 都会比老版本性能更好,为什么?
很抱歉,优秀的web前端开发都不是学出来的。都是练出来的。 一、要多写,因为很多js的书,只是看的话,是看不明白的。要写了才有自己的亲身的感受,才能没有遗漏的把书上的知识点走一遍,很多东西不是看书记住的,而是写多了就记住了。 二、在写的同时,一定要看书。我不是说看网上的教程,而是要看书。经常有人问我推荐js或前端的书,我一般回答不必细挑什么,反正都要看。在经常允许的情况下,一个月买个一二本前端方面的书,应该不会饿死吧。 三、然后就是网上看教程,刚才我还说不看网上的教程,现在我又说看,不要打我。网上的教程,
前端页面模块,根据所属类别展示信息,点击子菜单的时候,会显示出具体产品特点,产品功能介绍的界面。
最近看到网上一篇文章,标题叫做《 2016年 最火的 15 款 HTML5 游戏引擎 》。目前针对HTML5游戏的解决方案已经非常多,但谁好谁差却没有对比性资料。特意花了几天时间,针对文章中出现的12款免费开源引擎做了一次相对完整的对比分析,希望能对大家有所帮助。 针对技术类产品对比,通常有多个维度进行对比,不仅仅是技术层面,还有许多非技术层面的内容会影响我们的使用结果。本文从如下几个维度进行多重对比。 2D与3D 编程语言 设计理念&功能 工作流 性能 学习资料 商业应用 2D与3D、编程语言对比 2D与
领取专属 10元无门槛券
手把手带您无忧上云