前端开发
-
class myPromise{ constructor(fn){ this.statusObj = { PENDING:"PENDING", RESOLVED:"RESOLVED", REJECTED:"REJECTED", } this.value = null;//传递给then方法的value值 this.status = this.status
2024-12-02 -
Micro-app 框架 1、框架安装 npm i @micro-zoe/micro-app --save 2、子应用对应的view页面 <template> <div> <!-- name(必传)：应用名称 url(必传)：应用地址，会被自动补全为http://localhost:3000/index.html baseroute(可选)：基座应用分配给子应用的基础路由，就是上面的 `/my-page` --> <mic
2024-12-02 -
先来看一下效果！ 办法挺简单的，就是用一个开源组件！ 拿走不谢！ 1.先更新组件 npm install -D react-json-view 2.在导入组件 import ReactJson from 'react-json-view' 3.应用组件 var jsonStr = {"userName": "tiu","userAge": 26,"isMale": true}; const contentt = ( <ReactJson src={jsonStr} name
2024-12-02 -
先说个前序,有多少人把scoped写成scope的… 原理: 在 vue 去编译组件的时候，如果当前 style 标签上有 scoped 属性，那么就会为当前组件所有标签(若有子组件,则会在子组件最外层标签)添加上一个 data-v-hash 的属性，而当前样式表的所有尾部选择器后面也会加上该属性，那么就使得当前组件内的样式只作用域当前组件内的元素。 通过 PostCSS 实现以下转换 <template> <div class="test">hello</div> </template>
2024-12-02 -
在Shell中，特殊变量$?表示上一条命令的退出状态。 如果该值为0，则表示上一条命令执行成功； 非0值则表示上一条命令执行失败 示例代码 command if [ $? -eq 0 ]; then echo "上一条命令执行成功" else echo "上一条命令执行失败" fi
2024-12-02 -
常用标签 列表标签 无序列表 <ul>标签用于定义无序列表。 type的取值： circle：空心圆点disc：实心圆点 (默认)square：实心方块 <ul> <li>水浒传</li> <li>西游记</li> <li>红楼梦</li> <li>三国演义</li> </ul> 有序列表 <ol>标签用于定义有序列表。 属性值描述reversedreversed规定列表顺序为降序。(9, 8, 7, …)startnumbe
2024-12-02 -
1.如何在 ES5 环境下 实现 let 实际上主要的区别在于，var 声明的变量由于不存在块级作用域所以可以在全局环境中调用，而 let 声明的变量由于存在块级作用域所以不能在全局环境中调用。 function(){ for(var i = 0; i < 5; i ++){ console.log(i); // 0 1 2 3 4 } }() console.log(i); // Uncaught ReferenceError: i is not defined 2
2024-12-02 -
简介 本文以vue2.x框架作为分析，简单记录整个源码编译的过程。https://zhuanlan.zhihu.com/p/552685329 源码目录 src ├── compiler # 编译相关 ├── core # 核心代码 ├── platforms # 不同平台的支持 ├── server # 服务端渲染 ├── sfc # .vue 文件解析 ├── shared # 共
2024-12-02 -
展示视频 影院运行视频 功能点与技术点 前台： 用户注册登录，身份证实名(调用身份证识别接口，完成实名注册) 我的订单，收藏夹，影片评论，影片展示 后台： 影片管理（影片上传，下架) 影片类别管理，影片销售额统计（销售视图)，订单管理，用户管理 ,评论管理(发送邮件致谢) 数据采用ajax请求，json回传。 前端界面 <script type="text/javascript"> var price =0; price=$("#
2024-12-02 -
新建一个html文件： 我要给body添加一些样式，就在head元素上挂载一个style元素。 然后，写样式表： 效果： 这样的话，我们就可以看到body部分了。现在，我给body添加一点padding。 页面上看不出区别，让我们打开F12，看一下现在的body变成了什么样子。 示意图： 从图中可以看出，body元素分为三层，最里面的一层，就是520 x 500的那部分，这个叫做内部真实空间，也就是说，你可以在里面添加其他元素，比如div元素，p元素，a元素等等。然后中间的一层就是
2024-12-02