前端资源(3)

入门类 地址 前端入门教程                         http://www.cnblogs.com/jikey/p/3613082.html 瘳雪峰的Javascript教程 www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000 jQuery基础教程 http://www.imooc.com/view/11 前端工程师必备的 PS技能——切图篇 http://www.imooc.com/view/506 结合个人经历总结的前端入门方法 https://github.com/qiu-deqing/FE-learning 工具类 地址 前端人的俱乐部 http://f2er.club/ 真可以解放你的收藏夹 如何优雅地使用Sublime Text http://www.jeffjade.com/2015/12/15/2015 雪碧图制作 http://www.imooc.com/learn/93 版本控制入门 – 搬进 Github http://www.imooc.com/learn/390 Grunt-beginner前端自动化工具

前端特效学习3

> </body> </html> css代码 :root { /** 白天样式 **/ --blue-background: #C2E9F6; --blue-border: #72cce3;

前端科普系列（3）：CommonJS 不是前端却革命了前端

由此可见，CommonJS 最初是服务于服务端的，所以我说 CommonJS 不是前端，但它的载体是前端语言 JavaScript，为后面前端模块化的盛行产生了深远的影响，奠定了结实的基础。 CommonJS：不是前端却革命了前端! 当一个前端应用业务规模足够大后，这种依赖关系又变得异常难以维护。 综上所述，前端需要模块化，并且模块化不光要处理全局变量污染、数据保护的问题，还要很好的解决模块之间依赖关系的维护。 如果一个模块的对外接口，就是一个单一的值，可以使用 module.exports 导出 // a.js var name = 'morrain' var age = 18 module.exports = name 3、 的代码，找到 require 这个关键字，提取所有的依赖项，然后加载，等到依赖的所有模块加载完成后，执行回调函数，此时再执行到 require('a.js') 这行代码时，a.js 已经加载好在内存中了 3、

前端科普系列（3）：CommonJS 不是前端却革命了前端

由此可见，CommonJS 最初是服务于服务端的，所以我说 CommonJS 不是前端，但它的载体是前端语言 JavaScript，为后面前端模块化的盛行产生了深远的影响，奠定了结实的基础。 CommonJS：不是前端却革命了前端! 当一个前端应用业务规模足够大后，这种依赖关系又变得异常难以维护。 综上所述，前端需要模块化，并且模块化不光要处理全局变量污染、数据保护的问题，还要很好的解决模块之间依赖关系的维护。 如果一个模块的对外接口，就是一个单一的值，可以使用 module.exports 导出 // a.js var name = 'morrain' var age = 18 module.exports = name 3、 的代码，找到 require 这个关键字，提取所有的依赖项，然后加载，等到依赖的所有模块加载完成后，执行回调函数，此时再执行到 require('a.js') 这行代码时，a.js 已经加载好在内存中了 3、

前端面试（3）vue

单页应用不仅仅是在页面交互是无刷新的，连页面跳转都是无刷新的，为了实现单页应用，所以就有了前端路由。 前端路由 1. hash 模式 改变 url 的情况下，保证页面的不刷新。 通过这些就能用另一种方式来实现前端路由了，但原理都是跟 hash 实现相同的。 服务端渲染实现原理机制：在服务端拿数据进行解析渲染，直接生成 html 片段返回给前端。 然后前端可以通过解析后端返回的 html 片段到前端页面，大致有以下两种形式： 1、服务器通过模版引擎直接渲染整个页面，例如 java 后端的 vm 模版引擎，php 后端的 smarty 模版引擎。 2、服务渲染生成 html 代码块, 前端通过 AJAX 获取然后使用 js 动态添加。

VUE3前端学习

vue3新特性：组合式API；更好支持TypeScript；状态存储框架Pinia1.package.json运行scripts脚本，里面的build打包文件2.都是在index.html这一个单页面进行交互 main.ts通过createApp函数创建一个应用实例，在实例中构建各种应用(.vue)文件是组件 / 页面(包含\</ template>模板，\</ script>脚本，\</ style>样式)3.

前端技术前沿3

list: List }; data = { myNum: 50, syncNum: 100, items: [1, 2, 3, $emit('some-event', 1, 2, 3) // 触发组件中的自定义事件 this. $emit('childFun', 1, 2, 3) //$invoke 父组件向子组件发送事件： 使用import导入子组件后，在使用时可以直接通过 this. $invoke('子组件，必须要单引号括起来', '子组件方法名称', param1,param2,param3.......); 子组件间发送事件： this. $invoke('子组件的相对路径', '子组件方法名称', param1,param2,param3.......); 子组件的相对路径的理解： 当设置'./'即当前组件，'..

学习前端 第3周 第3天

了解display:inline-block; 会用display:inline-block;进行布局 了解用display:inline-block;进行布局时，出现的元素高低不平的解决方案（ver

前端复习：CSS专题3

3、:hover表示，用户鼠标悬停的时候链接的样式，是英文“悬停”的意思。 4、:active表示，用户用鼠标点击这个链接，但是不松手，此刻的样式，是英文“激活”的意思。 但是前端开发工程师在大量的实线中，发现不写link、visited浏览器也挺兼容，所以把a标签简化了。 a:link、a:visited都是可以省略的，简写在a标签里面。 purple; color:white; } .nav ul li a:hover{ background-color: orange; } 3 red url(1.jpg) no-repeat 100px 100px fixed; 等价于： 1background-color:red; 2background-image:url(1.jpg); 3background-repeat 3、z-index值没有单位，就是一个整数值。默认的z-index值为0。 4、定位了的元素，永远能够压住没有定位的元素。

【前端3分钟】布局

通常而言，通栏、多栏等分结构的布局，适合使用弹性布局；而多栏非等分的布局，适合使用混合布局。

Web前端基础【3】--JavaScript基础

var x = 2; var y = 1; if(x > y){ x = 3; y = 2; } 大括号{}内可以嵌套，形成层级结构。 var x = 2; var y = 1; if(x > y) { x = 3; y = 2; if(x < y) { x = 2; 3：布尔值类型：一个布尔值只有true和false两种值。（与c++相同） 4：数组类型：数组是一组按按顺序排列的集合，数组中的每个值称为元素。JavaScript中的数组元素可以是任意数据类型。 上诉数组包含六个元素，数组用中括号[]表示，元素之间用逗号(,)分隔，还有一种创建数组的方式：通过Array()函数实现，例如： var array= new Array(1, 2, 3).

【前端】CSS3动画详解

博客主页： [小ᶻ☡꙳ᵃⁱᵍᶜ꙳] 本文专栏: 前端 ✍CSS3 动画详解与应用 1 帧动画概述 在 CSS3 时代到来之前，网页中的动画通常通过 JavaScript 动态地改变元素的样式属性来实现 CSS3 的引入使得动画的实现更加简单，同时显著提高了性能和流畅性。 CSS3 提供了一个强大且简洁的工具：animation，它类似于 Flash 中的逐帧动画。 相较于 CSS 的 transition 属性只能定义起始和结束状态，CSS3 中的 keyframes 则能够定义动画的多个关键步骤，使动画更为灵活和精细。 3 动画属性详解 CSS3 提供了一组强大的动画控制属性，通过 animation 简写方式可以一次性设置多个属性。 总的来说，CSS3 动画使网页设计更加丰富、直观，且性能优于传统 JavaScript 实现。

【前端开发】Vue3(一)

Vue3声明式渲染1.reactive()reactive()只适用于对象 (包括数组和内置类型)2.ref()ref()则可以接受任何值类型。

前端-part3-基础css样式

:first-letter{ color: darkmagenta; font-weight: 900; font-size: 28px; } /*对第一个字左渲染*/ .c3_ 1{ text-align: center; } .c3_2{ text-align: right; } .c3_3{ text-align: left; } /*text-align

我是一段居中的文字

我是一段居右的文字

我是一段居左的文字

前端测试常见的 3 个误区

在做前端测试时，选用合适的测试策略远比一通狂写测试更重要，所谓 “方向 > 努力”。 如果选择了错误的测试策略，很容易写出维护性差和不稳定的测试用例。一旦业务出现变化，用例就全崩了。 Dodds[1] 在这篇文章 《Common Testing Mistakes 》[2] 分享 了 3 个他看到的测试误区。 今天，就把这篇文章分享给大家吧~ 翻译中会尽量用更地道的语言，这也意味着会给原文加一层 Buf，想看原文的可点击 这里[3]。 这篇文章主要列举了 3 个误区：避免过度测试代码细节、避免 100% 覆盖以及避免重复测试。这三个误区的产生都是因为我们没有搞清楚测试的本质：提高代码自信。 kentcdodds.com/ [2] 《Common Testing Mistakes》: https://kentcdodds.com/blog/common-testing-mistakes [3]

tauri学习(3)-前端调用Rust代码

接上节继续，今天研究tauri中，前端如何调用Rust代码。 > 三、有传参&有返回值 /** * 有传参，带返回值 */ #[tauri::command] fn hello3(msg: String) -> String { format! ("hello-3 {}", msg) } 前端调用： let hello3 = (message: String) => { invoke("hello3", { msg: message ("method_2 is called"); //刻意停3秒【注：必须先use std::{thread, time};】 thread::sleep(time::Duration::from_secs (3)); format!

【前端】CSS3常用样式详解

博客主页： [小ᶻ☡꙳ᵃⁱᵍᶜ꙳] 本文专栏: 前端 -------- ✨前言 在现代网页设计中，CSS3 提供了丰富而强大的工具，使得网页布局、样式控制和用户交互变得更加灵活和高效 本指南适合所有前端开发人员以及对网页设计感兴趣的读者，帮助您在实际项目中更好地应用 CSS3 的新特性。 Search results for: CSS3 1. 1.2 CSS3 属性选择器 CSS3 新增了一些属性选择器，让我们可以更便捷地根据元素特定的属性来选择目标元素，而不需要额外借助于类或 ID 来进行选择。 CSS3 圆角样式 CSS3 引入了 border-radius 属性来设置元素的圆角，从而实现更平滑的视觉效果。 CSS3 滤镜效果（Filters） CSS3 引入了滤镜效果，可以对元素应用如模糊、亮度调整、对比度调整等视觉效果，常用于图像处理。

前端3D文字效果

今天来讨论一下前端的3D文字效果，如图： ? ---- 字体阴影 看到这样的效果，首先想到的当然是CSS中的文字阴影来实现，首先给出HTNL代码：

前端学习 第3周 第1天

知道什么是浮动 知道float:left|right|none;clear:left|right|both 的意思 知道浮动会带来的副作用 知道如何去除浮动 会使用float进行布局 作业 用flo

数据结构与前端开发（3）-链表

链表是一个线性结构，同时也是一个天然的递归结构。链表结构可以充分利用计算机内存空间，实现灵活的内存动态管理。但是链表失去了数组随机读取的优点，同时链表由于增加了结点的指针域，空间开销比较大。