Celester_best
码龄6年
  • 50,446
    被访问
  • 72
    原创
  • 27,959
    排名
  • 19
    粉丝
  • 0
    铁粉
关注
提问 私信

个人简介:不断积累,相信自己一定可以!!!

  • 加入CSDN时间: 2016-10-25
博客简介:

Celester_best的博客

查看详细资料
  • 4
    领奖
    总分 519 当月 0
个人成就
  • 获得13次点赞
  • 内容获得7次评论
  • 获得32次收藏
创作历程
  • 30篇
    2022年
  • 21篇
    2021年
  • 2篇
    2018年
  • 4篇
    2017年
  • 18篇
    2016年
成就勋章
TA的专栏
  • Javascript
    6篇
  • Vue
    10篇
  • webpack
    16篇
  • web
    7篇
  • React
    5篇
  • 其他
    2篇
  • Css
    1篇
  • 网络
    4篇
  • Android学习
    14篇
  • Java基础
    12篇
兴趣领域 设置
  • 数据结构与算法
    数据结构
  • 移动开发
    kotlinflutterandroid studio
  • Android
    gradleandroid jetpackrxjava
  • 软件工程
    性能优化
  • 职场和发展
    面试
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

有趣的Javascript题:a为什么时会打印结果

问题:当a等于什么的时候,if条件成立,并打印?初看这道题时一脸懵,a的值居然会随着判断条件不断累加,于是,大脑飞速运转,什么样的数据会随着操作而不断变化呢?思来想去也想不到这样的数据,所以只能利用巧妙方法了。 解答:方法一:利用对象的类型转换解释:a == 1 && a == 2 && a == 3是一个短路逻辑与运算符,表示左边条件成立时才会继续向右判断,否则整个条件都为假。所以a的第一个值必须为1才能继续向右判断 ,由此可知a的值或者说是类型转换后的值是可以自增长的,Javascript中
原创
发布博客 2022.06.23 ·
99 阅读 ·
0 点赞 ·
0 评论

vue中缓存组件keep-alive

keep-alive相关介绍、keep-alive的使用、include和exclude的说明和使用,keep-alive相关的生命周期
原创
发布博客 2022.06.23 ·
58 阅读 ·
0 点赞 ·
0 评论

Vue动态设置img的src不生效的问题

在vue项目中动态设置img的src时,图片会加载失败。我们可以先看个例子。由结果可以看出图片加载失败。查看elements之后会发现,src被当做静态资源处理了,并没有进行编译。 为了解决动态的src没有进行编译的问题,我们可以使用require引入图片。 可以看到使用require引入图片之后,图片就可以正常加载出来了。require是在运行时加载,而import是编译时加载;如果希望使用import引入图片就需要提前导入图片。 另外require和import另外的区别:requir
原创
发布博客 2022.06.21 ·
160 阅读 ·
0 点赞 ·
0 评论

vue的生命周期及父子组件生命周期

本文讲解了vue的生命周期,父子组件涉及的生命周期过程以及created和mouted钩子的区别
原创
发布博客 2022.06.08 ·
123 阅读 ·
2 点赞 ·
0 评论

VUE中data相关的知识点

vue中data的几个知识点:data的重置,组件中的data是函数不能是对象的分析,vue实例中的data可以是对象也可以是函数
原创
发布博客 2022.06.07 ·
166 阅读 ·
0 点赞 ·
0 评论

浏览器中Javascript执行机制学习笔记一

变量提升要理解变量提升,我们先从一小段代码入手: showName() console.log(myname) var myname = '测试' function showName() { console.log('函数showName被执行'); }上面的代码执行之后会是什么结果呢?按照正常的逻辑分析,当执行到第 1 行的时候,由于函数 showName 还没有定义,所以执行应该会报
原创
发布博客 2022.05.14 ·
136 阅读 ·
0 点赞 ·
0 评论

chrome调试工具使用技巧汇总

命令菜单打开命名菜单的快捷键:ctrl+shift+p切换主题输入switch to dark theme,就可以切换成黑色主题;输入switch to light theme就可以切换到白色主题等。截屏Capture area screenshot:对鼠标拖动区域的截屏Capture full size screenshot:对整个屏幕的截屏Capture node screenshot:对node节点的截屏改变调试窗口的位置Dock to bot.
原创
发布博客 2022.05.07 ·
224 阅读 ·
0 点赞 ·
0 评论

浏览器原理学习笔记1-浏览器进程

基础知识:进程和线程进程:进程是一个具有一定独立功能的程序在一个数据集上的一次动态执行的过程,是操作系统进行资源分配和调度的一个独立单位,是应用程序运行的载体,也就是说进程是一个程序的运行实例。程序启动的时候,操作系统会为该程序创建一块内存,用来存放代码、运行中的数据和一个执行任务的主线程,这样的一个运行环境,就叫做一个进程。线程:线程是程序执行中一个单一的顺序控制流程,是程序执行流的最小单元,是处理器调度和分派的基本单位。线程和进程之间的关系:一个进程可以有一个或多
原创
发布博客 2022.04.21 ·
594 阅读 ·
0 点赞 ·
0 评论

Chrome浏览器在开发者工具中如何设置User Agent

在DeVTools界面中点击右侧三个小点 ,在弹出的对话框中选择More tools,接着点击Network conditions选项,操作如下图所示:点击Network conditions选项之后,会出现Network conditions相关界面,找到User agent,取消勾选默认选项:点击Custom...的下拉箭头,选择自己需要的选项之后,刷新界面,界面就会...
原创
发布博客 2022.04.14 ·
3167 阅读 ·
0 点赞 ·
0 评论

粘性定位 position: sticky

经常使用的定位方式是position: relative;position: absolute;position: fixed;很少有用到position: sticky,遇到一个需求是随着页面的滚动,当滚动某个标题位置时,该标题要固定到页面顶部。想到了监听界面滚动等方法实现起来比较复杂,最后才想到粘性定位。感受到粘性定位的强大之后决定记录下来。粘性定位就是当页面滚动到某个元素设置的条件时,该元素就会固定在某个位置不在随页面继续滚动,一直到条件不满足时再继续跟随页面滚动。使用方法:为元素添加p...
原创
发布博客 2022.04.07 ·
234 阅读 ·
0 点赞 ·
0 评论

添加粘性定位之后的效果

发布视频 2022.04.07

不设置粘性定位时的效果

发布视频 2022.04.07

React之JSX学习笔记

关于JSX的3个“大问题”1、JSX的本质是什么,它和JS之间到底是什么样的关系?JSX是模板语法的一种JSX作为react框架的一大特色,它与react本身的运作机制之间存在着千丝万缕 的联系。JSX是如何在Javascript中生效的?JSX会被编译位React.createElement(),React.createElement()将返回一个叫做“React Element”的JS对象。编译是由babel来完成的。babel是一个工具链,主要用于将ECMAScript20
原创
发布博客 2022.03.31 ·
1019 阅读 ·
0 点赞 ·
0 评论

React中Fragment的使用

React中布局代码中return只能返回有一个元素,如果返回多个并列元素时就会报错:解决办法就是在并列元素外层包裹一层父元素,如下所示:export default class Demo extends React.Component { constructor(props) { super(props) this.dataList = [ { name: 'Javascript', desc: 'Javascript...
原创
发布博客 2022.03.28 ·
985 阅读 ·
0 点赞 ·
0 评论

双向绑定和v-model

v-model的简介v-model是一个指令,限制在<input>、<select>、<textarea>、components中使用,实现数据-视图、视图-数据的双向绑定。v-model的使用以及实例体现v-model的双向绑定<template> <div class="hello"> <input v-model="inputData" /> <p>输入的内容为:{{ inputDat
原创
发布博客 2022.03.21 ·
513 阅读 ·
0 点赞 ·
0 评论

安装vue-devTool

因为chrome浏览器受限,不能在线安装devTools插件,只能离线安装。离线安装的方法有如下几种:下载devTools源码devtools下载地址:https://github.com/vuejs/devtools下载之后通过cmd命令进入到文件夹,1、首先输入安装依赖;输入npm install命令2、接着编译输入npm run build命令3、如果第二步成功之后,修改manifest.json文件找到manifest.json文件(shells ->
原创
发布博客 2022.03.20 ·
716 阅读 ·
1 点赞 ·
0 评论

input事件和change事件的区别

今天在监听<input>输入框的内容变化时监听的是change事件,本意是希望输入框内容一发生变化就执行事件监听方法,但是在运行时却发现我在输入框中输入了内容,但是监听事件并没有执行,改用input事件之后才达到了预期。于是,就查看资料了解了change事件和input事件的区别。input事件和change事件的区别input事件:输输入框内容发生改变时就会触发change事件:输入框内容发生改变,并且输入框失去焦点时触发。例如向输入框中输入一长串的内容后按下enter键、点击其他
原创
发布博客 2022.03.19 ·
1020 阅读 ·
1 点赞 ·
0 评论

Tabbed Postman下载地址

Tabbed Postman下载地址:https://github.com/oznu/postman-chrome-extension-legacy
原创
发布博客 2022.03.18 ·
224 阅读 ·
0 点赞 ·
0 评论

创建vue项目

一、检查是否安装nodejs在cmd命令窗口输入命令检查node和npm二、安装淘宝镜像输入npm install -g cnpm --registry=https://registry.npm.taobao.org确认淘宝镜像安装成功三、安装vue在命令行窗口执行cnpm install vue命令四、安装vue-cli在命令行窗口中执行cnpm install -g vue-cli命令五、创建项目执行 vue init webpack 自己的项目...
原创
发布博客 2022.03.17 ·
181 阅读 ·
0 点赞 ·
0 评论

Javascript中this指向问题

普通函数时,this指向window <script> function test() { console.log('=== test this: ', this) } test() const test1 = function () { console.log('===test1 this: ', this) } test1() &
原创
发布博客 2022.03.14 ·
1179 阅读 ·
0 点赞 ·
0 评论
加载更多