CodeDoge-CSDN博客

原创 2021年总结-codedoge

2021年完成的事：1 夏秋季坚持跑步（冬季没有继续）。体重减掉8斤。2 工资涨了4k。3 技术上只能说是知识面扩大了，技术不精湛（vue node echarts）。22年要完成的事：1 戒烟2 坚持跑步，运动。3 vue node echarts 都要做一个项目巩固技术点。...

2022-01-06 17:48:28 237

项目启动：搭建Vue3工程化项目安装 node.js（查看版本是否安装成功）创建一个 vite 的初始化项目 npm init @vitejs/appProject name 输入项目的名字Select a farmework 选择框架Select a variant 选择创建成功项目骨架.├── README.md├── index.html 入口文件├── package.json├── public 资源文件│ .

2021-10-29 16:34:09 382 2

原创 ES6-01-02day

模板字符串模板字符串（template string）是增强版的字符串，用反引号（`）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。

2021-10-29 15:58:18 141

原创 ES6-01-01day

ECMAScript和javascript的关系是，前者是后者的规格，后者是前者的一种实现。ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。不存在变量提升 var命令会发生“变量提升”现象，即变量可以在声明之前使用，值为undefined。这种现象多多少少是有些奇怪的，按照一般的逻辑，变量应该在声明语句之后才可以使用。为了纠正这种现象，let命令改变了语法行为，它所声明的变量一定要在声明后使用，否则报错。// var 的情况con.

2021-10-26 14:31:32 131

原创 21年10月份面试复盘

知识点Flex 对flex的理解。BFC(margin塌陷和浮动塌陷)。javaScript 的数据类型：number string boolean undefined 。引用数据类型（object）：function array data 。闭包。浅拷贝，深拷贝。在Vue方面没有自己的项目经历。小程序，后台管理的开发。写在末尾：在20年10月份我计划重学web,计划被自己的懒惰无知吞噬。codeDoge要坚持学习。...

2021-10-25 17:04:55 134

原创 JavaScript中使用JSON格式报错Uncaught SyntaxError: Invalid shorthand property initializer

JavaScript中使用JSON格式定义一个对象时在浏览器调试运行时出现错误：Uncaught SyntaxError: Invalid shorthand property initializer。原因是 “=” 应该写为 “:”这个经常错，还不容易发现，所以记录下来，加强记忆...

2021-10-25 16:22:27 335

原创 select 下拉框样式修改 option文字居右

select { direction: rtl; /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #000; /*很关键：将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*在选择框的最右侧中间显示小箭头图片*/ /* background: url("h

2021-08-03 14:52:58 599

原创提示文件过大无法复制到U盘怎么解决

首先普及一个知识，U盘一般会有文件系统，主要有NTFS、FAT16、FAT32三种形式，三种形式对应单个文件的大小也是不一样的，分别如下：NTFS：最大文件2TBFAT16：最大文件2GBFAT32：最大文件4GB一般U盘默认的是FAT32，今天我们主要考虑将U盘设置成NTFS，以便解决上述问题。1、cmd打开管理员面板2、在弹出的对话框中，输入’convert g:/fs:ntfs’并回车确定。（这边g:/代表U盘所在盘符，根据电脑中U盘实际显示盘符正确输入盘符）3、回车后，我们会看到

2021-04-01 10:21:11 1566

原创前端菜鸡对2020年回顾

1，2020年买了服务器，域名。简单的上传了两个工具页面http://www.codedoge.top/color/ 拾色板http://www.codedoge.top/time/ 大圣老师的壁纸但是接下来的时间，这台服务器就被我荒废了，没再做什么。对2020年的自己不满意。就说说我自己接下来想做的事吧。node.js 这个必须滴要去学习小程序 app 要独立各做一个vue尤大佬，做为主要的， react 和angular也是要去了解目前自己是技术阶段学习。像

2021-01-15 15:57:49 149

原创重学web---第一天（DOM问题）

今天咋看DOM的知识点，发现自己理解不了包含参数的函数。1、函数、函数的参数。单词sibling [ˈsɪblɪŋ] 兄弟姐妹node [noʊd] 节点previous [ˈpriːviəs] 先前的前一个

2020-11-02 09:54:55 103

原创图片的1px间隙、字间距、文字竖排 _CSS

日常css1、字间距a、text-indent设置抬头距离css缩进text-indent: 20px; b、letter-spacing来设置字与字间距_字符间距离。该属性将指定的间隔添加到每个文字之后，但最后一个字将被排除在外。letter-spacing: 8px;c、letter-spacing和word-spacing之间的区别letter-spacing添加字母之间的空白，而word-spacing添加每个单词之间的空白。请大家注意，word-spacing对中文无效。

2020-10-23 10:02:59 844

转载【超实用】又不花里胡哨的鼠标滑过样式

【超实用】又不花里胡哨的鼠标滑过样式来源 | juejin.im/post/6881429197542785031作者@kuangyaoqian一、纯图片的DIVhtml代码（以下效果皆围绕这个代码展开）<div class="lists"> <a href="#" class="box"> <img src="avatar.jpg"> </a> <a href="#" class="box">

2020-10-12 16:10:12 241 1

原创禁止F12,禁止Ctrl+s,禁止ctrl+u,禁止选中文字,禁止鼠标右键

1、实现禁止选中文字。<script>//网站禁止选择文字 document.body.onselectstart = function() { self.event.returnValue=false};</script>2、实现禁止鼠标右键。<script> //网站禁止右键 document.body.oncontextmenu = function() { self.event.returnValue=fals

2020-10-09 11:34:56 868 2

原创页面的加载过程

浏览器加载和渲染html的顺序IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）。如果遇到语义解释性的标签嵌入文件（JS脚本，CSS样式），那么此时IE的下载过程会启用单独连接进行下载。样式表在下载完成后，将和以前下载的所有样式表一起进行解析，解析完成后，将对此前所有元素（含以前已经渲染的）重新进行渲染。JS、CSS中如有重定义，后定义函数将覆盖前定义函数。

2020-10-08 15:03:58 189

原创 HTML页面加载和解析流程

HTML页面加载和解析流程用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回html文件。浏览器开始载入html代码，发现标签内有一个标签引用外部CSS文件。浏览器又发出CSS文件的请求，服务器返回这个CSS文件。浏览器继续载入html中部分的代码，并且CSS文件已经拿到手了，可以开始渲染页面了。浏览器在代码中发现一个标签引用了一张图片，向服务器发出请求。此时浏览器不会等到图片下载完，而是继续渲染后面的代码。服务器返回图片文件，由于

2020-10-08 15:01:46 122

原创如何加快HTMl页面记载速度！

1. 页面减肥：a. 页面的肥瘦是影响加载速度最重要的因素。b. 删除不必要的空格、注释。c. 将inline的script和css移到外部文件。d. 可以使用HTML Tidy来给HTML减肥，还可以使用一些压缩工具来给JavaScript减肥。2. 减少文件数量：a. 减少页面上引用的文件数量可以减少HTTP连接数。b. 许多JavaScript、CSS文件可以合并最好合并，人家财帮子都把自己的JavaScript. functions和Prototype.js合并到一个base.js文件

2020-10-08 14:51:48 126 2

原创 html+css实现自定义图片上传按钮

直接上代码效果图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>自定义图片上传按钮</title> <style> .btn{

2020-10-07 16:10:32 384 1

原创那些总记不住的css,而且还经常用到

那些你总是记不住但又总是要用的css一、设置input 的placeholder的字体样式input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: red;}input::-moz-placeholder { /* Firefox 19+ */ color: red;}input:-ms-input-placeholder { /* IE 10+ */ color: red;}i

2020-10-07 15:35:20 140

原创一行代码全站进入悼念模式

一行代码全站进入悼念模式巧妙使用filter这个强大的CSS属性。直接上代码！html { filter:grayscale(1);}一行代码全站进入暗黑模式。（黑暗模式很难看，不推荐使用 0.0）html { filter: invert(1) hue-rotate(180deg);}写完就溜，拜拜，下次见...

2020-09-18 15:34:15 191

原创 border 虚线边框

border 虚线边框border:1px dashed;就是这么简单了

2020-09-11 15:21:00 14286 1

原创下拉菜单，纯CSS实现

下拉菜单，纯CSS实现简单解释下：只需要设置一个div，然后给他设置两种状态，一种是没有:hover，一种是有:hover。并且在没有:hover的时候设置菜单隐藏就可以了（overflow: hidden;），其余的代码都是简单的盒子模型。话不多说，直接上代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=d

2020-09-01 15:18:24 134

原创 html5canvas实现动态粒子背景

html5canvas实现动态粒子背景什么是 canvascanvas 是 HTML5 新定义的标签，通过使用脚本（通常是 JavaScript）绘制图形。标签只是图形容器，相当于一个画布，canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成，相当于使用画笔在画布上画画。默认情况下，没有边框和内容。默认是一个 300*150 的画布，所以我们创建了之后要对其设置宽高。（圈重点）我们可以通过html属性‘width’，‘height’来设置canvas

2020-09-01 15:01:48 952 2

原创纯css实现手风琴效果

纯css实现手风琴效果话不多说直接上代码（图片的话，自己找几张代替就OK）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>

2020-08-27 09:22:43 130

原创关于js点击元素平滑滚动到页面指定位置的方法

关于js点击元素平滑滚动到页面指定位置的方法HTML  <li class="hover" onclick="tiao('ct1')">点我</li> <li class="hover" onclick="tiao('ct2')">点我</li>  <div style="height: 1000p

2020-08-27 09:14:21 642

原创 input 的submit的按钮样式总结（解决ios样式改变）

input 的submit的按钮样式总结（解决ios样式改变）nput type=button 按钮设置比如颜色和圆角这样样式的时候，会发现在ios和android手机上渲染出来的效果不一样显示效果:android和预期效果是一样的，而ios的颜色是渐变显示的，圆角也相对较大原因：ios在圆角和颜色属性上有默认的按钮渲染方式解决方法：在你的全局样式或者局部样式加入-webkit-appearance:none即可解决input[type="submit"]{ -webkit-app

2020-08-19 16:30:33 2968

原创 PC、移动端公用css

PC、移动端公用css公共样式pc端body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, tab

2020-08-19 16:27:25 346

CodeDoge的博客