javascript html css vue
现代 CSS 解决方案:文字颜色自动适配背景色!
现代 CSS 解决方案:文字颜色自动适配背景色! 在 23 年的 CSS 新特性中,有一个非常重要的功能更新 -- 相对颜色。 简单而言,相对颜色的功能,让我们在 CSS 中,对颜色有了更为强大的掌控能力。 其核心功能就是,让我们能够基于一个现有颜色 A,通过一定的转换规则,快速生成我们想要的颜色 ......
NUS CS1101S:SICP JavaScript 描述:一、使用函数构建抽象
原文:1 Building Abstractions with Functions 译者:飞龙 协议:CC BY-NC-SA 4.0 心灵的行为,其中它对简单的想法施加其力量,主要有以下三种:1.将几个简单的想法组合成一个复合的想法,从而形成所有复杂的想法。2.第二个是将两个想法,无论是简单的还是复 ......
跟着阿灵学前端(1)——HTML 基础
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用来结构化 Web 网页及其内容的标记语言。网页内容可以是:一组段落、一个重点信息列表、也可以含有图片和数据表。 ......
跟着阿灵学前端(2)——CSS 基础
CSS (Cascading Style Sheets,层叠样式表),是一种用来为结构化文档(如 HTML 文档或 XML 应用)添加样式(字体、间距和颜色等)的计算机语言,CSS 文件扩展名为 .css ......
NUS CS1101S:SICP JavaScript 描述:前言、序言和致谢
前言 原文:Foreword 译者:飞龙 协议:CC BY-NC-SA 4.0 我有幸在我还是学生的时候见到了了不起的 Alan Perlis,并和他交谈了几次。他和我共同深爱和尊重两种非常不同的编程语言:Lisp 和 APL。跟随他的脚步是一项艰巨的任务,尽管他开辟了一条优秀的道路。尽管如此,我想 ......
NUS CS1101S:SICP JavaScript 描述:五、使用寄存器机进行计算
原文:5 Computing with Register Machines 译者:飞龙 协议:CC BY-NC-SA 4.0 我的目标是表明天堂机器不是一种神圣的生命体,而是一种钟表(相信钟表有灵魂属性的人将制造者的荣耀归功于作品),因为几乎所有多种运动都是由一种最简单和物质力量引起的,就像钟表的所 ......
NUS CS1101S:SICP JavaScript 描述:四、元语言抽象
原文:4 Metalinguistic Abstraction 译者:飞龙 协议:CC BY-NC-SA 4.0 ...魔法就在于文字——Abracadabra,开门,以及其他——但一个故事中的魔法词在另一个故事中并不神奇。真正的魔法是理解哪些词起作用,何时起作用,以及为什么起作用;诀窍就是学会这个 ......
NUS CS1101S:SICP JavaScript 描述:三、模块化、对象和状态
原文:3 Modularity, Objects, and State 译者:飞龙 协议:CC BY-NC-SA 4.0 变化中安宁 (即使它在变化,它仍然保持不变。) ——赫拉克利特 变化越大,越是相同。 ——阿方斯·卡尔 前面的章节介绍了构成程序的基本元素。我们看到了原始函数和原始数据是如何组合 ......
CSS
3、CSS概述 3.1 CSS介绍 层叠样式表(CSS),又称串样式列表,由W3C定义和维护的标砖,一种用来为结构化文档(如HTML文档或XML应用)、添加样式(字体、间距和颜色等)的计算机语言。 CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象 ......
vue---循环方式以及跳出循环
在做VUE项目开发过程中,数据循环是常见的操作方式,以下是几种常见的数据循环方式: 一、for循环 let data = [1,2,3,4,5,6,7,8,9,10]; for(let i=0; i<data.length; ++i){ console.log(data[i]); if(i>5){ ......
一行代码创建网页(html)
今天来讲一下\(html\)里面的\(iframe\),非常简单但功能很大 先讲解下语法 <iframe src="要打开的网页地址" width="宽度" height="高度"></iframe> 宽度一般为\(1920\),高度为\(950-1200\)不等,推荐为1024 给几个游戏网页地址 ......
HTML
1、HTML概述 1.1 HTML的基本结构 <!DOCTYPE html><!--!表示申明的意思,这一行表明下面文档标签以html5规范去解析--> <html> <!--1.头部,主要用来完成一个网页的相关设置的.--> <head> <meta charset="utf-8"><!--支 ......
vue-quill编辑器vue2版
<template> <div class="app-container"> <p class="warn-content"> Markdown 基于 <el-link type="primary" href="javascript:void 0;" target="_blank">vue quil ......
CSS
3、CSS概述 3.1 CSS介绍 层叠样式表(CSS),又称串样式列表,由W3C定义和维护的标砖,一种用来为结构化文档(如HTML文档或XML应用)、添加样式(字体、间距和颜色等)的计算机语言。 CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象 ......
[JMeter] JMeter的测试报告格式转换(.jtl => html)
0 序言 近期在jmeter测试服务器上跑压测脚本,跑完后,生成 .jtl的测试报告文件。但这份文件不便于直接阅读(尤其是统计分析能力欠缺),我需要转为html。 1 使用方式 CASE1:基于JTL测试报告文件,转为HTML测试报告 set "BASE_DIR=E:\work_data\xxxx\ ......
vue-quill编辑器网页版
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content ......
js string转html节点
1、 var str = "<h1>这是一个标题</h1>"; var parser = new DOMParser(); var doc = parser.parseFromString(str, "text/html"); var html = doc.body.firstChild; 2、 c ......
PHPExcel读取excel文件并保存成html文件
public function index() { $els = new PHPExcel(); $filename = FCPATH . 'xls/aaa.xls'; $obj = new \PHPExcel_Reader_Excel5(); $nn = $obj->load($filename) ......
vue模板的首次渲染,和重新渲染,有哪些区别?
搞明白这个,能帮助我们理解开发中出现的很多问题。 一、我们先来回顾一下vue模板的渲染过程: (1)执行render函数,生成虚拟DOM。 render函数是根据render、templete、el这三个选项得来的,优先级依次降低。如果有render函数,则直接使用;否则如果有templete选项, ......
【Vue2】金额范围查询项
Element 只提供了DatePicker,没有做金额的Picker 这个东西就只能自己做了,实现效果: 后台接口条件: 因为有可能只有起始值,只有结束值,或者起始值结束值都有三种情况 1、如果有起始值且没有结束值, 则金额 大于等于 起始值 2、如果有结束值且没有起始值,则金额 小于等于 结束值 ......
Vue——在Django中配置文件以解决跨域问题
第一步:安装django-cors-headers pip3 install django-cors-headers 第二步:在settings文件中注册app INSTALLED_APPS = [ ... 'corsheaders', ... ] 第三步:添加中间件 MIDDLEWARE = [ ......
vue入门——???07days
昨日回顾: 1 聊天室案例 -不停向后端发送请求 》定时器 》生命周期的 created--》定时任务,发送ajax请求 -v-for渲染 -组件销毁,定时器销毁 -按钮,点击发送消息 -后端 # 2 扩展 # 登录--》注册 # 列出所有用户(筛选) 》点击关注请求 》 -性别 -年龄 ?gend ......
CSS实现文字滑动亮光效果
使用CSS属性,文字背景渐变,结合animation实现滑动亮光 话不多说,直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device ......
直接在*.vue文件(SFC)中使用JSX/TSX渲染函数,真香!
前言 在日常开发中vue的模版语法在大多数情况都能够满足我们的需求,但是在一些复杂的业务场景中使用模版语法就有些麻烦了。这个时候灵活的JSX/TSX渲染函数就能派上用场了,大多数同学的做法都是将*.vue文件改为*.tsx或者*.jsx文件。其实我们可以直接在*.vue文件中直接使用JSX/TSX渲 ......
vue 使用screenfull全屏插件后,F11和ESC导致的问题解决
我们在使用screenfull插件时,会产生几个问题: 1.F11的全屏无法监听到 2.ESC的监听(尤其是在使用F11开启全屏后,ESC无法监听) 主要解决方法可参考如下代码: import screenfull from 'screenfull'//引入插件 //全屏判断(判断全屏和非全屏图标的 ......
零基础入门Vue之梦开始的地方——插值语法
一、Vue 我!作为初学者,既然要将Vue,那我一定要介绍一下他是什么?我们可以应用一下官方的话 vue的介绍 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上 ......
关于html表格学习
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
vue3 获取循环的div的总宽度
要获取循环的 <div> 元素的总宽度,您可以使用 Vue 3 中的 ref 和 $refs。 在模板中,使用 v-for 循环生成多个 <div> 元素,并为父元素和每个子元素添加 ref 属性。例如: <template> <div ref="parentDiv"> <div v-for="it ......
import在vue中使用
一、import的使用 在Vue 3中,使用import语法可以导入其他模块、组件或库。Vue 3支持使用ES模块的标准导入语法。以下是一些常见的import语法示例: 1、导入单个模块或组件 import { 模块名 } from '模块路径'; 示例: import { ref, reactiv ......
Vue 3 中动态获取高宽
1.监听父组件的 宽高 2.将监听到的高度赋给 你需要设置的对象 :: 引入监听 并实现 如何得到动态宽度 (此时的 div2 会与 divDom 宽度会保持一致) <template> <div ref="divDom"></div> //你可以手动或者换成可拖拉伸缩的盒子 <div ref= " ......