- 博客(15)
- 收藏
- 关注
RSS订阅原创 web前端面试题--复习
一、什么是MVVM？答： MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。 M是逻辑方法加上数据，V就是用户看到的界面，VM就是逻辑方法加上界面渲染的代码。二、说说MVVM的优点答：低耦合：视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。 可重用性：你可以把一些视图逻辑放在一个View...
2021-10-09 23:41:19
167
原创 JavaScript 将字符串转化成驼峰表示法
function toCamal(str) { var strarr = str.split("-"); //将字符串用 "-" 切割为数组 strarr[0] = strarr[0].toLowerCase() //将数组的第一个元素转为小写 for (let i = 1; i < strarr.length; i++) { //从第二个元素开始循环遍历数组的长度 //数组i下标为0的第一个字母.
2021-09-17 09:42:53
641
原创 JavaScript 解析 URL 成一个对象
function urlQueryString(url) { var queryString = url.split('?')[1]; //将url用 "?" 分割,取问号后面的值（下标为1） var entries = queryString.split('&'); //将 "?" 后的值用 "&" 符号再分割； var obj = {}; //声明一个空对象 for (let...
2021-09-17 09:31:41
179
原创 代码实现 outerHTML
outerHTML简单来说就是包含innerHTML内容和元素的标签，详见代码：HTML：<div id="div">你好呀！<span>李银河</span></div>JavaScript：var div = document.getElementById('div').outerHTML console.log(div)输出结果为：<div id="div">你好呀！<span>李银河&l
2021-09-17 08:58:28
187
原创 JavaScript阶乘函数；9*8*7*6*5…*1
原型方法Number.prototype.N = function(){var re = 1;for(var i = 1; i <= this; i++){re *= i;}return re;}var num = 5;alert(num.N());
2021-09-13 23:45:10
164
原创 JavaScript生成 5 个不同的随机数
思路：5 个不同的数，每生成一次就和前面的所有数字相比较，如果有相同的，则放弃当前生成的数字！var num = [];for(var i = 0; i < 5; i++){ num[i] = Math.floor(Math.random()*10) + 1; //范围是[1~10] for(var j = 0; j < i; j++){ if(num[i] == num[j]){ i-- }...
2021-09-12 22:45:18
4140
原创 JavaScript 字符串反转
思路：先将字符串转换为数组 split()，利用数组的反序函数 reverse()颠倒数组，再利用 jion() 转换为字符串；代码如下：var str = '123456789';str= str.split('').reverse().join('');console.log(str)控制台输出结果为'987654321'...
2021-09-12 22:28:47
121
原创 搭建Vue脚手架与创建项目
一、环境搭建1、安装node、npm、webpack；node安装详细步骤node.js安装详细步骤（Windows版） webpack配置步骤webpage配置及打包的详细步骤（配置即可）2、安装vue-cli脚手架构建工具，打开命令行工具输入：npm install vue-cli -g；二、用vue-cli来构建项目1、在需要存放项目文件的目录下运行cmd;2、输入 vue create '你的项目名称（项目名称不能为中文、大写字母）'回车后显示如下图，可通过上下键选...
2021-09-11 18:51:41
75
原创 获取非行间样式
一、HTML部分<div id="app"></div>二、CSS部分#app{ width:300px; height:200px;}三、JavaScript部分var app = document.getElementById('app');console.log(document.defaultView.computedStyle(app,null).width);输出结果是：300px...
2021-09-10 08:59:52
55
原创 JavaScript判断一个字符串中出现次数最多的字符，并统计这个次数
一、使用对象方法//需要判断的字符串var str = 'asdfssaaasasasasaa';//创建一个空对象var obj = {};//循环遍历该字符串for (var i = 0; i < str.length; i++){//判断如果obj内没有str的i值则添加该值，并赋值为1；如果i值已存在，i值加1 if (!obj[str[i]]) { obj[str[i]] = 1; } else {
2021-09-09 10:43:34
1846
原创 JS数组去重的几种常见方法
一、简单的去重方法// 最简单数组去重法/** 新建一新数组，遍历传入数组，值不在新数组就push进该新数组中* IE8以下不支持数组的indexOf方法* */var aa = [1,2,2,4,9,6,7,5,2,3,5,6,5];function uniq(array){ var temp = []; //一个新的临时数组 for(var i = 0; i < array.length; i++){ if(temp.indexOf(array[i
2021-09-09 07:01:47
2254
转载 HTML+CSS 八种垂直居中的方法
垂直居中的需求经常遇到，通过资料实践了八种垂直居中的方法。以下的方法都围绕着该HTML展开HTML代码 <div class="wrap"> <div class="box"></div> </div>CSS方法1（常用）：display：flex.wrap{ width:300px; height:300px; border: 1px solid red; display:flex
2021-09-08 18:03:09
510
原创 如何居中 div,如何居中一个浮动元素
给 div 设置一个宽度，然后添加 margin:0 auto 属性div{ width:200px; margin:0 auto;}居中一个浮动元素确定容器的宽高 宽 500 高 300 的层设置层的外边距.div { Width:500px ; height:300px;//高度可以不设 Margin: -150px 0 0 -250px; position:relative;//相对定位 background-color:pi..
2021-09-08 17:38:19
112
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人