- 博客(18)
- 收藏
- 关注
RSS订阅原创 vue组件通信
大家对vue组件通信的方式应该都有了解,下面我来说下自己知道的通信方式props$emit 触发自定义事件v-model 双向绑定$refschildrenchildren/childrenparent$rootattrsattrs/attrslistenersslot插槽EventBusVuex。
2023-06-03 20:18:42
155
原创 vue项目打包优化
如图，当第一次进入的时候只会加载到home.xx.js，当进入另一个路由的时候就会去加载对应组件，如图中的socket.xx.js。设置例外的时候 key:value 中key的值为你引入的库的名字，value值为这个库引入的时候挂在window上的属性。路由懒加载并不会减小文件打包后的大小，但是可以让文件分为不同的模块，当路由跳转时，才加载当前路由对应的组件。可以看到，在打包的文件中，占据最大比例的是这两个组件库,我们可以使用按需加载来减小。图中的gz后缀文件就是gzip压缩后的文件。
2023-04-20 17:05:36
483
原创 vue项目运行时报错：Multiple assets emit different content to the same filename index.html
例： vue-router(test)=>vue-router-test。一个这个问题改了我2个小时，vue-cli都重装了2 3次，记录一下，气死来。vue-cli 5以上的版本不能解析括号等 如：()2、 将vue-cli的版本降级。1、把路径上的()等符号去除。ps:是在路径上不能有。
2023-03-28 22:53:39
335
1
原创 css的fliter属性实现页面变灰的效果
最近大部分网站的页面都变灰了，以示哀悼。出于好奇，了解了一下怎么让页面变灰而不用出现布局。fliter属性：可以将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像、背景和边框的渲染;它可以设置grayscale滤镜函数，也即是灰色滤镜，设置值为0为默认值，原始页面；设置值为1可以让页面完全变灰。效果：
2022-12-07 23:45:25
302
原创 SPA是什么及原生js实现简易SPA单页面
SPA（single-page application）：就是只有一个Web页面的应用，是加载单个HTML页面，并在用户与应用程序交互时动态更新该页面的Web应用程序。SPA单页面与MPA（MultiPage-page application)对比：效果：实现：
2022-12-05 23:28:12
693
原创 js实现多行文字上下平滑切换
效果：html代码： 注意，此处用行内样式，否则js中list.style.top取值为空 css代码: 样式没写多少，能看就行，hhhjs代码：
2022-12-04 23:35:43
621
原创 css单行及多行文字省略
之后，文本将不会进行换行，当文字长度超过规定的盒子长度之后多余的部分就会以为。text-overflow属性规定当文本溢出包含元素时发生的事情。将省略的文字替换为.... ，这样就可以实现多余的文字隐藏。overflow就不用多说了，懂的都懂。属性是用来设置如何处理元素中的空白。进行隐藏，而隐藏的部分会因为。首先需要用在css中写。
2022-09-15 22:28:25
1947
原创 js的forEach()方法
第二个参数可以获取当前元素的索引值（下标）；第一个参数可以获取循环一遍的值；第三个参数可以获取当前数组；forEach有3个参数，
2022-08-24 21:09:21
2252
原创 js中事件的function（e）中的e和e.target是什么
比如此ul包含了3个li元素，事件绑定在ul上，但是当点击li是，打印出来对象的会显示点击来自li。当在一个父元素上绑定了此事件时，但其子元素触发了事件，那么e就指向了子元素，而不是父元素。也可以使用以下方法获取元素的标签名（如li，div），id名，类名等。并且我们可以使用e.target来获取事件触发的元素内容。这个e可以获取具体是哪个元素触发了相关的事件；获取触发事件元素的内容。
2022-08-24 20:58:21
4503
原创 模板引擎渲染数据
在使用remplate前需要先下载，使用npm i template进行下载。在渲染时可以使用res.render('xxx',{data:dddd})进行渲染 //xxx为路径，dddd为数据然后在html文件中用{xxxx}来获取数据。 但是当用上面的方法渲染时使用了ajax时会发现虽然data数据进行了提交但是不能进行页面的跳转，因为ajax是无刷新的。这时候就需要用到一个东西：req.app.locals.xxxx //xxxx为对象名例：req.app.locals.use
2022-06-24 20:09:15
418
原创 jquery $.ajax方法
原生js写的ajax方法有点麻烦，用了$.ajax之后感觉还是这个香一点。首先需要在文件中导入jquery，然后就可以使用$.ajax了。$.ajax有几个值，最常用的有type,url,data和successtype中是写请求的方式POST/GET,url是写请求的地址，data中是写需要发送出去的数据，success中是写请求成功之后的回调函数。......
2022-06-21 22:33:54
436
原创 trim（）去除空格
trim()可以去除数据两端的空格，在判断数据是否为空且不能全是空格时可以使用。trim() 方法用于删除字符串的头尾空白符，空白符包括：空格、制表符 tab、换行符等其他空白符等。trim() 方法不会改变原始字符串。trim() 方法不适用于 null, undefined, Number 类型。...
2022-06-21 22:13:44
2316
原创 js在for中的事件无法调用循环变量i的解决方法
在for循环中的事件里面会发现无法使用循环变量i。<div> <span>1</span> </div> <div> <span>2</span> </div> <div> <span>3</span> </div> <div> <
2021-12-06 13:06:17
1400
2
原创 input表单在点击后不会有边框的方法
由于今天写简单的php+ajax的登录系统时忘记input表单怎么去边框，所以来记录一下。outline:none;outline的属性按顺序为:outline-color,outline-style,outline-width;如果某些属性不需要设置，那么可以省略。...
2021-12-05 18:33:02
377
原创 用纯css做点击后会出现和消失的下拉菜单
首先，我们要了解input表单中的checkbox属性，可以通过type='checkbox'进行设置，当进行点击后input表单会被打钩选择，再次点击则会取消选中。选中时返回的是true，未选中则返回false。然后我们可以使用display: none;对其进行隐藏，来达到一个更好的观感。当然我们需要去用label中的for标签邦顶input中的id名，于是当我们点击label后就相当于点击了input。 <input type="checkbox" id="dianj".
2021-12-05 18:31:13
2238
原创 js在函数外部调用局部变量的方法
如果直接在函数外部调用局部变量。会发现报错。<script> function num() { var a = 7; } num(); console.log(a); </script>（1）此时如果在函数内加入window.a=a；则可以在外部调用。 <script> function num() { ...
2021-12-01 16:01:14
3783
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人