- 博客(149)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 页面rem适配方案
1. rem 理解公式:页面元素的rem值 = 页面元素值（px） / (屏幕宽度 / 划分的份数) 其中，屏幕的宽度 / 划分的份数就是 html font-size 的大小 公式也可以写为页面元素的rem值 = 页面元素值 （px） / html font-size 字体大小...
2021-10-23 22:38:41
309
原创 前端JS代码 华为机试
字符串最后一个单词的长度题目描述计算字符串最后一个单词的长度，单词以空格隔开，字符串长度小于5000。（注：字符串末尾不以空格为结尾）输入描述：输入一行，代表要计算的字符串，非空，长度小于5000。输出描述：输出一个整数，表示输入字符串最后一个单词的长度。示例1输入hello nowcoder输出8var str = readline();function lenOfLastWord (str) { let splitStr = str.split(' '); .
2021-10-23 18:23:42
1521
原创 Flex布局
Flex布局简介 Felx在项目开发时，运用起来对于页面的布局是很方便的，比如较经典的布局中盒子居中，就可以用flex布局进行快速解决。 如下面的简单操作，只需要在父级盒子中添加flex布局和设置jusitify-content和align-items值为center即可，快速进行盒装水平和垂直居中。<div id="item"> <div id="children"> I a.
2021-10-22 22:55:11
323
原创 链接-前端备注
https://animate.style/https://es6.ruanyifeng.com/https://css-tricks.com/almanac/properties/a/animation/https://echarts.apache.org/examples/zh/editor.html?c=pie-legendhttps://api.apiopen.top/api.htmlhttps://tool.oschina.net/codeformat/xmlhttps://www.i
2021-06-30 15:29:07
196
原创 微信小程序学习：基础了解
微信小程序官方文档链接：https://developers.weixin.qq.com/miniprogram/dev/framework/1. 环境准备
2021-06-01 18:41:18
77
原创 echarts 重新渲染数据
调用时// vue 函数中 let chartDom = document.getElementById("myChart2") if (chartDom.hasAttribute("_echarts_instance_")) { chartDom.removeAttribute("_echarts_instance_"); } this.myChartLed = this.$echarts.init(chartDom); .
2021-05-27 20:38:11
5202
原创 Vue-awesome-swiper使用方法
①全局导入import Vue from 'vue'import VueAwesomeSwiper from 'vue-awesome-swiper'; //挂载VueAwesomeSwiperimport 'swiper/dist/css/swiper.css' //引入cssVue.use(VueAwesomeSwiper)②组件引入import { swiper, swiperSlide } from 'vue-awesome-swiper';import 'swiper..
2021-05-27 16:08:19
1195
原创 setTinterval定时器清除失败
问题代码：当数值达到29时，对定时器及逆行删除，删除不了，仍在执行 _this.count = 0 this.bomTimer = setInterval(() => { console.log('******') _this.count++ if (_this.count >= 29) { clearInterval(_this.bomTimer) } }, 36)原
2021-05-26 16:42:59
1343
原创 vuex学习：
1. 组件之间共享数据的方式父向子传值：v-bind属性绑定 子向父传值：v-on 事件绑定 兄弟组件之间共享数据：EventBus $on 接收数据的那个组件 $emit 发送数据的那个组件2. Vuex2.1 基本概念 Vuex 是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享。能够在vuex中集中管理共享的数据，易于开发和后期维护 能够高效地实现组件之间的数据共享，提高开发效率 存储在vuex中的数据都是响应式的，能够实时保持数据...
2021-05-20 21:28:24
73
原创 node学习：包package，Buffer缓存和fs文件系统
1. 包package 包实际上是一个压缩文件，解压以后还原为目录。包里存放的是模块。符合规范的目录如下。包结构：package.json 描述文件（必有） bin 可执行二进制文件 lib js代码 doc 文档 test 单元测试 包描述文件用于表达非代码相关的信息，是一个JSON格式的文件--package.json（不能写注释），位于包的一级目录下，打开包即可看见该文件。...
2021-05-12 21:26:45
473
原创 node学习：常用终端命令、环境变量、进程与线程和node模板的使用和真相详解
1. cmd（终端）1.1 常用命令 dir =》列出当前目录下所包含的所有文件 cd 目录名 =》进入指定的目录C:\Users\user>dir C:\Users\user>cd DesktopC:\Users\user\Desktop> md 目录名 =》 当前目录下创建一个文件夹, 可以通过dir命令进行确认其存在性。C:\Users\user\Desktop>md helloC...
2021-05-12 09:44:35
406
1
原创 学习：名词解析
1. 沙箱机制 沙箱就是一个限制应用程序对系统资源的访问的运行环境。它是一个虚拟系统程序，沙箱提供的环境相对于每一个运行的程序都是独立的，而且不会对现有的系统产生影响。 推荐详细文档：https://blog.csdn.net/weixin_41490593/article/details/99412315...
2021-05-11 11:50:32
66
原创 js 数值运算变成字符串拼接
在进行字符串转整型，再进行运算时，犯了个低级错误，导致运算（加法）不成功成了字符串拼接问题。记录一下此次错误。let str = 'A0032'let addResult = 'A' + parseInt(str.substr(1)) + 1console.log(addResult) // A321此次运算想要字符串剔除A字符，剩余部分进行+1后再与A字符拼接，但是由于错误操作，怎么都实现不了，导致结果总是在原来数字后面拼接字符1，导致结果错误。原因和解决：运算当与字符串一起出现在操作中
2021-04-28 11:44:06
1553
原创 es7-11学习：es7、es8async和await、ES9命名捕获分组、反向断言和dotAll模式
1. ES7新特性 1.1Array.prototype.includes() 该方法是用来查找数组中是否存在某个值，如果存在返回true ，如果不存在则返回false。而es6则是通过indexOf()来判断某个值是否在数组中，但是返回值是下标，如果不存在则返回-1。相较于仅仅判断某个值是否在数组中，使用includes更方便。 const arr = [1, 3, 4, 2, 8] console.log(arr.includes(3)) // true ...
2021-04-26 20:47:28
384
1
原创 es6学习：模块化
1. 模块化简介 模块化是指将一个大的程序文件，拆分程许多小的文件，然后将小文件组合起来。 1.1 模块化的好处防止命名冲突（不同模块的相同变量名，重复不冲突） 代码复用（把一个功能代码放在同一个模板里，向外暴露接口，可供给多个地方使用） 高维护性（如果多人对代码修改，不会产生过度冲突；代码和模块升级只需对某一个或某些模块进行升级） 1.2 模板块化规范产品CommonJs 规范 =》 产品:NodeJs、Browerify AMD 规范 =》...
2021-04-26 10:21:32
395
原创 es6学习：数值扩展、对象方法的扩展
1.Number.EPSILON 是js 最小精度 Number.isFinite 检测一个数值是否为有限数 Number.isNaN 检测一个数组是否为NaN Number.parseInt与Number.parseFloat 字符串转整数 Number.isInteger 判断一个数是否为整数 Math.trunc 将数字的小数部分抹掉 Math.sign 判断一个数到底为正数 负数 还是 零 ...
2021-04-23 11:55:11
109
原创 es6学习：class简介、静态成员和继承和getter与setter
1. class简介 传统的js中没有对象，没有类的概念。传统方法(es5)是通过构造函数，定义并生成新对象，并且将自身的属性共享给新对象。 对于类中的方法是通过prototype属性进行添加的。注意：函数名与实例化构造名相同。（函数名首字母大写，方便区分普通函数）通过构造函数创建对象时必须使用new运算符。 function Phone (brand, price) { this.brand = brand; this.price = pri...
2021-04-22 10:48:12
811
1
原创 html: a标签中的href的作用
原文路径：https://blog.csdn.net/u010297791/article/details/52784879a标签的最重要功能是实现超链接和锚点。一、Js的几种调用方法1、a href="javascript:js_method();"这是常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使...
2021-04-21 20:54:49
3307
原创 es6学习：Set和Map
1. Set es6 提供了新的数据结构 Set（集合），它类似于数组（但不是数组，需要转化），但成员的值是唯一的（可以达到数组去重的效果），集合实现了iterator接口，所以可以使用 扩展运算符 和 for...of 进行遍历。 集合的属性和方法：size 返回集合的元素个数 add 增加一个新元素，返回当前集合 delete 删除元素，返回 Boolean 值 has 检测集合中是否包含某个元素，返回 Boolean 值 clear ...
2021-04-08 22:03:54
169
原创 meta
摘录于：meta总结 META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级，等等。（1）SEO优化:各关键词间用英文逗号“,”隔开。META的通常用...
2021-04-08 20:03:48
63
原创 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
代码段： // 接口地址：http://api.apiopen.top/getJoke // 1. 创建对象 const xhr = new XMLHttpRequest() // 2. 初始化 xhr.open("GET", "http://api.apiopen.top/getJoke") // xhr.setRequestHeader("Access-Control-Allow-Origin","*") // 3
2021-04-07 15:18:27
314
原创 did you register the component correctly? For recursive components, make sure to provide the “name“
vue 引用组件时应该是components，本人写了component
2021-04-01 15:41:30
155
原创 es6学习：函数参数默认值、rest参数、扩展运算符和symbol数据类型
1. 函数参数默认值（es6允许给函数参数赋值初始值）1.1 形参初始值 具有默认的参数，一般位置置后(潜规则) let add = (a, b, c = 10) => (a + b + c) let result1 = add(1, 2, 3) let result2 = add(1, 2) console.log(result1, result2) // 6 13待更新... ......
2021-04-01 15:40:19
306
原创 vue-cli · Failed to download repo vuejs-templates/webpack-simple: connect ETIMEDOUT 54.251.140.56:44
在创建vue 项目时出现的问题，已安装vue脚手架。原因：ETIMEDOUT ==>> 超时 由网速太慢，下载模板超时导致的解决：提高网速
2021-03-29 11:47:05
114
原创 swiper : 遇到的坑和问题解决
1. loop模式下点击事件失效背景：loop模式下， ① 反向轮播的最后一页 ② 反向轮播后正向轮播的第一页 其slide包含的DOM涉及的事件失效原因：首先先了解swiper的loop模式。loop模式：会在原本slide前后复制若干个slide(默认一个)并在合适的时候切换，让Swiper看起来是循环的。但是复制时不包含DOM中涉及的事件。解决：通过swiper的click回调函数进行处理，代码如下：on: { click: function (e) { ...
2021-03-26 14:20:40
2054
原创 es6学习：let, const, 解构赋值，模板字符串, 对象简写
1. let变量声明和声明特性 声明 let a;let b, c, d;let e = 100;let f = 222, g = 'string', h = []; 声明特性 ① 变量不能重复声明（var声明变量可以重复声明，后面声明的值会覆盖掉前面声明的值）Uncaught SyntaxError: Identifier 'XXX' has already been declared// 重复声明报错 ②块级作用域（let 的作用域，只在代码块中有...
2021-03-24 21:11:59
441
原创 swiper的使用: 自动轮播失效
1. 背景：嵌套swiper，父组件中有swiper，且改swiper中的子组件中又包含swiper，子组件中swiper的autoplay属性失效 解决：在子组件页面加载完毕后，延迟初始化swiper或更新swiperthis.mySwiper2.update() // 延迟更新 重新初始化2. 背景：swiper自动播放成功，但人为滑动轮播后，不再自动轮播 原因：autoplay中包含属性disableOnInteraction，其含义为 用户操作swiper之后，是否禁...
2021-03-24 15:34:06
5605
原创 正则表达式字符全集
本文章摘录于点击此链接表达式全集字符 描述 \ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，“n”匹配字符“n”。“\n”匹配一个换行符。串行“\\”匹配“\”而“\(”则匹配“(”。 ^ 匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性，^也匹配“\n”或“\r”之后的位置。 $ 匹配输入字符串的结束位置。如果设置了RegExp对象的Multiline属性，$也匹配“\n”或“\r”之前的
2021-03-24 14:23:52
84
原创 canvas ：五角星的代码实现
对于五角星的canvas画布绘制，很好奇，抱着这种心情进行了小尝试，并发现了挺有意思的规律。本人实现的五角星形状是：其实五角星形状挺好实现的，找到规律进行容易。其逻辑为： 有外圈和内圈之分，看起点是在内圈还是外圈，如果在外圈那么奇数点就在外圈，偶数点在内圈。图中的起点在外圈，那么进行绘制图形的时候，是由点与点之间画线绘制的，按照顺序1,2,3,4......在画布上描点(内圈点，外圈点通过奇偶性就可以判断出来)，之后再去连线即可。 五角星的形状，可以有外圈半径...
2021-03-24 09:36:34
1603
原创 [email protected] dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.j
运行vue项目是报错：npm run dev原因：config/index.js的host配置错误，host的值为localhost或自己的IP地址修改完毕后，npm run dev即可
2021-03-22 09:51:42
155
原创 vue-devtools在 npm run build 失败
小编最近在学习vue相关的知识，但刚开始就卡在了vue的调试工具上，很苦恼。直接上链接吧：→推荐大神解决的文章小编极力喜欢这种方式，解决了我遇到的问题，如果你也与我遇到同样问题也可以点击大神链接。（先安装了node.js）首先大神是在下载好的nodejs\node_modules目录下进行直接npm安装vue-devtools，安装成功后在此目录下会又vue-devtools文件。然后，我就成功了！！！开心接下来就是我搜到的大多数的版本：：：：如果能帮助大家就好，但是我失..
2020-09-30 14:55:42
4540
原创 DOM对象与jQuery对象的认识与区别
今天看JqueryAPI(<-点击可查看)的each()的时候，遇到了一个概念：就是DOM对象与jQuery对象。如下图，然后就查阅了资料了解了一下。 首先可以看两行代码，就知道DOM对象和jQuery对象了。var domObj = document.getElementById("name"); //domObj则为DOM对象var jQueryObj = $("#name"); //jQueryObj则为jQuery对象 通过获取元素的方式不同，分为...
2020-09-21 15:26:43
229
原创 安卓4.2系统前端开发
最近被安卓4.2低版本，低兼容性搞得头懵，测试了两天，问了前辈，摸了一些门道，分享一下。 首先，我做的页面刚开始用到了flex布局和颜色渐变，并做了各个浏览器的兼容性处理，但是并不知道安卓4.2兼容性差，导致重新做。后来用到了简单的页面布局和语法，但是还是出现问题，测试了几个小时，背景都渲染不出来，很是崩溃，查资料也没查到，最后在前辈的帮助下，知道了安卓4.2竟然高度不适配，后来处理高度问题都是用内容本体撑起来的高度，还有用line-height属性，对内容高度进行撑大，效果也很明显。...
2020-09-21 09:29:06
237
原创 轮播图的实现原理（左右键切换，圆点切换）
轮播图的实现分两部分，第一部分是图片的切换，另一部分是圆的选择改变图片。首先图片的切换，主要用到了position，每张图片都设定position：absolute；属性，并没有用到浮动的效果。还有设定好被选中的图片的样式。当点击左键时，对图片的index进行判断，若为第一张，要改变index的值为4，其他执行Index--即可；当点击右键时，对图片的index值进行判断，若为最后一张，改变index的值为0，其他执行index++即可。随后进行圆点的切换时，首先要考虑到为每个圆点设置data-in
2020-08-18 22:01:34
5377
2
原创 CSS-解决li标签里span垂直居中的问题
给span设置display:block;则将此结构看成div里包裹div标签的结构。解决办法：给li设置display:flex;属性，则span设置margin-top：auto;，line-height:32px;属性即可。
2020-08-18 13:27:19
1965
原创 installation failed with an error
安装JavaEE时报的一个错误. 解决方案:以管理员的身份运行eclipse-inst-win64.exe
2018-12-27 21:28:33
1297
原创 1086 就不告诉你 （15 分）
1086 就不告诉你 （15 分）做作业的时候，邻座的小盆友问你：“五乘以七等于多少？”你应该不失礼貌地围笑着告诉他：“五十三。”本题就要求你，对任何一对给定的正整数，倒着输出它们的乘积。输入格式：输入在第一行给出两个不超过 1000 的正整数 A 和 B，其间以空格分隔。输出格式：在一行中倒着输出 A 和 B 的乘积。输入样例：5 7输出样例：53...
2018-11-08 10:25:13
448
编程模拟多进程共享临界资源
2018-07-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人