眉间为书-CSDN博客

原创 css实现多行文本的展开收起

css实现多行文本的展开收起从知乎上一个大佬那里学来的，不使用js实现多行文本的展开和收起，全浏览器兼容，所以学习记录一下。原文参照这篇文章.实现效果： <style> .wrap { display: flex; width: 600px; overflow: hidden; box-shadow: 20px 20px 60px #bebebe, -20px -20px 60px #ffffff; position:

2022-02-21 16:07:38 726

原创用JS一键打印CSDN文章

进入页面，按F12，在console输入以下代码：(function(){ 'use strict'; $(".toolbar-inside, .blog_container_aside, .csdn-side-toolbar , .more-toolbox, .recommend-box insert-baidu-box, .blog-footer-bottom, .second-recommend-box recommend-box , .comment-box, .r

2021-03-17 11:05:40 84

原创 JS在指定光标位置处插入内容

JS在指定光标位置处插入内容知识点：selectionStart：光标选区开始位置；selectionEnd：光标选区结束位置setSelectionRange ：设定或元素中当前选中文本的起始和结束位置。语法：element.setSelectionRange(selectionStart, selectionEnd [, selectionDirection]);参数说明：如果 selectionEnd 小于 selectionStart，则二者都会被看作 selectionEnd

2021-03-04 09:58:26 1080 1

原创 css解决不能正常显示换行样式以及white-space值的区别

css解决html不识别换行标识符在开发中碰到一个坑，后端接口传过来的值中带有换行符，代码中换行显示也正常，但是浏览器不能正常显示换行样式，需要给标签中加上属性**white-space: pre-wrap;**即可正常解析换行white-space中pre，pre-line与pre-wrap的区别：pre : 会保留空格，它与pre-line/pre-wrap最大的不同点就是不会自动换行，单行走到底，直到遇到一个换行符才会换行。pre-line : pre-line与pre-wrap都会自动换行,

2021-03-04 09:34:49 812 1

原创 LeetCode小白练习记录----20：有效的括号（经典Map对象练习）

上次说到Map对象用的不是很熟练，今天做到这个题发现很适合用Map来解，特意记录一下！题目：有效的括号给定一个只包括 ‘(’，’)’，’{’，’}’，’[’，’]’ 的字符串，判断字符串是否有效。有效字符串需满足：左括号必须用相同类型的右括号闭合。左括号必须以正确的顺序闭合。注意空字符串可被认为是有效字符串。示例 1:输入: “()”输出: true示例 2:输入: “()[]{}”输出: true示例 3:输入: “(]”输出: false示例 4:输入: “([)]”

2020-12-21 19:56:56 61

原创 LeetCode小白练习记录----第一题：两数之和

LeetCode小白练习记录----第一题：两数之和题目：给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那两个整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素不能使用两遍。示例:给定 nums = [2, 7, 11, 15], target = 9因为 nums[0] + nums[1] = 2 + 7 = 9所以返回 [0, 1]写了两种解法：第一解：js暴力解发，通过双层循环嵌套找出对应值并返回var tw

2020-12-16 16:25:22 67

原创操作vuex中的数据报错 Do not mutate vuex store state outside mutation handlers

上一篇博客有提到直接改变vuex中的值会报错，现在详细记录一下这个错误，首先看一下错误这是因为直接操作vuex中的数据没有通过mutations去更新state而报的错误，如果在一个组件中初始化数据赋值state中的数据，如下 this.modelList = store.state.sd.frame.modelList然后在方法中改变了modelList（如增删改），如下方法 changeModel(model) { if (model) { model.model

2020-09-24 20:43:41 3729 6

原创用vuex实现两组件动态交互

使用场景：在一个组件中操作数据（添加或删除）的变化，另一个组件通过此数据动态渲染页面，如果两组件是父子组件关系或者兄弟组件关系直接传值即可，但是如果两个组件毫无关系，这就需要用到vuex，这里我用modelList举例首先创建一个store.js分一个module来定义公共数据modelList,mutations放改变state中的数据modelList的方法，更改 Vuex 的 store 中的状态的唯一方法是提交 mutation，如果在组件中直接修改store的数据会报错export const

2020-09-24 20:29:16 515

原创 Flex知识简单梳理

Flex知识梳理1.1Flex布局原理通过给父盒子添加flex属性来控制子盒子的位置和排列方式当为盒子设为flex布局以后，子元素的float，clear和vertical-align属性将失效1.2Flex布局父项常见属性flex-direction：设置主轴的方向取值：row | row-reverse | column | column-reverserow：默认值，主轴横向往右排列row-reverse：主轴横向往左反向排列column：垂直方向排列volumn-rev

2020-07-17 13:54:09 107

weixin_42565367的博客