代码编织梦想

2021-01-03-爱代码爱编程

上效果先: 先言: 看过我文章可以知道,这东西似曾相识~ ╭(●`∀´●)╯确实,这个和我另一篇文章“文字点闪特效”原理是差不多的 实现: 1.定义html标签: <h1> <span>佛</span> <span>主</sp

html练习1之表格练习和注册页面练习-爱代码爱编程

代码这种东西,不是看了就会了,需要自己练习,多写就会熟练。 刚复习完了html,现在记录一下练习。 练习列子的来源 https://how2j.cn/k/html/html-practise2/641.html?p=134657 练习一 表格练习 记录一下自己的盲点 合并表格横向合并 <td colspan="2"> 纵向合并 &

handsome主题美化(二)- 底部页脚版权美化-爱代码爱编程

原文链接 1.将以下添加至自定义CSS中 /*底部页脚*/ .github-badge { display: inline-block; border-radius: 4px; text-shadow: none; font-size: 12px; color: #fff; line-height: 15px; backg

HTML 初识笔记总结(一)-爱代码爱编程

HTML 初识笔记总结(一) hello world! 我是前小白,一名平凡的小白级前端工程师。 一、 HTML常见页面规范 <!DOCTYPE html>叫浏览器用 HTML5 文档格式解析该网页 <html lang="en"> 网页语言中文 <head> <me

SEO让品牌展示在Google搜索结果右侧-爱代码爱编程

要增强您的官方网站在Google搜索结果中的显示效果和覆盖范围,您可以先针对Google设置该网站。这样一来,用户就能在搜索时更轻松地识别官方网站,并更轻松地找到您提供的信息。 Google提供了多种方法来帮助您提供关键的商家详情,以便在Google搜索结果中向用户显示这些信息。本文将介绍如何使您的营业地点、官方网站和内容信息显示在搜索结果、Google

bootstrap-爱代码爱编程

bootstrap简介 1)bootstrap由@mdo 和 @fat 在Twitter工作时创建,Bootstrap使用 LESS CSS 并用 Node 编译,托管在 GitHub 上,方便大家使用这一框架构建更好的web应用。 2)Bootstrap不光为了看起来好看,而且在现代的桌面浏览器上有极佳的表现(包括IE7!)。在平板电脑和智能手机上面

用 canvas.toDataURL() 将图片转为Base64编码时避免跨域报错的方法【避坑】-爱代码爱编程

用 canvas.toDataURL() 将图片转为Base64编码时避免跨域报错的方法【避坑】 梗概 本文主要介绍canvas.toDataURL()将图片转为Base64编码时避免跨域的两种方法: 1、搭建服务器,将HTML文件和图片挂在服务器上使两者位于同一域下(较麻烦); 2、用 URL.createObjectURL() 方法创建一个指向

AdminLte3改造为:单iframe,多级动态json菜单-爱代码爱编程

一、下载代码 https://gitee.com/zhou-kang/admin-lte3-i-frame-json_menus 二、运行index.html 三、核心文件menu.js menu.js中定义了json格式的菜单,并将json转为adminLte的菜单html,可根据需要改在为动态菜单。 pages/test/leaf*.ht

Nginx 方向代理解决跨域问题-2-爱代码爱编程

概述 在浏览器端进行 Ajax 请求时会出现跨域问题,那么什么是跨域,如何解决跨域呢?先看浏览器端出现跨域问题的现象,如下图所示 什么是跨域问题? 跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对 JavaScript 施加的安全限制。 什么是同源? 所谓同源是指,域名,协议,端口均相同 http://www.

Intent的数据传递-爱代码爱编程

Intent的数据传递类型分为两类: 1.第一种的向下一个activity传递数据 (1)调用Intent的构造方法传activity名: Intent intent = new Intent(MainActivity.this, Thirdctivity.class); intent.putExtra("name", "zhansan");

2020年下半年1+X Web前端开发(中级)实操考试模拟试题一(附答案)-爱代码爱编程

传送门教育部:职业教育将启动“1+X”证书制度改革职业教育改革1+X证书制度试点启动1+X成绩/证书查询入口 文章目录 试题一(每空 2 分,共 30 分)试题一答案试题二(30分)试题二答案试题三(每空 2 分,共 20 分)试题三答案试题四(每空 2 分,共 20 分)试题四答案 试题一(每空 2 分,共 30 分) 阅

动态添加删除Tab选项卡-爱代码爱编程

效果图: html: <div class="tabbable"> <ul class="nav nav-tabs" id="myTab"> <li class="active show" id="compose1-li"> <a data-toggle="tab

VUE组件-爱代码爱编程

这里写目录标题 VUE组件组件的注册全局注册局部注册 VUE组件 组件的注册 全局注册 在组件中设置数据的方法是跟Vue实例有点不同。data是一个函数并且它是直接返回一个对象,而不是像Vue实例中直接就是一个对象<div class="app"> <!--调用注册的组件--> <button-co

使用NodeJs定时给亲爱的人发送彩虹屁-爱代码爱编程

1.工具包安装 NodeJs 所有的工具包都是基于安装NodeJs的基础之上 nodemailer NodeJs 发送邮件的插件包 axios 发送Ajax请求的请求包 node-schedule 定时执行任务包 2.代码 const nodemai

HTML制作-爱代码爱编程

HTML网页制作 (输入完代码后鼠标右键点击在浏览器中打开即可显示成品) 1.ctrl+s保存为xxx.html,在Sublime-Text3中打开 输入英文状态下的!+Tab可快速获得基本框 lang=“en”(lang语言,en英文,zh-cn中文) UTF-8世界通用语言 title网页名称 body内容 1.1标签 1.p分段 2.a链接可点击;

vue this is undefined-爱代码爱编程

在使用axios经常会出现这个问题 如下面代码 data(){ return{ goods:{ title:null, subTitle:null, originalCost:null, currentPrice:null, discount:null, isFreeD

《HTML+CSS》记录3,常用标签-爱代码爱编程

标题标签 在HTML中,一共有六级标题标签:h1~h6(head),使用HTML时,并不关心标签文字大小,显示效果统一由css来定义,使用HTML时,我们关心标签的语义,六级标题中,h1到h6重要性依次降低,对搜索引擎来说,h1的重要性仅次于title,搜索引擎检索完title,会立即查看h1中的内容。因此h1标签会影响页面在搜索引擎的排名,在页面中只能

HTML与CSS基础-爱代码爱编程

HTML与CSS基础 一、HTML1.概念2.快速入门3.标签学习(1)文件标签:构成html最基本的标签(2)文本标签:和文本有关的标签(3)图片标签(4)列表标签(5)链接标签(6)div和span(7)语义化标签(8)表格标签(9)表单标签:二、CSS1.概念2.使用CSS的好处3.CSS的使用,与html结合方式内联样式内部样式外部样式4.

JavaWeb选修(JavaScript部分)-爱代码爱编程

1.自行设计页面格式及样式,通过JavaScript脚本判断输入的密码中是否含有数字、英文字母及其他字符三类符号。若不含有此三类给予提示。 在这里插入代码片 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert ti

JS:倒计时实现-爱代码爱编程

JS:倒计时实现 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g