前端开发
-
import CryptoJS from 'crypto-js'; const secretKey = CryptoJS.enc.Utf8.parse('asqwdjjfwnlgi'); // 加密函数 export function encryptData(data) { let srcs = CryptoJS.enc.Utf8.parse(data); let encrypted = CryptoJS.AES.encrypt(srcs, secretKey, { iv: s
2024-12-02 -
https://www.baidu.com/s?wd=luichun 将会得到：搜索关键字为luichun ajax的传参：也是在url的后面缀参数 用问号分割：？ '参数名字' + '=' + '值' 如: http://127.0.0.1:8000/server?a=100 有多个参数则用&符号分割 如: http://127.0.0.1:8000/server?a=100&b=200&c=300 通过上过案例，只在get.html文件中修改url <!DOCTYPE html>
2024-12-02 -
之前发布过一篇关于切换的 但是有点瑕疵 这次补充一下 <template> <div style="margin: 10px 10px; border: 1px solid rgb(212, 209, 209); border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 12px -6px;"> <!-- 导航栏 --> <div class="TAb"> //这个v-if是渲
2024-12-02 -
深入理解Vue中的Typescript(一)-es语法的类属性和装饰器 1.前言 typescript是javascript超集,能帮助程序员写出更好的,更不容易出错的javascript代码.所以越来越受到各大公司的欢迎.当vue拥抱typescript后,写出的vue代码会更加得符合面向对象编程的风格,更符合未来的es语法的规范,因此vue3.0选用语言就是typescript 在我们学习typescript下的vue前,我们不妨对比下vue2.x当中,不用typescript和用types
2024-12-02 -
业务需求： 组件传参，子传父 <script lang="ts"> import { Component,Vue, Emit } from 'vue-property-decorator'; //需要引入Emit @Component({}) export default class Sider extends Vue { // 选择侧边栏，跳转路由 msg:string = ''; // bindSend 为父组件引用子组件上 绑定的事件名称 @Emit
2024-12-02 -
![CSS层次选择器[四种]](https://jss.bangwoyixia.com/image/科技/16.jpg)
1.后代选择器 后代选择器是包含了后面的所有的标签如: /*后代选择器 该选择器代表ul标签后面的全部li标签无关层级*/ ul li{ background-color: rgb(8,84,5); } 2.子选择器 子选择器表示后面一层的选择如； /*子选择器 该选择器表示ul标签后面的p标签只有一层*/ ul > p{ background-color: yellow; } 3.相邻选择器 使用id选择器或者class选择器定位到标签下面的相邻标签如： /*相邻选择器 相邻向下的一
2024-12-02 -
//其他可以元素正常修改，新增元素失败 //需要增加这行代码就可以立刻更新数组了 this.$forceUpdate(); //swipper插件 问题 setTimeout(function () { var swiper = new Swiper('.swiper-containers', { autoplay: false,//可选选项，自动滑动 loop: false, pagination: '.swiper-pagination', pagi
2024-12-02 -
专栏介绍 主要对目前市面上常见的框架进行分析和总结，希望有兴趣的小伙伴们可以看一下，会持续更新的。希望各位可以监督我，我们一起学习进步。 React React是由Facebook研发的一个用于构建用户界面的JavaScript库。它采用了组件化的开发方式，通过将界面拆分成独立的可重用组件，使得开发者可以更加高效地构建复杂的用户界面。 核心思想 通过构建虚拟DOM（Virtual DOM）来实现高效的页面渲染。虚拟DOM是一个轻量级的JavaScript对象，它是对真实DOM的一种抽象表示。
2024-12-02 -
一、插槽 父组件传递模板给子组件，子组件使用插槽声明slot元素承载分发内容出口。 1.默认插槽 父组件提供给子组件模板，默认会填充到默认插槽中 slot不设置name会隐式创建一个name为default的插槽 <slot name='default'></slot> 2.具名插槽 父组件提供了具体的模板，填充到具名插槽中 指定模板填充到具名插槽中 v-slot绑定具名插槽名称 可以简写为# <template v-slot:header></template> <slot name='h
2024-12-02 -
最近在安卓项目中嵌套了h5，再h5中使用了mui 框架，在使用途中遇到几个有意思的小问题再次记录一下。 1、确认框 button样式重写，事件不触发。 2、折叠面板多层嵌套，如果在加载时就把数据填充将在第三层时不能收缩。 3、js动态生成多层折叠面板，自定义事件冲突和参数传递。 效果图如下： 以下是代码实现，如有小伙伴遇到，可以此作为参考。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="
2024-12-02