- 博客(46)
- 收藏
- 关注
RSS订阅原创 数据大屏vue3+ts+axios+MockJS+dataV+echarts
一、官网/文档vue3：https://cn.vuejs.org/api/TypeScript：https://www.tslang.cn/docs/handbook/basic-types.htmlaxios：http://www.axios-js.com/zh-cn/docs/MockJS：http://mockjs.com/dataV：http://datav.jiaminghi.com/guide/echarts：https://echarts.apache.org/handbook/
2024-05-21 16:22:46
1961
原创 axios使用
Axios是一个基于promise的HTTP库 ，可以用在浏览器和node中CSRF（有时也称为XSRF）是一类相关的攻击。攻击者使用户的浏览器在用户不知情的情况下向网站的后端发送请求。攻击者可以使用XSS载荷发起CSRF攻击。
2024-04-24 14:22:30
1211
原创 vue3项目创建权限问题解决以及淘宝镜像过期解决
设备是：MacBook并非Windows环境近期使用vite创建vue3项目，发现要么一直卡着要么失败。用命令行创建也是一直卡着。由于是在做对比类的，还有vue2的，所以先建vue2的用命令行建vue2的，报错发现有两个问题。解决完这些问题后再去用vite创建项目就正常了，所以可以推断之前vue3项目创建问题也是因为他俩╭(╯^╰)╮真是无语😒。
2024-02-01 21:23:28
812
原创 Object.defineProperty()
下面的例子展示了如何实现一个自存档对象。当设置 temperature 属性时，archive 数组会收到日志条目。get() {");},},});// 'get!下面这个例子中，getter 总是会返回一个相同的值。get() {return "我总是返回这个字符串，无论你的赋值是什么";},set() {this.myname = "这是我名称的字符串";},// 我总是返回这个字符串，无论你的赋值是什么// 这是我名称的字符串。
2024-01-26 16:46:10
1338
原创 mockjs使用（2）
数据模板 options 可以在调用 Mock.xtpl(input, options, helpers, partials) 时传入，也可以在 HTML 模板中通过 HTML 注释配置（为了避免侵入现有的代码和开发模式），格式为。时传入，也可以在 HTML 模板中通过 HTML 注释配置（为了避免侵入现有的代码和开发模式），格式为。下面的 2 个示例演示了通过 HTML 注释配置数据模板的两种方式：集中配置、分散配置。中，扩展时可从中获取 URL 对应的数据模板，进而生成和响应模拟数据。
2024-01-19 18:13:20
1155
原创 mockjs使用（1）
/ 属性名 name / / 生成规则 rule / / 属性值 value 'name|rule' : value占位符 只是在属性值字符串中占个位置，并不出现在最终的属性值中。@占位符@占位符(参数 [, 参数])用 @ 来标识其后的字符串是 占位符。占位符 引用的是 Mock.Random 中的方法。通过 Mock.Random.extend() 来扩展自定义占位符。占位符 也可以引用 数据模板 中的属性。占位符 会优先引用 数据模板 中的属性。
2024-01-16 17:37:58
1244
原创 flex布局（3）
默认主轴方向row，项目在主轴上的排列spsce-between(两端对齐)，项目在交叉轴上排列flex-end。默认主轴方向row，项目在主轴上的排列spsce-between(两端对齐)，项目在交叉轴上排列center。主轴方向为column，主轴上项目排列为space-between，在交叉轴上居中center。主轴方向为column，主轴上项目排列为space-between，在交叉轴上flex-end。默认主轴方向row，项目在主轴上的排列space-between（两端对齐）
2024-01-09 22:25:08
1372
原创 flex布局（2）
这样的话，所有的布局方法都可以使用这些属性。你可以使用Flexbox弹性布局作为Grid网格布局的后备方案，因为在较旧的浏览器中对Flexbox弹性布局有更好的支持。根据经验，如果要为flex items添加宽度，以便使包装的flex容器的一行中的项目与上面的项目对齐，那么确实需要二维布局。一个微小的组件可以是二维的，而一个大的布局可以用一维的布局更好地表示。我的理解是不同的语言写作习惯是不一样的，例如我们常用到或者涉及到的中英文都是从左往右的，但是阿拉伯文、希伯来文、波斯文这些都是从右往左写的。
2024-01-09 16:04:19
1139
原创 flex布局（1）
布局的传统解决方案，基于盒子模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，现在就能很安全地使用这项功能。
2024-01-06 00:45:21
1045
原创 uniapp路由
url有长度限制，太长的字符串会传递失败，可改用窗体通信、全局变量，另外参数中出现空格等特殊字符时需要对参数进行编码，如下为使用encodeURIComponent对参数进行编码的示例。url有长度限制，太长的字符串会传递失败，可使用窗体通信、全局变量，或encodeURIComponent等多种方式解决，如下为encodeURIComponent示例。保留当前页面，跳转到应用内的某个页面，使用。关闭当前页面，跳转到应用内的某个页面。关闭所有页面，打开到应用内的某个页面。//打印出上个页面传递的参数。
2023-12-29 17:07:43
5726
原创 uniapp创建/运行/发布项目
运行App到手机或模拟器：使用电压足够的usb端口连接手机，设置中开启USB调试，手机上允许电脑设备调试手机，进入hello-uniapp项目，点击工具栏的运行 -> 运行App到手机或模拟器，即可在该设备里面体验uni-app。在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具，即可在微信开发者工具里面体验uni-app。点击工具栏的运行 -> 运行到小程序模拟器 -> 运行设置，配置相应小程序开发者工具的路径。
2023-12-25 21:26:19
9056
1
原创 vue创建项目
淘宝 NPM 镜像是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。Vite 是一个 web 开发构建工具，由于其原生 ES 模块导入方式，可以实现闪电般的冷服务器启动。我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用。命令执行完输入账号密码，敷一下权限，输密码的时候不会动的，输完回车就行了。由于 npm 安装速度慢，这里用的是淘宝的镜像及其命令 cnpm。这个一定要配好的撒，不然后面报错报的你哭爹喊娘。
2023-12-19 17:41:41
1335
原创 字符雨canvas
可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
2023-12-12 16:46:53
983
原创 数字转金额大写js方法三
reverse()方法用于颠倒数组中元素的顺序。replace()方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。
2023-12-06 14:56:41
615
2
原创 数字转金额大写js方法二
splice()方法用于添加或删除数组中的元素。注意：这种方法会改变原始数组。join() 方法用于把数组中的所有元素转换一个字符串。元素是通过指定的分隔符进行分隔的。
2023-12-05 17:56:25
451
原创 vxe-table合并单元格
主要就是因为我们平时都是在渲染数据所以下意识第一反应就是从行的角度去想然后再去从行的角度去包裹列就会发现 嗯？跳出行的思维去想列才是正确的，因为列才是页面上真正固定不变的内容。事实上基本所有的表格插件的合并单元格都是一样的代码。不要把自己绕进去，这块儿很容易把自己想绕进去。这样想的话下面的代码就很好理解了。要用表格合并单元格的话也很简单。声明方法，箭头函数走一波。
2023-11-30 17:45:40
1833
原创 vue自我理解
Router是道路管理系统、route是里面的每条街道。里面的哪些页面可以看做是这座城市的建筑。的架构就相当于这座城市的整体大地基。就是是不是贴了隐形壁纸让大家看不着。Vuex就是街道办事处之类的存在。把一个vue项目看做一个城市。是办事处里面的纸张 记录状态。就是机器会不会循环建筑一顿楼。就是建这栋楼的时候会不会建。$route 每条街道。$router 红绿灯。
2023-11-20 21:32:10
65
1
原创 css动画 浮动音浪
设置css变量是为了后面不同的盒子里面小球的移动速度不同。敲定盒子的时候的一些基本处理：宽高、边框、圆角。给外面的盒子添加一些阴影使得小球更加突出。小球基本样式以及动画添加。第一步先搞定外面的盒子。
2023-11-13 16:16:56
232
原创 记录一些实现
请补全JavaScript函数，要求将第二个参数插入第一个参数数组的头部，并且以数组的形式返回。请补全JavaScript函数，要求以数字的形式返回第一个参数数组中第二个参数所在的首个索引值。请补全JavaScript函数，要求将第二个参数插入第一个参数数组的尾部，并且以数。不要直接修改数组 arr，结果返回新的数组。//在数组 arr 中，查找值与 item 相等的元素出现的所有位置。要求以数字的形式返回数字参数向下取整的结果。注意：如果数组中不存在目标值，则返回-1。注意：不要直接修改数组 arr!
2023-11-07 10:34:51
53
原创 文字逐渐显示
text-align;#mainwidth;display;;padding;rgb;text-align;</</</</let"先帝创业未半而中道崩殂，今天下三分，益州疲弊，此诚危急存亡之秋也。然侍卫之臣不懈于内，忠志之士忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气，不宜妄自菲薄，引喻失义，以塞忠谏之路也。\n\n宫中府中，俱为一体，陟罚臧否，不宜异同。
2023-10-26 17:17:36
438
1
原创 ES6中Map
注意，持有原始对象引用的映射实际上意味着对象不能被垃圾回收，这可能会导致意外的内存问题。如果希望存储在 map 中的对象具有与原始对象相同的生命周期，请考虑使用。中将其用作分组键，则必须在对象改变时维护原始对象和其表示之间的映射。首先，定义一个包含代表各种食品库存的对象的数组。更改元素的内部结构将反映在原始可迭代对象和返回的 Map 中。因为即使对象被修改，它仍将作为返回的 Map 的键继续工作。的键是有序的，但情况并非总是如此，并且其排序比较复杂的。这是一种非常简洁的访问函数中相关元素的值的方式。
2023-10-24 22:48:28
215
原创 for in与for of 区别
Set 对象存储的值总是唯一的，所以需要判断两个值是否恒等。Set 中 toString 方法是不能将 Set 转换成 String的。遍历对象属性名时，会遵循特定的顺序（例如按照创建顺序），但这个。主要遍历可迭代对象（如数组、字符串、Map、Set等）任何类型的唯一值，无论是原始值或者是对象引用。主要遍历对象属性名（包括原型链上的属性）（1）数组： Array 转 Set。（2）字符串：String转Set。（根据可迭代对象的类型而定）遍历对象属性名时，遵循。Set 对象允许存储。
2023-10-18 11:17:35
94
1
原创 V8引擎（持续学习更新。。。）
函数，Ignition之前一直收集到的信息a，b都是int类型，但是有次调用传了字符串，就会导致机器代码无法解释,那么此时的V8就会。接收Javascript代码，编译代码然后执行的C++程序。编译后的代码可以在多种操作系统、多种处理器运行。JavaScript是动态语言，对于函数参数或者是变量声明的不严谨，可能会导致。将Java Script代码解析成抽象语法树AST。将AST解释成字节码bytecode。编译出运行更加高效的机器代码。对于优化策略2的一些解释。对于优化策略3的一些解释。
2023-05-06 17:32:33
367
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人