- 博客(17)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue 面试小结
2021年Vue面试通杀秘籍理论篇：1．说说对 Vue 渐进式框架的理解（腾讯医典)a) 渐进式的含义: 主张最少，没有多做职责之外的事b) Vue 有些方面是不如 React，不如Angular.但它是渐进的，没有强主张。 你可以在原有系统的上面，把一两个组件改用它实现，当jQuery用;c) 也可以整个用它全家桶开发．当Angular 用;还可以用它的视图，搭配你自己设计的整个下层用。d) 你可以在底层数据逻辑的地方用 OO 和设计模式的那套理念，也可以函数式，都可以，它只
2021-11-22 23:45:45
117
原创 vscode 常见插件
Chinese (Simplified) Language Pack for Visual Studio Code 转译中文 open in browser 打开浏览器 vscode-icons vscode 字体图标 ESLint 代码格式化 Live Server 开发服务 Prettier - Code formatter 代码格式化 EditorConfig for VS Code 编辑格式化..
2021-04-21 23:01:43
117
原创 Vscode
vscode 中快速生成console.log()文件 - 首选项 - 用户代码片段选择javascript可以看到有一段被注释的代码,我们将代码解除注释{ // Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to t
2021-04-11 21:56:46
114
原创 vscode保存自动格式化配置
首先需要装一些vscode插件eslint、Vetur、Prettier Now在左下角设置界面，打开设置，修改配置文件 settings.json{ "workbench.colorTheme": "One Monokai", "editor.fontSize": 14, "workbench.editor.enablePreview": true, //预览模式关闭 "editor.formatOnSave": true, // #每次保存的时候自动格式化
2021-04-11 21:54:49
184
原创 VsCode快速生成vue代码片段
1.点击文件 > 首选项 > 用户代码片段2.新建或修改vue.json3.将下列代码粘贴上去（可根据自己需要添加/删除）{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>\n", " </div>", "</tem
2021-04-10 20:44:32
120
原创 vue: 解决vuex页面刷新数据丢失问题
vue:解决vuex页面刷新数据丢失问题一、问题描述1、一般在登录成功的时候需要把用户信息，菜单信息放置vuex中，作为全局的共享数据。但是在页面刷新的时候vuex里的数据会重新初始化，导致数据丢失。因为vuex里的数据是保存在运行内存中的，当页面刷新时，页面会重新加载vue实例，vuex里面的数据就会被清空。2、我在一个组件（例如登录组件页面）中登录了后，其它页面要怎么获取和响应这个变化，使用通过计算属性实现响应数据的变化，mapGetters获取vuexcomp...
2021-03-27 09:21:33
287
原创 前端技术点
html、css部分如何理解html语义化html语义化是指从代码上展示页面的结构，而不是从最终视觉上来表现结构。表现形式html5新标签:header-页眉、footer-页脚、aside-附属信息、nav-导航链接、section、article，caption-表格标题、thead-表头、tbody-表格内容、tfoot-表尾h1~h6，作为标题使用，且重要性递减作用有利于构建良好的html架构，有利于搜索引擎建立索引和抓取页面结构清晰，有利于代码的维护和管理有利于不同设备(盲人
2021-03-26 16:37:31
130
原创 2021-03-21
超出隐藏，不换行，省略号overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出不换行两行超出隐藏，不换行，省略号text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit
2021-03-21 11:37:41
210
原创 代码片段
原生JavaScript实现字符串长度截取`function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; // 匹配双字节字符(包括汉字在内) var strren = “”; for (var i = 0; i < str.length; i++) { if (ico...
2020-04-02 21:45:39
79
原创 等腰直角三角形
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</tit...
2020-03-16 20:15:31
493
原创 flex布局水平居中
想要让元素实现弹性布局，只需要要包含容器中（父元素）设置属性display:flex即可，平时工作用的最多的就是水平垂直居中啦，想要让元素水平居中，在容器中设置justify-content:center;而要实现垂直居中则可以设置align-items:center；重点来了，还有另一种奇淫技巧可以实现垂直居中，那就是当父元素设置了弹性布局并且设置了高度后，只要设置元素的margin:auto就...
2020-02-29 21:21:38
18046
原创 简易视觉差网站
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2020-02-28 22:31:35
186
原创 3D旋转万丈光牢
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body{ background: black; }...
2020-02-27 23:03:57
145
原创 伪类和伪元素的用法
// 伪类是用 : 来表示，伪元素是用 :: 来表示常见的伪类有：:hover:active:focus:visited:link:lang:firstchild:lastchild:not:nthchild// 伪元素就是不存在DOM文档树中的虚拟元素，它们和HTML元素一样，但是你又无法使用javascript去获取常见伪元素::befo...
2020-02-26 23:01:25
281
原创 旋转掉落再合体 的方块
说不多说，代码走起！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...
2020-02-25 23:04:28
113
原创 纯css3实现旋转3D立方体骰子
纯css3实现旋转3D立方体骰子*（自旋转型）* 主要运用css3的 transform，rotate，translate，animation等动画以***perspectiveperspective-origintransform-style***等属性为辅助具体实现代码如下：<!DOCTYPE html><html lang="en"><head>...
2020-02-24 23:30:07
542
原创 CSS3动画
在 CSS3 出现之前，动画都是通过 JavaScript 动态的改变元素的样式属性来完成了，这种方式虽然能够实现动画，但是在性能上存在一些问题。CSS3 的出现，让动画变得更加容易，性能也更加好。CSS3 中有三个关于动画的样式属性transform、transition和animation；transformtransform可以用来设置元素的形状改变，主要有以下几种变形：rotat...
2020-02-23 23:07:09
120
04旋转木马.html
2020-02-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人