摘要: 1.安装命令 vue2.x npm uninstall -g vue-cli vue3.x npm install -g @vue/cli 2.项目初始化 vue2.x 项目初始化命令:vue init <模板名称(webpack比较常用)> [项目名称] vue init webpack proj 阅读全文
posted @ 2023-02-14 14:56 crystal_lemon 阅读(33) 评论(0) 推荐(0)
摘要: 1.HTML代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>第三天练习题五</title> <script src="js/checkCode.js" charset="utf-8"></script 阅读全文
posted @ 2022-10-31 00:12 crystal_lemon 阅读(19) 评论(0) 推荐(0)
摘要: 一、react安装方式 引入方式:script标签引入 1. 可以去react官网去下载,也可以直接使用 BootCDN 的 React CDN 库,地址如下: <script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></scr 阅读全文
posted @ 2022-10-24 13:14 crystal_lemon 阅读(19) 评论(0) 推荐(0)
摘要: vue inheritAttrs官方解释: vue $attrs 适用场景:如果页面存在多层组件嵌套,要把所需要参数从最外层父组件传给底层的组件,则需要层层在组件上绑定参数,并在props中接收参数,并传给下一层级的组件 为解决该问题,只需要在每一层级的组件中,只在props中定义自己需要的数据,并 阅读全文
posted @ 2022-09-22 11:08 crystal_lemon 阅读(54) 评论(0) 推荐(0)
摘要: 利用JavaScript动态加载瀑布流 在未知图片有多少时 每一张图片都加载到已加载图片中的最小高度处,已达到每张图片正常咬合 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>动态加载瀑布流-无限加载瀑布流< 阅读全文
posted @ 2022-08-30 16:10 crystal_lemon 阅读(57) 评论(0) 推荐(0)
摘要: 在JavaScript中为数组提供了一系列的方法,以常见的方法为例进行解释说明: 1.isArray()方法:判断变量是否为数组 是数组返回true 否则返回false 语法:Array.isArray();固定用法,只能由Array对象调用 eg:var arr=[]; Array.isArray 阅读全文
posted @ 2022-08-15 20:45 crystal_lemon 阅读(43) 评论(0) 推荐(0)
摘要: JavaScript中的字符串 一.在JavaScript当中字符串有两种定义方式 1)单引号或者双引号引起来的零个或者多个字符内容,包括大小写英文字符,汉字,数字,各类符号等等; 2)用JavaScript中的String字符串对象定义:eg:var str=new String('hello w 阅读全文
posted @ 2022-08-15 10:39 crystal_lemon 阅读(44) 评论(0) 推荐(0)
摘要: 前言 开发环境为vue3.x+AntDesign,基于AntDesign中的upload组件封装,因为有时文件上传不仅仅需要图片,类似本次工作中遇到上传的文件有可能是图片、world、pdf等; 实现思路:将upload再次封装,根据文件的type、name后缀判断当前文件的类型,图片、视频支持预览 阅读全文
posted @ 2022-08-04 13:44 crystal_lemon 阅读(285) 评论(0) 推荐(0)
摘要: 以js中的对象Object为数据容器,模拟动态的论坛页面: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <link rel="stylesheet" href="../css/initialize.css"/> <ti 阅读全文
posted @ 2022-07-29 14:48 crystal_lemon 阅读(19) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>放大镜案例</title> <style type="text/css"> body{ margin: 0; padding: 0; } .box{ width 阅读全文
posted @ 2022-03-27 15:16 crystal_lemon 阅读(5) 评论(0) 推荐(0)