前端快速入门
第一章：HTML01 Web应用模式02 Restful接口规范第二章：CSS01 认识Django REST framework02 DRF环境安装与搭建03 DRF请求生命周期04 请求模块：request对象05 渲染模块06 解析模块07 异常模块08 响应模块第三章：JS01 Serializer组件02 ModelSerializer组件03 Serializer与ModelSerializer区别04 ListModelSerializer组件二次封装Response...
2024-01-10
【JS】web前端入门宝典,来看看大佬的学习之路
开始大佬的表演1、为什么选择学习前端开发？你可能是因为兴趣，完成一个网站、页面、功能的成就感。你也可能是因为现在前端岗位火爆，就业率高。不管是因为什么，只要找准了目标，学就是了！2、Web前端开发是干什么的？有没有“钱”途？（1）定义：前端开发就是将UI设计师设计好的界面实...
2024-01-10
【Web前端问题】输入提示
如图所示，问如何实现输入拼音或者文字 下方自动提示的效果。是否有插件可用？地区为全国的省市区三级回答：最简单的做法，只需要先处理一下每个词语可以被哪些字符串命中，要高亮哪些部分就行了。拼音很好搞，网络上一大堆汉字转拼音的js。如果要复杂的，请自行Google各种自动机，几句...
2024-01-10
npm入门--web小学一年级基础课程
封面动物大脑腐前言本说明面向的是小白，初学者等，对npm不了解，或了解，但是不会的人看的。大佬绕行，不用看的，本文废话贼多。写作目的如下：为以后写其他文章，笔记，提供独立的辅助说明回顾总结已知知识点写作目标如下：通俗易懂的由浅入深的讲解npm内容要生动有趣！内容要...
2024-01-10
前端新工具--vite从入门到实战（一）
前段时间尤大B站直播，介绍了一款新的前端开发工具，利用了浏览器自带的import机制，无论多大的项目，都是秒开，听起来很诱人，火速看了源码，并且最近做了《前端会客厅》后，经过尤大亲自讲解了设计思路，又有了新感悟，写个文章总结以下能和尤大当面交流vue3的设计思路 收获真的很大，最近...
2024-01-10
物联网架构成长之路(36)-Vue前端入门
1. 前言 物联网平台，需要有一个类似大屏看板的功能。 找了一圈，发现阿里已经有对应的DataV产品，但是那个价格有点贵啊。所以找了这个【http://datav.jiaminghi.com/demo/】，这看起来也是挺不错的。就是需要了解一些前端Vue。说到前端，我之前好久就想入门了。断断续续看视频，写Demo，写小程序...
2024-01-10
《前端图形学从入门到放弃》001 画一个三角形
这是面向前端的图形学课程。希望用浅显的语言为大家解释清图形学的一些概念。我们使用的前端最容易webgl，虽然不免还是要接触GLSL，别打我，这已经是最简单的！我们开始第一节，矩阵....不还是画个三角形吧！webgl是什么？说人话webgl就是个工具，可以拿来画图的，它依赖于canvas，在canvas上你可...
2024-01-10
前端笔记：VUE之全局混入
故事背景得闲宁可散步，也不敢刷朋友圈~ 打住今天闲来翻看了卤煮在上家公司负责的项目，感觉vue应用的水准还是挺高的，以至于卤煮在新的项目中游刃有余，今天就说说vue的全局混入吧，这东西属于进阶的童鞋们不得不涉猎的技术点~mixin的使用场景项目中多次使用相同方法或变量，这时候可以借...
2024-01-10
【Web前端问题】怎样使聊天输入框的高度随着文字的增加而增加高度？
怎样使聊天输入框像微信输入框的高度随着文字的增加而增加高度？回答：可以用div模拟，给div设置contenteditable属性为true（这个属性虽然是html5的，但是老版本IE已经兼容了），然后给div设置overflow-x:hidden; overflow-y:scroll 就可以了回答：判断字体，获取字体宽度，一个字一个字的算宽度- -。回答：监听...
2024-01-10
入职后，初步做的事情跟前端不沾边，内心纠结
之前去应聘了“前端”岗位，从面试官交流的技术栈（偏后端）来说，觉得还是可以接受的（当时没说到有python）。入职了一段时间，分配项目组，分配到了 python分析数据那块。从技术上来说，跟前端一点都不沾边。同期入职的，基本去小程序，React这样的项目中。之前对python一点了解都没有，看了一些python招聘要求，发现都是全新的东西。现在也比较纠结，是走，还是干个半年看有没有机会在公司转前端...
2024-02-24
Java Web中数据从前端输入到插入数据库，哪些地方需要考虑字符编码？
目前考虑到的有三个地方需要设置字符编码：JSP页面：<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">JDBC获取连接时:DriverManager.getConnection("jdbc:mysql://localhost:3306/developerdb?useUnicode=true&characterEncoding=utf8", "developer", "developer");数据库:但最终插入数据库时还是乱码...
2024-01-10
润元昌解惑茶铺：一入茶门深似海，这些年你踩过哪些收藏大坑？
原文标题：一入茶门深似海，这些年你踩过哪些收藏大坑？（1kg大砖等你来拿） 普洱收藏 一入茶门深似海，想必在收藏普洱茶的路上每个人都踩过不少坑。 如何判断一款普洱茶是否值得收藏？ 关键在于陈化的价值，也就是我们常说的“越陈越香”。茶品品质的高低和仓储环...
2024-01-10
【Web前端问题】你们经常研究哪些网站的前端代码？
读这些网站的源码，如果压缩可以忽略的情况下！回答：看到好的效果我都会去看看源码，比如QQ空间的长图滚动效果。如果针对特定功能，我习惯看豆瓣和知乎的。因为网站很好，而且发展时间不算太长，冗余代码可能不算太多。虽然被混淆过，但是还是可以阅读的，看耐心和功力了。格式化用chrom...
2024-01-10
Vue前端开发入门中的一些困惑
我的网页开发经验吧是这样的：Python + Flask + Jinja2 + Bootstrap 这种的也就是说Python+Flask构造生成业务数据,通过Nginx/Apache等提供HTTP然后渲染到Jinja语法的模板中，然后模板的样式这些主要有bootstrap来提供。可如今，出于各种原因接触了Vue, 更加接触了其它一些新的知识，概念。比如Node.js，比如什么路由...
2024-01-10
从后端的角度来说 Vue 做了哪些事情？
作为一个没有前后端分离开发经验的人，我有几个问题：加入 vue 之后一共有三个角色是吗？浏览器、vue 服务器、后端服务器？html 文件从哪里来？vue 服务器？还是后端服务器？浏览器请求 json 数据是直接向后端服务器请求还是向 vue 服务器请求再由 vue 服务器请求后端服务器？vue 相当于把原本后端负责的模板渲染剥离了是吗？那模板的渲染工作是不是变成了从 vue 服务器获取 html...
2024-02-21
机器视觉学习相关入门推荐哪些框架比较好？
最近业务上可能需要涉及一些最基本的机器视觉学习场景：通过摄像头或者一些专业设备定时拍照然后通过机器学习分析变化之类的，但从来没接触过这方面的东西，然而现在机器学习的框架好多所以想问下：新手小白入门用哪个框架比较好（或者书籍）回答：如果只是业务上的问题临时需要用到，建议先把任务的数学模型建立起来，确定这是哪一个大类的任务，然后使用对应的一些现成的代码库把实际问题解决了。例如，『通过摄像头或者一些专...
2024-03-02
Web前端和JAVA应该学哪个?哪个就业形势更胜一筹?
关于“Web前端和Java开发应该选择哪个？”这样类似的问题比比皆是，众人的回答也是各有其说。下面几方面来给说说它们各自的优点。 ROUND1—前景 Web前端开发 优势：人才缺口大，发展前景好，需求量大前景指数：★★★★★web前端开发前景大好！其中的HTML5技术更是日趋成熟，HTML5是移动互联...
2024-01-10web.py-指定地址和端口
如何在web.py中指定监听地址和端口？就像是：web.application( urls, host="33.44.55.66", port=8080 )我想避免使用默认的web.py命令行解析回答：从web.py的API文档中： **模块web.httpserver** 函数runimple（func，server_address =（'0.0.0.0'，8080））运行承载WSGI应用程序func的CherryPy WSGI服务器。目录static /是静态托管的。i...
2024-01-10
Web 端 APNG 播放实现原理
写在前面在云音乐的直播开发中会常遇到动画播放的需求，每个需求的应用场景不同，体积较小的动画大都采用 APNG 格式。如果动画仅单独展示可以使用 <img> 直接展示 APNG 动画，但是会存在兼容性 Bug，例如：部分浏览器不支持 APNG 播放，Android 部分机型重复播放失效。如果需要将 APNG 动画 和 其他 DO...
2024-01-10VUE前后端学习tab写法实例
动态创建一个tab，里面放一个table，这样一个后台管理的基本功能（之一）就出来了。好吧，这里其实只是试试水，感受一下vue的数据驱动可以怎么玩，通过一个个实例学习一下vue的各个知识点。这里要看看方法和css如何设置。一、目标1、 可以动态创建tab。2、 可以切换（废话）、可以关闭tab。...
2024-01-10
前端学习—React—初出茅庐
React学习—初出茅庐 对与React的学习思路，首先React中用到了Class、let、const、以及modual(模块)的导入(import)和导出(export)，而这些都是ECMAScript6标准中新增的内容，所以ECMAScript6在React学习中，是一个基础且重要的知识点。 前端开发工程化构建思想，组件依赖、组件管理。以及前端开发MVC构建，都...
2024-01-10
学习Vue源码前的几项必要储备（一）
从接下来的一段时间里，Mg要进行阅读源码的工作。再阅读源码前，梳理一下准备工作。7项重要储备Flow 基本语法发布/订阅模式ES6+ 语法原型链、闭包函数柯里化event loop1.flow1.1 什么是flow没有类型的静态检查是 JavaScript 语言的先天缺失，所有很多变量类型相关的问题只能在运行阶段暴露出来。...
2024-01-10
Vue项目优化打包之前端必备加分项
目录前言一、路由懒加载1. 为什么需要路由懒加载2. 如何实现路由懒加载3. 路由懒加载中的魔法注释二、分析包大小1. 需求2. 如何生成打包分析文件三、webpack配置排除打包1. 需求2. 排除打包四、 引用网络资源1. 需求2. CDN3. 实现步骤五、 打包去除console.log1. 需求2. 代码演示总结前言Vue项目开发完毕后...
2024-01-10
immutablejs优化前端代码
前一段时间群里有小伙伴问 lucifer 我一个问题：”immutablejs 是什么？有什么用？“。我当时的回答是：immutablejs 就是 tree + sharing，解决了数据可变性带来的问题，并顺便优化了性能。今天给大家来详细解释一下这句话。背景我们还是通过一个例子来进行说明。如下是几个普通地不能再普通的赋值语句...
2024-01-10
web前端图表可视化应用实践
需求简介腾讯企鹅辅导在学生上课结束后推送“学习报告”，是课程所提供的一项重要服务。家长在“学习报告”中能查看孩子上课时间及互动情况，答题及掌握知识点，作业考试分数，班级排名等诸多数据，继而让学生家长及时掌握孩子的学习情况。此次改版升级是针对旧学习报告的的数据和展...
2024-01-10
你可能不知道的9条Webpack优化策略前端森林web进阶
引言webpack的打包优化一直是个老生常谈的话题，常规的无非就分块、拆包、压缩等。本文以我自己的经验向大家分享如何通过一些分析工具、插件以及webpack新版本中的一些新特性来显著提升webpack的打包速度和改善包体积，学会分析打包的瓶颈以及问题所在。本文演示代码，仓库地址速度分析 ????we...
2024-01-10Vue服务端渲染实践之Web应用首屏耗时最优化方案
随着各大前端框架的诞生和演变，SPA开始流行，单页面应用的优势在于可以不重新加载整个页面的情况下，通过ajax和服务器通信，实现整个Web应用拒不更新，带来了极致的用户体验。然而，对于需要SEO、追求极致的首屏性能的应用，前端渲染的SPA是糟糕的。好在Vue 2.0后是支持服务端渲染的，零零散散...
2024-01-10
React移动web极致优化
最近一个季度，我们都在为手Q家校群做重构优化，将原有那套问题不断的框架换掉。经过一些斟酌，决定使用react 进行重构。选择react，其实也主要是因为它具有下面的三大特性。React的特性1. Learn once, write anywhere学习React的好处就是，学了一遍之后，能够写web, node直出，以及native，能够适应各种...
2024-01-10
【Web前端问题】请教关于es6的模块化的知识
在学es6,看到模块化这里，如下这个东西不知道怎么做demo我是这样写的 hello.jsmain.js在模块化.html中引入main.js这三个文件放在同一目录但报错 Uncaught SyntaxError: Unexpected token import求教大神回答：可以使用babel import暂时还不支持回答：es6的语法浏览器暂时不支持，得结合babel，转成es5回答：你安装了...
2024-01-10
web性能优化：让页面更快的渲染，优先加载资源
preload 可以指明哪些资源在页面加载的生命周期的早期阶段就开始获取，在浏览器的主渲染机制介入前就进行预加载。这一机制使得资源可以更早的得到加载并可用，且更不易阻塞页面的初步渲染，进而提升性能。preload 提供的好处主要是：将加载和执行分离，可不阻塞渲染和 document 的 onload 事件...
2024-01-10
【Web前端问题】js时间格式化怎么去优化？
splitDate() { const createStartTime = this.orderDate[0] const createEndTime = this.orderDate[1] const createStartMonth = (createStartTime.getMonth() + 1) < 10 ? '0' + (createStartTime.getMonth() + 1) : createStartTime.getMonth() + 1 con...
2024-01-10
web前端chorme性能优化工具
问题场景：在前端日趋工程化的今天，前端性能优化是一名合格的前端工程师必备的技能，那么，如何正确的使用性能分析工具呢？解决方案：性能分析的流程：在开发中我一般使用公司开发的测试脚本-kbase-watcher，可以更加直观的进行页面的优化，大家也可以在网上找到许多类似的插件...
2024-01-10
