写法vue2 vue js
vue--day65--默认卡槽
1. App.vue <template> <div class="container"> <Category title="美食" > <img src="https://s3.ax1x.com/2021/01/16/srJlq0.jpg" alt=""> </Category> <Categor ......
webpack压缩 html 和 js
转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack压缩 html 和 js 一、压缩 js /* webpack.config.js webpack的配置文件 */ module.exports = ......
webpack的js兼容性处理
转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack的js兼容性处理 js兼容性检查主要用到的 loader 有 babel-loader@8.3.0 @babel/core@7.14.6 @babel ......
webpack配置js 语法检查 eslint
转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack配置js 语法检查 eslint js 语法检查主要用到的 loader 和插件有：eslint-loader eslint eslint-confi ......
Vue 3 Deep Dive with Evan You
什么是 DOM？ 如果我们把这个 HTML 加载到浏览器中，浏览器创建这些节点，用来显示网页。所以这个HTML映射到一系列DOM节点，然后我们可以使用JavaScript进行操作。例如： let item = document.getElementByTagName('h1')[0] item.te ......
老杜Vue的Bug列表实战代码
老杜Vue的Bug列表实战代码 谢谢杜老师的vue教学视频，说的真的好好 各位亲爱的小伙伴，如果不能使用代码，请给我留言哈。 1、效果图 2、html代码（我自己写的，和杜老师的有些不同，不要纠结哈，基本是没错的） <!DOCTYPE html> <html> <head> <meta charse ......
【web_逆向11】JS处理RSA加密
## JS中RSA加密有两套逻辑 - 1、网易的那种. -> 加密的结果每一次都是一样的；这种没有办法使用python来完成 - setMaxDigits() - RSAKeyPair() - encryptedString() - 2、某网校的rsa加密 -> 加密的结果每一次都是不一样的；和py ......
Three.js中实现碰撞检测
## 1. 引言 碰撞检测是三维场景中常见的需求，Three.js是常用的前端三维JavaScript库，本文就如何在Three.js中进行碰撞检测进行记述 主要使用到的方法有： - 射线法Raycaster - 包围盒bounding box - 物理引擎Cannon.js ## 2. Rayca ......
vue生命周期
Vue 的生命周期总共分为8个阶段：创建前/后，载入前/后，更新前/后，销毁前/后。 1、beforeCreate（创建前） 表示实例完全被创建出来之前，vue 实例的挂载元素$el和数据对象 data 都为 undefined，还未初始化。 2、created（创建后） 数据对象 data 已存在 ......
Vue-Router 的懒加载如何实现
非懒加载： import List from '@/components/list.vue' const router = new VueRouter({ routes: [ { path: '/list', component: List } ] }) 懒加载： 1.使用箭头函数+import动态 ......
JS判断是否是移动端(Mobile), ipad, iphone, 微信, QQ等
```js //判断访问终端 const browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > ......
vue-
插槽slots 传html结构，父传子 slot 父组件 子组件 渲染作用域 插槽内容可以访问到父组件的数据作用域，因为插槽内容本身是在父组件模板中定义的。 具名插槽 插槽：子组件传给父组件数据，父组件传回子组件 父 子 组件生命周期 生命周期函数 创建期：beforeCreate created ......
JS判断是否是IOS或Android环境
```js // 通过判断浏览器的userAgent const userAgent = navigator.userAgent; const isiOS = !!userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); const isAndroid = ......
前端vue自定义柱形图 选中更改柱形图颜色及文字标注颜色
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
JS入门第三节
 ```js 我的首页 产品介绍 联系方式 ``` ```js 我的首页 产品介绍 联系方式 ``` ![](ht ......
前端Vue自定义等分底部菜单导航按钮 自适应文字宽度 可更改组件位置
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
vue实现简单人员列表
# vue实现简单人员列表 ## 功能 - 可以显示一个人员列表 - 可以对列表过滤 - 可以对列表排序 ## 实现 ```vue 列表 人员列表 升序 降序 原顺序 {{p.name}} {{p.age}} ``` ......
VUE
class绑定 style绑定 侦听器 表单输入绑定 v-model 修饰符：lazy，number，trim 模版引用 操作dom，获取ref this.$ref <div ref="container" class="containser">{{content}}</div> <input ty ......
abp-vnext-pro 实战（八，聚合根的写法，客户M：N地址）
参考数据字典模块的写法 /// <summary> /// 地址 /// </summary> public class Address : FullAuditedAggregateRoot<Guid>,IMultiTenant { public Guid? TenantId { get; prot ......
mybatis设置命名格式转换 与 批量插入更新&select查询返回自定义实体类 的sql写法
在mybatis的配置文件中设置了Java实体类驼峰命名与表属性下划线命名的自动转换。 在mybatis中，从接口获取到大量数据之后，将数据集合分批量插入更新到表中。 在mybatis中，select查询表数据，返回数据的存储类型为自定义的实体类。 1.设置Java实体类驼峰命名与表属性下划线命名自 ......
JS的6中继承方式
1. 原型链继承 将父类实例作为子类的原型，这种方式下，子类实例可以共享父类实例的属性和方法，但是无法向父类构造函数传递参数。 function Fun1() { this.name = '我是名称' this.getName = () => { console.log(this.name) } } ......
Uncaught SyntaxError: Unexpected token 'export' (at JConstant.js:2:1)
解决办法： 在<script> 中，加上属性type="module" <script src="../js/home.js" type="module"></script> <script src="../js/home.js" type="module"></script> ......
vue.js:5108 [Vue warn]: Cannot find element: #body_container
1、原因：我把 Vue 挂载元素的JS放在了html加载完成的前面了 2、解决：放到html加载完成之后就可以了 ......
Vue技术
# 😀Vue技术总结 > 首先: 一对多和多对一都不可以 容器和实例之间只能是一一对应 > > 插值语法: {{ xxx }} xxx → 只能是 js 表达式(表达式是一组代码的集合，它`返回一个值`。) 注意!!! 区分 js表达式与js语句 > 指令语法: ``` 单向数据绑定 → v-bi ......
vue3探索——组件通信之事件总线
> Vue2.x使用EventBus进行组件通信，而Vue3.x推荐使用`mitt.js`。 > > > 比起Vue实例上的`EventBus`，`mitt.js`好在哪里呢？首先它足够小，仅有200bytes，其次支持全部事件的监听和批量移除，它还不依赖Vue实例，所以可以跨框架使用，React或 ......
iwebsec-文件上传 01 前端JS过滤绕过
## 01、题目分析 事实上，文件上传过滤是很正常的，需要自行判断是前端过滤还是后端过滤，一般上传木马的时候可以进行抓包，如果直接点击上传直接弹出禁止上传的界面，而没有抓到数据包，那就说明是前端js过滤，但是这个题目已经说明了是前端js过滤，就不用再测试了 ## 02、文件上传 先用哥斯拉创建一个一 ......
js 秒转成成时分秒
duration (val) { let h = parseInt(val / 60 / 60 % 24) h = h < 10 ? '0' + h : h let m = parseInt(val / 60 % 60) m = m < 10 ? '0' + m : m let s = parseI ......
JS入门第二节
 ```js ``` ![image](https://img2023.cnblogs.com/blog ......