首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏森屿暖树

    前端特效学习3

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

    49920编辑于 2022-03-23
  • 来自专栏vue前端

    VUE3前端学习

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

    29610编辑于 2025-09-25
  • 来自专栏九彩拼盘的叨叨叨

    学习前端3周 第3

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

    27940发布于 2018-08-27
  • 来自专栏Vincent-yuan

    前端学习(16)~css3属性学习(十)

    我们在上一篇文章中学习了CSS3的选择器,本文来学一下CSS3的一些属性。 盒模型中的 box-sizing 属性 CSS3 对盒模型做出了新的定义,即允许开发人员指定盒子宽度和高度的计算方式。 这就需要用到 box-sizing属性。 处理兼容性问题:私有前缀 通过网址http://caniuse.com/ 可以查询CSS3各特性的支持程度。 处理兼容性问题的常见方法:为属性添加私有前缀。

    1
    2
    3< 例如: box-shadow:3px 3px 3px 3px #666 inset;

    1.1K20发布于 2020-03-19
  • 来自专栏菩提树下的杨过

    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!

    2.6K20编辑于 2022-08-23
  • 来自专栏九彩拼盘的叨叨叨

    学习前端3周 第4天

    *了解常见的浏览器问题兼容性 * 了解常见的浏览器问题兼容性的解决方案 * 了解css hack * 了解针对主流浏览器的css hack怎么写

    23920发布于 2018-08-27
  • 来自专栏九彩拼盘的叨叨叨

    学习前端3周 第5天

    了解什么是CSS3 了解CSS3较之CSS2新增的选择器,属性规则 着重了解CSS3的transform,渐变以及动画 作业 浏览 https://cssanimation.rocks/ 做的效果。

    32830发布于 2018-08-27
  • 来自专栏九彩拼盘的叨叨叨

    学习前端 第5周 第3

    例如 输入 new Date('2012/12/3') 返回 '2012-12-03'

    32420发布于 2018-08-27
  • 来自专栏九彩拼盘的叨叨叨

    学习前端 第6周 第3

    会用jQuery创建元素(例如$('

    ')) 会用jQuery插入元素(需了解这几个方法:before,after,append,prepend) 会用jQuery删除元素。.remove 会用jQuery对元素的类名进行如下操作 元素是否有某个类名 给元素增加类名 给元素删除类名 会用jQuery对元素的属性进行如下操作 获取元素某个属性的值 修改元素某个属性的值 删除元素的某个属性 会获取和修改元素的内容。了解text() 和 html()的区别 作业 现在有如下的HTML结构 <div

    42620发布于 2018-08-27
  • 来自专栏九彩拼盘的叨叨叨

    前端学习 第2周 第3

    了解CSS的标准盒模型 了解CSS的如下属性 display。及可选值: block,inline,inline-block和none width,height min/max-width/height margin,padding border,outline 了解margin和padding的简写 了解CSS的度量单位: px,em,rem 作业 阅读cssproperties的The Box Model - dimensions, padding, margin and borders内容。

    24330发布于 2018-08-27
  • 来自专栏九彩拼盘的叨叨叨

    前端学习3周 第1天

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

    27420发布于 2018-08-27
  • 来自专栏九彩拼盘的叨叨叨

    前端学习3周 第2天

    了解position规则的如下属性 static relative absolute fixed 了解position为absolute的元素是怎么定位的 了解用 left,right,top,bo

    24220发布于 2018-08-27
  • 来自专栏九彩拼盘的叨叨叨

    学习前端 第1周 第3

    表单的内容包括: 姓名 性别 (单选按钮) 所在国家 (下拉框) 年龄 爱好 可多选 (复选框) 自我介绍 做w3school的HTML测试。20题最少要答对15题,达不到的话,做到能达到为止。

    30440发布于 2018-08-27
  • 来自专栏Vincent-yuan

    前端学习(3)~html5详解(一)

    包括:HTML5,CSS3,Javascript API在内的一套技术组合。 富客户端:具有很强的交互性和体验的客户端程序。 (3)混合式本地应用。 (4)简单的游戏。 HTML5 新增的内容 语义化的标签 语义化的作用 能够便于开发者阅读和写出更优雅的代码。 新语义标签的兼容性处理 IE8 及以下版本的浏览器不支持 H5 和 CSS3。解决办法:引入html5shiv.js文件。 引入时,需要做if判断,具体代码如下: <! name='url'> </label> <label for=""> number: <input type="number" step="<em>3</em>" 我们可以通过附加属性,来更友好地控制音频的播放,如: autoplay 自动播放。

    2K20发布于 2020-02-23
  • 来自专栏Vincent-yuan

    前端学习(18)~css3属性学习(十一):动画详解

    在 CSS3 当中,通过 transform 转换来实现 2D 转换或者 3D 转换。 2D转换包括:缩放、移动、旋转。 3D 转换 1、旋转:rotateX、rotateY、rotateZ 3D坐标系(左手坐标系) ? 如上图所示,伸出左手,让拇指和食指成“L”形,大拇指向右,食指向上,中指指向前方。 3、透视:perspective 电脑显示屏是一个 2D 平面,图像之所以具有立体感(3D效果),其实只是一种视觉呈现,通过透视可以实现此目的。 透视可以将一个2D平面,在转换的过程当中,呈现3D效果。但仅仅只是视觉呈现出 3d 效果,并不是正真的3d。 preserve-3d来使其变成一个真正的3D图形。

    3.4K30发布于 2020-03-19
  • 来自专栏python3

    简析前端学习python3的基础

    } init(); console.log(a) // 嗨,我是局部变量 方法对比 python 取得字符串的长度 str = 'abc' print(len(str)) // 3 str = 'abc' print(str.find('a')) // 0 javascript 取得字符串的长度 str = 'abc' console.log(str.length) // 3 // 删除字典 计算字典元素个数,即键的总数 dict = {'Name': 'Runoob', 'Age': 7, 'Class': 'First'} len(dict) // 3 计算对象元素个数,即键的总数 dict = {'Name': 'Runoob', 'Age': 7, 'Class': 'First'} Object.keys(dict).length // 3 Age': 7}" 集合 声明有一个集合 python parame = {value01,value02,...} or set(value) javascript let arr = [1,2,3,2,3,4

    1.2K00发布于 2020-01-02
  • 来自专栏Vincent-yuan

    前端学习(15)~css3学习(九):选择器详解

    CSS3介绍 CSS3在CSS2基础上,增强或新增了许多特性, 弥补了CSS2的众多不足之处,使得Web开发变得更为高效和便捷。 (3)遵照产品的方案。 CSS3又新增了其它的伪类选择器。这一小段,我们来学习CSS3中的结构伪类选择器:即通过结构来进行筛选。 1、格式:(第一部分) E:first-child 匹配父元素的第一个子元素E。 (3)另外,E:nth-child(n)这个属性也很有意思。 因为此时的 n 表示 0,1,2,3,4,5,6,7,8.....

    94220发布于 2020-03-19
  • 来自专栏前端博客

    前端学习笔记(3):前端沙箱之JavaScript的sandbox(沙盒沙箱)

    为微前端框架主要做2个工作,一个是JS的sandBox,其次是把sandbox内执行的结果 输出 webcomponts到 页面内。 通过使用沙箱,每个前端应用都可以拥有自己的上下文环境、页面路由和状态管理,而不会相互干扰或冲突。那么如何实现JavaScript的sandbox呢? 每个微前端应用在启动时会得到它自己的沙箱实例,因此它们会有自己的状态池和拦截逻辑,这允许应用独立地操作全局对象而不互相干扰。 总结:多实例运行语法兼容不污染全局环境(主应用)LegacySanbox❌❌❌ProxySandbox✅❌✅SnapshotSandbox❌✅❌iframe✅✅✅转载本站文章《微前端学习笔记(3):前端沙箱之

    5K21编辑于 2024-06-06
  • 来自专栏web前端教室

    学习前端开发,不是学习前端框架,也不是学习前端工具。

    ,使得很多前端新入者都以为,学会了这些就是学会了前端,学会了这些,就可以胜任前端开发的工作。结果自然是否定的,许多同学不管是自学还是培训,学完了一样找不着工作。 事实恰恰相反,用人单位正是看出“你不能胜任”前端开发工作,才不录用你。你没有工作经验,只是外在的表象。 怎么样才能算是一个好前端?为什么同样都是大学毕业的,用他不用你?这其中的差别在哪里? 前端开发是做什么的? 它是解决问题的,主要是解决业务流程在前端表现层的交互和实现。在这其中,工具只是一种手段。 angular是不是工具?vue是不是工具?React它也是工具吧? 前端路由能不能实现? 肯定是可以的。 那为什么还要有vue,react。。之类的各种轮子呢?为了提高效率,只是为了提高效率。没有这些东西,你能不能做前端开发? 不操作dom的前端框架是不存在的,而操作dom是前端开发的基本功之一。 那么,刨除前端工具这一块,如何衡量一个前端开发是好是坏? 一、他的学习能力。遇到不懂的可以很快学会; 二、他的解决问题的能力。

    1.2K70发布于 2018-02-07
  • 来自专栏学习猿地

    Web前端学习 第4章 jQuery 3 jQuery插件

    jQuery插件就是别人已经开发好弄的,我们直接约会就可以使用。并且基于jQuery制作的,可以实现某些特定的网页效果的js文件(js + css)。

    68910发布于 2020-06-18
领券