- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端必修课
『前端必修课』属性读取方式
查看文章 一、前言 本篇文章是『前端必修课』系列文章的第 2 篇，主要介绍属性读取方式 有一天呢，有一个朋友，他问了我一个非常高端的问题，他说 Neo 我不是给一个对象的属性赋值，或者是读一个对象的某一个属性 第一种： arr[0] = 1; 第二种（字符串0为2）： arr['0'] = 2; 那么我的问题来了，这个数组有几项？或者说这个数组有几个属性呢？ 因此属性传递的就是一个字符串0： [[set]](arr, '0', 1, arr) 然后 arr['0'] = 2; 这个这行代码呢，它本身就是字符串： [[set]](arr, '0', 2, arr [ 2 ] 是不是只有一项。 那么再比方说我这里呢写一个非常奇葩的代码： obj[{a: 1}] = 1; 然后呢再来一个 obj a等于2，然后等于2： obj[{a: 2}] = 2; 打印一下 obj，运行打印程序之前，那么请问这个
27010编辑于 2024-11-24 - 来自专栏前端必修课
『前端必修课』视频文字特效
查看文章 一、前言 本篇文章是『前端必修课』系列文章的第 1 篇，主要介绍视频文字特效 文字燃烧怎么做？这个东西呢，可能跟很多人想象的并不一样，有的人会想象呢我就做一个燃烧的背景，是吧？ 例如：f(颜色1，颜色2) return 新的颜色。 注意点：这个函数的运算，它是针对每一个像素点的 这就是为什么我要把它设置为撑满整个父元素，啥意思呢？ 就是说这个 txt 这个元素，它里面每一个像素点，都要经过 f(颜色1，颜色2) return 新的颜色 这个运算规则，来产生一个新的颜色。 像素点就是浏览器中的像素点，那么 f(颜色1，颜色2) return 新的颜色 中的颜色1是啥呢？ 2.混合模式的基础原理：理解了混合模式的工作方式：通过每个像素点的颜色计算生成新的颜色，并通过公式分析了 screen 模式的特点和运算原理。
84620编辑于 2024-11-27 - 来自专栏前端必修课
『前端必修课』按钮边框的旋转动画
查看文章 一、前言 本篇文章是『前端必修课』系列文章的第 3 篇，主要介绍属性读取方式 像很多 CSS 的效果吧，它需要的不是知识，而是 想象力。 就比如说本章要给大家介绍的旋转按钮，它该咋做呢？ /* 添加渐变增强美感 */ background: linear-gradient(90deg, #f40, #ffba00); } 发现覆盖关系不正确，我设置一下 z-index 为 -2： button:before { + z-index: -2; } 有的人看到这里可能会问我了 Neo 你这是在干啥呀？
90040编辑于 2024-11-26 《解码闭包：前端开发者的进阶必修课》
在前端开发的世界里，闭包是一个神秘而强大的存在。它如同一位隐藏在幕后的魔法师，默默发挥着作用，却又常常被开发者们误解。 在前端开发中，我们常常希望某些变量是私有的，不被外部随意访问和修改，闭包就能轻松实现这一点。 在大型前端项目中，模块化开发是必不可少的。闭包为模块化开发提供了强大的支持，我们可以将相关的代码和数据封装在一个闭包中，形成一个独立的模块。 在前端开发中，为了提高性能，我们常常需要对一些频繁触发的事件进行优化，函数节流和防抖就是两种常用的技巧，而闭包是实现它们的关键。 希望通过这篇文章，大家能对闭包有更深入的理解，在今后的前端开发中，充分发挥闭包的优势，打造出更优秀的前端应用。
20400编辑于 2025-04-18- 来自专栏数据森麟
AI产品经理的入门必修课（2）——实战篇
2 选择合适的算法模型 根据不同任务类型选择合适的算法模型，如果要解决的是分类问题，即对应的要选择擅长处理分类问题的算法模型，选择合适的模型可以提高数据训练的效率。 以KNN算法为例： 最简单的方式： K=1、2、3，然后分别进行实验，对比结果，选择最优参数。 交叉验证：将一部分数据从训练集上分割出来，从这小部分数据集中进行验证。
79140发布于 2021-01-25 - 来自专栏社区的朋友们
TAF 必修课（六）：容错
2. 2. Client主动屏蔽策略： 为了更及时的屏蔽故障节点，Client根据调用被调服务的异常情况来判断是否有故障来更快进行故障屏蔽。 timeoutCount >= config.getMinTimeoutInvoke()) { double radio = div(timeoutCount, totalCount, 2)
1.4K00发布于 2017-09-11 - 来自专栏Android补给站
MotionLayout进阶动画必修课
MotionLayout能够更好的帮助我们通过xml实现动画，除了入门级的ConstraintSet、CustomAttribute，这些都是由一个start，到一个end的过渡动画。虽然它们能实现我们日常中90%的动画效果，但复杂灵活的动画，还是需要通过更高级的方法进行实现。
81720编辑于 2023-02-14 - 来自专栏赵康的日常专栏
【前端】Web前端学习笔记【2】
相关博客： Web前端学习笔记【1】 ---- 1. this在 JavaScript 中主要有以下五种使用场景 ---- 在全局函数调用中，this 绑定全局对象，浏览器环境全局对象为 window = { test: 'obj2test', getAge2: function () { console.log(this.test) } } return obj2; } }; obj.getAge().getAge2() // 'obj2test' // ============== var obj = { birth :@&=+$#")); 输出： http%3A%2F%2Fwww.w3school.com.cn http%3A%2F%2Fwww.w3school.com.cn%2Fp%201%2F %2C%2F globalStorage 使用于Firefox2+的火狐浏览器，类似于IE的userData。 缺点：IE不支持。
56320编辑于 2023-10-17 - 来自专栏社区的朋友们
TAF 必修课（七）：负载均衡
2. 架构 由于这里探讨的是软负载均衡技术，一些基于硬负载均衡的架构设计不做具体涉及。 省略服务节点列表初始化 Invoker<T> invoker = list.get((sequence.getAndIncrement() & Integer.MAX_VALUE) % list.size()); 2.
2K00发布于 2017-09-12 - 来自专栏社区的朋友们
TAF 必修课（四）：过载保护
2. 限定最大请求量 服务端对请求怎么管理，由于涉及到生产消费模式，很容易地想到就是要维持一个缓存队列，请求到达时先把请求放入缓冲队列中。那么应该让系统同时从队列里取出几个请求进行处理呢？ res.isAsyncMode()) req.getIoSession().write(res); } long startTime = req.getProcessTime(); // 2. 2. 模块分离 在系统设计上可能各个模块的负载不尽相同，考虑将负载高的一些模块独立开来，轻重分离，按需单独部署； 这也是高内聚低耦合在系统层面的体现，使得局部的过载不至于扩散到整个系统。 3.
2.2K00发布于 2017-09-07 - 来自专栏农民工前端
前端面经（2）
使用path来匹配路由，然后通过query来传递参数，这种情况下 query传递的参数会显示在url路由的两种模式 hash与history 对于Vue 这类渐进式前端开发框架，为了构建SPA(单页面应用 )，需要引入前端路由系统，这也就是Vue-router存在的意义。 前端路由的核心，就在于改变视图的同时不会向后端发出请求。 添加验证码2. 日常工作中用的最对的跨域方案是CORS和Nginx反向代理前端工程化webpack配置，webpack4.0有哪些优化点module.exports={entry: {},output: {},plugins
1.7K60编辑于 2023-02-17 - 来自专栏IT杂症
产品经理的20堂必修课
最近在发现一本不错的书；《产品经理的20堂必修课》 通过举例向我们阐述了做为一个产品经理应该做什么事情。
66020发布于 2021-11-08 - 来自专栏前端开发面试
前端面试前端性能优化篇2
不论是什么样的前端面试，总会问到的一个问题：前端性能优化。相信如果这个问题没有答好，在面试中会很被动。于是，趁着这个天天宅的时期，好好的整理了一番。 、CSS代码可以内嵌在HTML中，比如：rem动态等5、避免使用iFrame6、使用骨架屏二、CSS优化加载优化1、避免使用css的@import2、避免使用通配符3、避免使用! 1、选择器嵌套尽量不要超过三层2、id选择器尽量不要嵌套3、使用继承体积优化1、提取公共CSS三、JS优化运行速度1、如果没有兼容问题，尽量使用原生方法2、根据兼容浏览器的最低版本，考虑是否使用polyfill3 （Webpack拆包）减少加载体积1、压缩图片2、压缩HTML、CSS、JS代码3、开启网络压缩，如：GZIP参考 前端进阶面试题详细解答减少加载次数1、制作精灵图2、将小图片转换为base64字符串3 、使用浏览器缓存4、使用前端缓存，如: LocalStorage、Cookie、SessionStorage等5、减少重定向请求，比如：nginx反向代理的重定向6、避免使用服务端字体五、React性能优化
85230编辑于 2023-01-04 - 来自专栏YP小站
Docker 必修课程 Dockerfile
/app WORKDIR /app RUN npm install \ && npm run build # stage 2 FROM nginx:alpine COPY --from= RUN 格式为 RUN <command> 或 RUN ["executable", "param1", "param2"] 推荐 RUN 把所有需要执行的 shell 命令写一行 例如： RUN mkdir RUN touch /tmp/testfile 如果 RUN 写多行会增加 docker image 体积 CMD 支持三种格式 CMD ["executable","param1","param2"] 使用 exec 执行，推荐方式； CMD command param1 param2 在 /bin/sh 中执行，提供给需要交互的应用； CMD ["param1","param2"] 提供给 ENTRYPOINT COPY --chown=<user>:<group> <src> <dest> ENTRYPOINT 支持两种格式： ENTRYPOINT ["executable", "param1", "param2"
81120发布于 2020-06-04 - 来自专栏达达前端
前端技术前沿2
child: Child } data = { list: [{id: 1, title: 'title1'}, {id: 2, title: 'title2'}] } } </script> data = { a: 1 } //计算属性aPlus，在脚本中可通过this.aPlus来引用，在模板中可通过 { components = {}; data = {}; methods = {}; events = { 'some-event': (p1, p2,
90240发布于 2019-07-03 - 来自专栏万丈高楼平地起
前端面试（2）javascript
boy1.arr.push(2); console.log(boy1.arr,boy2.arr);// [1,2] [1] // 缺点1：方法不能复用 console.log(boy1.say == = boy2.say) // false (说明，boy1和boy2 的say方法是独立，不是共享的) // 缺点2：不能继承父类原型上的方法 Parent.prototype.walk = function 实现步骤: Step1: 创建 callback 方法 Step2: 插入 script 标签 Step3: 后台接受到请求，解析前端传过去的 callback 方法，返回该方法的调用，并且数据作为参数传入该方法 Step4: 前端执行服务端返回的方法调用。 原因就在于 f1 是 f2 的父函数，而 f2 被赋给了一个全局变量，这导致 f2 始终在内存中，而 f2 的存在依赖于 f1，因此 f1 也始终在内存中，不会在调用结束后，被垃圾回收机制（garbage
1.6K20编辑于 2022-03-08 - 来自专栏编程
前端基础-CSS-2
这个文件就是我们一会要写的样式文件，为了展示不带样式的页面，我先把这行注释掉了，那这段代码用chrome打开截图如下： 那接下来我们完成样式文件的编写，首先我们完成的任务如下： 1、设置背景颜色浅蓝色 2、 给h1字体加一个边框，设置h2字体颜色 3、设置div中p段落背景颜色 4、设置表单边框，指定宽度和长度 5、设置超链接颜色和一些文字装饰 基本就这些吧，我们直接上代码： /*背景色*/ body{ background-color : #a8e6ff; } /*h1的边框*/ h1{ border: 1px solid black; } /*h2颜色*/ h2{ color: purple; } /*段落背景色,注意是div下的p : 5px solid gray; width: 400px; height: 200px; } /*超链接红色*/ a{ color: red; } /*表单边框*/ input{ border: 2px
1K60发布于 2018-01-26 - 来自专栏九彩拼盘的叨叨叨
前端学习 第2周 第2天
link和:visited伪类的书写顺序 作业 写满足以下条件的选择器 类名不为not-normal-input的文本框(<input type="text">)元素的获得焦点状态 在父元素中倒数第2个
22740发布于 2018-08-27 - 来自专栏社区的朋友们
TAF 必修课（五）：Client 端调用
2. = null) { TicketManager.removeTicket(ticket.getTicketNumber()); } } return response; } 2.
3K00发布于 2017-09-08 - 来自专栏社区的朋友们
TAF 必修课（一）：整体架构理解
2. 这段时间的实习还是收获良多，除了技术上的，还有思维逻辑和方法论上的吧，有许多的致谢，留待以后慢慢言谢吧 0827 update： 不知不觉已完成了预期的总结，该系列文章汇总如下，欢迎阅读指教，交流学习： TAF-必修课 （一）：整体架构理解 TAF-必修课（二）：Reactor多线程模型 TAF-必修课（三）：Server启动全过程 TAF-必修课（四）：过载保护 TAF-必修课（五）：Client端调用 TAF-必修课 （六）：容错 TAF-必修课（七）：负载均衡 当然，TAF相关的内容远不止这些，比如这里暂时没有具体探讨的还有：协议、IDC分组、Set部署、就近接入、日志相关、消息染色、配置中心、运营监控服务等；
12K74发布于 2017-09-01
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号