Javan的个人主页 - 赞过 - web秀

Javan

专注于前端知识分享

5年前

uni-app: 多种组合天气，如何制作不同的场景

uni-app: 多种组合天气，如何制作不同的场景

通过本章节你能学到那些？1、moment.js使用（分白天和夜晚2种场景）2、indexOf（根据天气字段分割成多种天气场景）3、vue组件（组件传值等）4、css3（动画，绘制云朵、落雪等）moment.js使用（分白天和夜晚2种场景）moment.js详细使用教程：moment.js日期时间管理的常用方法详细教程这里我们只需要获取当前时间，是白天还是夜晚就可以了，所以可以很简单的处理(获取当前小时，判断所处范围即可)：dayOrNight(){lethour=moment().hour();//白天i

555155 3693 0

2年前

Vue3入门指南，10s快速构建一个Vue3项目

Vue3入门指南，10s快速构建一个Vue3项目

截止至2022年2月7日，Vue3已成为新的默认版本，新老用户请先阅读下方全新的Vue版本一节，以了解默认版本带来的注意事项！全新的Vue版本Vue3被指定为默认版本之后，有一些注意事项需要留意：使用Vue3在npm的vue版本主页上面，会看到当前已使用3.2.30作为默认latest版本（也就是运行npmivue默认会安装Vue3了，无需再通过指定next版本）。包括vue-router、vuex、vue-loader和@vue/test-utils等相关的生态，同样不需要指定next版本了，都配合Vu

545965 3272 0

3年前

如何实现两栏布局，右侧自适应？三栏布局中间自适应呢？

如何实现两栏布局，右侧自适应？三栏布局中间自适应呢？

如何实现两栏布局，右侧自适应？三栏布局中间自适应呢？一、背景在日常布局中，无论是两栏布局还是三栏布局，使用的频率都非常高两栏布局两栏布局实现效果就是将页面分割成左右宽度不等的两列，宽度较小的列设置为固定宽度，剩余宽度由另一列撑满，比如AntDesign文档，蓝色区域为主要内容布局容器，侧边栏为次要内容布局容器这里称宽度较小的列父元素为次要布局容器，宽度较大的列父元素为主要布局容器这种布局适用于内容上具有明显主次关系的网页三栏布局三栏布局按照左中右的顺序进行排列，通常中间列最宽，左右两列次之大家最常见的就是

545783 3267 0

2年前

Vue3 $emit指南--包含选项API、组合API以及 setup 语法糖

Vue3 $emit指南--包含选项API、组合API以及 setup 语法糖

许多Vue模式涉及使用props将数据从父组件传递到子组件。但如果我们需要一个子组件将数据传给它的父组件呢？使用emit，我们可以触发事件并将数据传递到组件的层次结构中。这对下面几种情况很有用，如：从input中发出数据从modal本身内部关闭modal父组件响应子组件VueEmit是如何工作的？当我们emit一个事件时，我

545781 3364 0

5年前

Todo List: 新增编辑任务，localStorage + Vuex实现本地存储 - 第二章

Todo List: 新增编辑任务，localStorage + Vuex实现本地存储 - 第二章

前言在第一章中，我们的TodoList已经初现锥形，本章节我们对页面优化，同时让数据实现本地存储。主要用到localStorage+Vuex来实现页面交互和存储功能。本次《todolist:Vue待办事项任务管理》，分为一下章节，有兴趣的同学可以持续关注。第一章:初识（项目搭建、基本功能组件实现）第二章:数据动态化处理（localStorage+Vuex），可新增，可编辑第三章：待办事项自定义分组第四章：待办事项添加描述图片等信息第五章：可线上操作，入库Mysql第六章：多人协同处理待办事项，权限管理第七

556227 3782 0

3年前

说说你对闭包的理解？闭包使用场景

说说你对闭包的理解？闭包使用场景

说说你对闭包的理解？闭包使用场景一、是什么一个函数和对其周围状态（lexicalenvironment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）也就是说，闭包让你可以在一个内层函数中访问到其外层函数的作用域在JavaScript中，每当创建一个函数，闭包就会在函数创建的同时被创建出来，作为函数内部与外部连接起来的一座桥梁下面给出一个简单的例子functioninit(){varname="Mozilla";//name是一个被init创建的局部变量funct

545619 3283 0

2年前

说说你对 TypeScript 的理解？与 JavaScript 的区别？

说说你对 TypeScript 的理解？与 JavaScript 的区别？

#面试官：说说你对TypeScript的理解？与JavaScript的区别？#一、是什么TypeScript是JavaScript的类型的超集，支持ES6语法，支持面向对象编程的概念，如类、接口、继承、泛型等超集，不得不说另外一个概念，子集，怎么理解这两个呢，举个例子，如果一个集合A里面的的所有元素集合B里面都存在，那么我们可以理解集合B是集合A的超集，集合A为集合B的子集其是一种静态类型检查的语言，提供了类型注解，在代码编译阶段就可以检查出数据类型的错误同时扩展了JavaScript的语法，所以任何现有

545841 3222 0

6年前

如何将你封装的组件使用 npm 发布

如何将你封装的组件使用 npm 发布

前言我们开发的之后期望的结果是支持import、require或者直接使用script标签的形式引入，就像这样：import$from"jquery";完成组件的开发完成组件开发后1、修改webpack.config.js这个文件//...此处省略代码module.exports={entry:'./src/main.js',output:{//修改打包出口，在最外级目录打包出一个index.js文件，我们import默认会指向这个文件path:path.resolve(__dirname,'./dist

558482 3285 0

2年前

说说 React中的setState执行机制

说说 React中的setState执行机制

#面试官：说说React中的setState执行机制#一、是什么一个组件的显示形态可以由数据状态和外部参数所决定，而数据状态就是state当需要修改里面的值的状态需要通过调用setState来改变，从而达到更新组件内部数据的作用如下例子：importReact,{Component}from'react'exportdefaultclassAppextendsComponent{constructor(props){super(props);this.state={message:"HelloWorld"

545403 3311 0

zxg_神说要有光

2年前

nodejs 如何实现控制台打印高亮代码

nodejs 如何实现控制台打印高亮代码

当代码运行报错时，我们会打印错误，错误中有堆栈信息，可以定位到对应的代码位置。但有的时候我们希望能够更直接准确的打印报错位置的代码。比如这样：这个可以使用@babel/code-frames来做到：const{codeFrameColumns}=require('@babel/code-frame');constres=codeFrameColumns(code,{start:{line:2,column:1},end:{line:3,column:5},},{highlightCode:true,mes

546170 3355 0

猜你喜欢

换一换

最新文章