自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(58)
  • 收藏
  • 关注

原创 移动端h5滑动切换幻灯片

移动端h5滑动切换

2024-02-27 15:50:21 277

原创 滑动页面修改透明度实现整屏切换,限制请求并发

下载文本内容并保存成txt到本地;前端限制请求并发数;滑动页面通过修改透明度实现画面切换,实现渐入渐出;serviceWorker的实现方法记录

2024-02-26 10:19:15 203

原创 html5移动端适配;检测浏览器信息函数

移动端的适配规则函数;以及浏览器信息检测,可以根据获取到的浏览器信息按需处理

2024-02-17 19:55:33 592

原创 批量给元素添加进场动画;获取文本光标位置;项目国际化

批量给元素添加进场动画——IntersectionObserver交叉观察器的使用;使用scrollIntoView时,滚动位置设为center后页面会向上移动的问题;获取和设置输入过程中光标的位置;vue项目的国际化流程

2024-02-17 19:52:09 1184

原创 vue3:codepen上生成的动效代码/ 前端生成统计图(echarts包)

vue3组合式api+ts使用codepen生成的代码;安装echarts包生成图标

2023-03-24 17:56:16 610 1

原创 前端环境搭建问题报错

主要是mac搭建前端环境以及安装chrome插件时候遇见的几个错误

2023-03-13 11:33:28 643

原创 js红宝书学习笔记(1-6章)

最近在看JS红宝书 随手记一些笔记~

2023-02-27 15:28:57 705 1

原创 子组件实时更新、通用搜索函数、组件递归

子组件实时更新的两种方法;组件递归渲染;通用搜索函数;获取元素相对页面的位置

2023-02-18 20:02:45 630

原创 文字渐变 输入框失去焦点保存 数组常用方法

文字渐变 输入框失去焦点保存 数组常用方法

2022-09-09 11:18:20 437

原创 scss基础

只是觉得记个笔记比较印象深刻,其实去官网看最好了。写的也大部分都是官网上的东西,官网总结的已经很清晰了。只是提炼一下,便于以后查看

2022-09-08 22:06:34 3356

原创 google授权第三方登录,.? 和 ??的用法以及一些css的小问题

google授权第三方登录,.? 和 ??的用法以及一些css的小问题

2022-08-27 20:47:38 425

原创 隔代获取dom,多个commit合并成一个,计算属性完整写法

隔代获取dom,多个commit合并成一个,计算属性完整写法

2022-08-21 22:32:05 256

原创 本周的error记录

文本框自动获取焦点并全选所有内容,隐藏图片的一点点边框,提交gerrit失败,提示—(change xxx closed)

2022-08-14 21:48:50 212

原创 本周遇到的一些问题记录

字号变化,双击元素出现input,用css改文本,元素吸附,文字描边

2022-07-31 21:14:56 681

原创 本周遇到的一些问题整理,有些未完全解决,留在下周写

点击组件其他位置,关闭下拉菜单; 过滤器的复习; sticky定位失效问题等

2022-07-24 22:58:11 397

原创 一周问题以及解决方案

一周项目总结 包括css以及页面刷新问题

2022-07-08 20:08:51 435

原创 css中常用:获取元素样式;下拉菜单手风琴效果等;gerrit代码提交失败,miss change-Id(文末)

常见需求的解决方法,思路,git提交问题的解决,项目运行的问题等

2022-06-26 20:42:46 685

原创 git的一些基础与常用命令

讲解了git的基础和简单且常用的几个命令

2022-06-18 16:34:49 341

原创 原型和原型链,写的时候我把我自己讲懂了,分享给你们,希望你们也能懂~

首先,我们要明确在JS中,引用类型只有Object。**也就是说Array、Function、Object等都可以称为对象。**但是想想我们使用一个构造函数的场景:function Parent(name) { this.name = name;}var p = new Parent('zs');是不是觉得很熟悉呢,当我们创建一个数组、函数、对象的时候,是不是也使用的这种语法?let arr = new Array()var sum = new Function("num1,num2"

2022-05-12 18:21:14 253

原创 ES6-11一些新特性

ECMAScript6从ES6开始,每年发布一个版本,版本号比年份最后一位大1。ES6就是ES20151.let:声明变量变量不能重复声明(var可以重复声明)块级作用域,变量只在{}代码块里面有效。(全局作用域、函数作用域、块级作用域eval)不存在变量提升(在声明前使用报错,var有变量提升)虽然是块级作用域,但是不影响作用域链//遍历并绑定事件for(let i = 0;i<items.length;i++){ items[i].onclick = function(){

2022-05-12 12:07:26 203

原创 js高级的复习(闭包和原型链后面会出详细的)

JS高级基础总结基本类型:String Number Boolean undefined null引用类型:Object 任意对象 Function Array(函数和数组都是一种特别的对象)判断:typeof 返回值是字符串,表示类型的小写字符串。不能判断null和object object和array=:只有undefined和null可以用全等判断 如 undefined=undefined,因为他们都只有一个值。instanceof 判断对象的具体类型,前

2022-05-11 18:40:30 122

原创 js基础复习2

内建对象:Array:数组也是一个对象,和普通对象功能类似,用来存储一些值。不同的是普通对象使用字符串做属性名,数组使用数字做index索引操作元素。读取元素:数组[索引]读取不存在的索引,不报错,返回undefined。长度:arr.length(),接收返回值,得到连续数组的数组长度。非连续的数组能获取到数组的最大索引+1。也可以用arr.length(num),设定数组长度为num。还有使用arr[arr.length]=num;可以总是在数组最后的位置添加元素创建数组:var

2022-05-08 11:05:04 108

原创 二分法和双指针(一点点)

这几天在写论文,没有大块的时间来做项目,就一边修修改改毕设一边写论文,顺便一天刷几道算法题。(力扣上面的算法入门内容)二分法1.给定一个 n 个元素有序的(升序)整型数组 nums 和一个目标值 target ,写一个函数搜索 nums 中的 target,如果目标值存在返回下标,否则返回 -1。我的思路:一开始看到这个第一想法就是数组的filter方法。filter函数的参数为callback回调函数,函数的参数element:数组中当前正在处理的元素。index可选:正在处理的元素

2022-05-05 21:34:39 187

原创 这几天写算法题用到了一些js的方法,复习一下js,复习总能学到新东西

js中五种基本数据类型:Number String Boolean Null Undefined 还有一个Object数据类型null专门用来表示空对象,typeof null 返回的就是一个object对象类型undefined 声明变量但是不给变量赋值时,值就是undefined typeof undefined返回值也是undefined强制类型转换其他数据类型转成字符串调用被转换数据类型的toString方法。如a.toString(),不改变原值,只将结果返回nu

2022-05-05 19:12:23 442

原创 阻抗计算网站收尾+小程序1.1.0版本修改

调整的时候发现了两个问题:复用性的问题,就是css样式的复用;计算的问题,我想起微信小程序里面当时也是计算出了问题;以及小程序的一些用户体验的改进

2022-04-28 15:28:35 111

原创 vue2+elementUI重构特性阻抗计算网站

我前面因为毕业设计写过一个计算微波射频方面特性阻抗的网页,但是那时候还没学vue,加上当时得知jQuery被废弃了,就只用了原生js写的,代码很冗杂。虽然确实也分了模块,但是还是觉得不够优雅,再加上没找到好看的logo,自己去ppt里面用艺术字做了一个,白色太亮了,仅次一级的颜色我选了个蓝色,然后截图,为了不让它被看出来,body 的颜色也选了蓝色,总之就是比较丑陋,不知道为什么当时竟然觉得很特别。下面放张原图看一下。后面接触了vue,我就想一定要找时间把它重构了。后面学完了vue,还了解了一些组件库,

2022-04-26 21:27:15 281

原创 nodejs案例coderhub在实现过程中的error

最近做了一个类似于论坛的项目,主要就是nodejs和mysql的使用。记录一下项目中遇到的问题和思路,这篇文章专门讲遇到的error、错误以及解决措施SyntaxError: await is only valid in async function场景是这样的:(具体逻辑就不写了,太多了写出来很乱,反而找不到重点)const verifyUser=(*ctx*,*next*)*=>*{ //拿到用户名和密码 //判断用户名和密码不为空 //判断注册的用户名是否被注册过 aw

2022-04-25 21:45:29 3449

原创 coderhub网站项目逻辑梳理

我认为做一个项目,首先我们要明确需求,然后就是分析结构、规划项目,把功能的关系想清楚才可以开始。​ 所以首先我们理一下项目思路:我们制作的coderhub是一个类似于个人博客的网站。这就需要几个基本功能:登录(注册)发表动态/查看动态评论动态/评论给动态添加标签上传头像/文件通过上面可以看出,登录功能一定是最先需要的那个,所以首先我们需要实现登录功能。还要介绍一点点东西,方便我们把代码写的优雅:在 Node.js 中,中间件主要是指封装所有 Http 请求细节处理的方法。一次

2022-04-24 23:39:59 807

原创 学习了koa中间键还有MySQL的一些简单用法,用来为后面的案例做铺垫

Koa框架安装包,导出的是一个类,所以首字母大写 const Koa = require('koa')koa通过创建的app对象,注册中间件只能通过use方法∶const app = Koa(); app.use();Koa并没有提供methods的方式来注册中间件;也没有提供path中间件来匹配路径;也不可以连续注册koa中路由的使用安装库,koa-router。const Router = require('koa-router')const router = new Router({pr

2022-04-21 21:10:48 683

原创 node的一些模块,中间件等的介绍,还了解了queueMicrotask()这个函数与nextTick在事件处理顺序中的区别

Buffer计算机中所有的内容∶文字、数字、图片、音频、视频最终都会使用二进制来表示。JavaScript可以直接去处理非常直观的数据︰比如字符串,我们通常展示给用户的也是这些内容。事实上在网页端,图片我们一直是交给浏览器来处理的;JavaScript或者HTML,只是负责告诉浏览器一个图片的地址;浏览器负责获取这个图片,并且最终讲这个图片渲染出来。但是对于服务器来说是不一样的:服务器要处理的本地文件类型相对较多;比如某一个保存文本的文件并不是使用utf-8进行编码的,而是用GBK,那么我们必

2022-04-20 21:34:46 535

原创 nodejs一些原理、内置模块;包管理工具的一些基本内容

浏览器工作流程浏览器内核指的是浏览器的排版引擎,也称为浏览器引擎、页面渲染引擎或样板引擎。​ 在这个执行过程中,HTML解析的时候遇到了JavaScript标签,会停止解析HTML,而去加载和执行JavaScript代码;当然,为什么不直接异步去加载执行JavaScript代码,而要在这里停止掉呢?这是因为JavaScript代码可以操作我们的DOM ;所以浏览器希望将HTML解析的DOM和JavaScript操作之后的DOM放到一起来生成最终的DOM树,而不是频繁的去生成新的DOM树。为什么需要J

2022-04-19 21:01:33 302

原创 js中的事件执行顺序梳理

js的事件执行顺序梳理

2022-04-18 21:42:38 8148

原创 nodejs知识总结 总感觉有点懵,不知道在哪里用,可能还需要做个项目

`命令行工具常用指令dir——列出当前目录下的所有文件cd 目录名 ——进入到指定的目录md 目录名 ——创建一个文件夹rd 目录名 —— 删除一个文件夹目录. 当前目录(省略了/)… 上一级目录环境变量path: 都是路径,配置常用的东西,可以直接在命令行窗口里任意位置打开里面的文件。当我们在命令行窗口打开一个文件,或调用一个程序时,系统会首先在当前目录下寻找文件程序,如果找到了则直接打开如果没有找到则会依次到环该变量path的路径中寻找,直到找到,没找到就报

2022-04-18 19:41:57 273

原创 vue2与vue3对比

创建实例vue2 :引入vue构造函数,主要依靠render( (creatElement) => {})创建app实例对象//引入vueimport Vue from 'vue'//引入Appimport App from './App.vue'//创建vmnew Vue({ el:'#app', render: *h* *=>* h(App), router:router})//.$mount('#app')vue3:按需引入,直接用引入的creat

2022-04-17 20:55:07 2463

原创 vue3的部分新增API与其他的一些常用到的改变

toRef作用:创建一个ref对象,其value值指向另一个对象中的某个属性。新的ref 把传来的reactive的源数据地址拿过来 ,指向的地方换成指定的语法:const name = toRef(person , " name " ) const name = toRef(person.job.j1 , " salary" )为什么不能用ref:ref的本质是拷贝,与原始数据无关联。toRef的本质是引用,与原始数据有关联。用ref等于生成新数据,那么它改变的时候原始数据是不变的应用场景:要

2022-04-16 16:41:44 226

原创 今天开始学vue3啦~~主要是写一些新增和与vue2的差别。后面会专门出一篇vue2和3的一些对比

主要写了vue3的部分新增方法等,就是对vue3的一个初步学习

2022-04-15 20:59:56 161

原创 今天主要学习vue2的路由,并且包含一点昨天的vuex的收尾内容

Vuex的一些函数mapState:帮助生成映射代码借助**mapState可以从state**中读取数据,生成计算属性,函数返回值为一个对象对象写法:...mapState({ add: 'sum', name: 'name', subject: 'subject' })这个不能简写,因为{name}简写的意思是,有一个name属性,它的值为name变量。而这个表示一个返回值,是个字符串,这样简写会报错,说subject未定义数组写法:...mapState(['sum', 'name',

2022-04-14 21:20:43 154

原创 今天学习了vue动画的一些写法还有跨域请求的解决以及插槽

过渡与动画需要css写一点,来回都一样的动画,直接用reverse反转就可以,不用写两遍用transition标签包裹要实现动画效果的标签,进入动画命名:.v-enter-active,离开.v-leave-active。这样插入、更新或移除DOM元素时,vue就可以自动控制了。如果给transition标签起了name名字,那么动画命名就是.name-enter-active,.name-leave-active:元素进入的样式:v-enter:进入的起点v-enter-active:进入

2022-04-13 20:02:53 100

原创 今天通过一个todolist的案例,兼顾了很多学过的知识点

todolist案例写案例的流程:拆分组件,想清楚分多少部分(按照功能点拆分),每个部分控制的功能,实现静态组件展示动态效果,考虑存放位置,使用情况:一个组件用,放在自身多个组件在用,放在他们共同的父组件身上(状态提升)进行交互点击勾选和取消勾选,两种实现方式:给点击事件绑定处理函数并传id。@click=“handeleCheck(todo.id)”也可以绑定change事件。@change=“handeleCheck(todo.id)”<input

2022-04-12 21:14:25 321

原创 今天主要学习vue的一些原理,尤其是vueComponent与Vue的关系,个人觉得值得反复回味,很巧妙

生命周期函数(四对,创建、挂载、更新、销毁)生命周期函数名字不可更改,逻辑可自己填写。它的this指向vm或组件对象实例mounted:与methods和data平级,Vue完成模板的解析并把初始的真实DOM元素放入页面后调用mounted常用的生命周期钩子:mounted: 发送ajax请求、启动定时器、绑定自定义事件、订阅消息等初始化操作。beforeDestroy: 清除定时器、解绑自定义事件、取消订阅消息等收尾工作。关于销毁Vue实例:销毁后借助Vue开发者工具看不到

2022-04-11 20:51:00 356

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除