- 博客(27)
- 收藏
- 关注
原创 javaScript金钱格式化|千位分隔符
js金钱格式化金钱每三位添加“,” 12345678->12,345,678思路1:数字->字符串->倒着每三位加“,”function format(num){ num=num+'';//数字转字符串 var str="";//字符串累加 for(var i=num.length- 1,j=1;i>=0;i--,j++){ if(j%3==0 && i!=0){//每隔三位加逗号,过滤正好在第一个数字的情况 str+=n
2021-04-07 18:41:14
628
原创 CSS中百分比单位计算方式整理
整理于:https://www.w3cplus.com/css/a-percentage-unit-in-css.html1、font-size相对于父元素的font-size来计算,如果父元素(以及它的祖先元素)未显式设置font-size值的话,将会以浏览器的默认值16px为基准。2、line-height基于元素自身的font-size的值来计算。如果元素自身未显式设置font-size,则会基于元素继承过来的font-size的值计算。3、vatical-align基于元素自身的line
2021-01-04 15:42:46
1302
原创 开发官网问题总结-更新中
开发官网问题集锦官网1、丝滑滑动效果可用于官网链接锚定,点击跳转效果window.scrollTo({ top: 0, behavior: "smooth",//谷歌,safari适用,火狐失效});2、毛玻璃效果可用于顶部导航栏效果// CSSbackdrop-filter: saturate(180%) blur(12px);//谷歌,safari适用,火狐失效,360有些卡在用于异形毛玻璃,如六边形,可用SVG绘制路径,利用cli
2020-12-22 18:55:08
305
原创 鼠标事件中的x,y含义/clientX,clientY,pageX,pageY,offsetX,offsetY,screenX,screenY,movementX,moventmentY,x,y区别
打印一下event事件,发现里面有各种各样的偏移量区别:clientX/clientY距离浏览器可视区域的x,y坐标(不包括滚动条和头部导航栏——相对于body)pageX/pageY对于整个页面来说,包括了被卷去的body部分的长度当页面没有滚动条时,client和page一样movementX/movementY两个鼠标移动事件间隔时间中当中鼠标移动的相对坐标offsetX/offsetY相对于当前监听元素的x,y坐标;(不包括border)layerX/laye
2020-11-03 17:28:59
2332
原创 CSS文本出现缩进问题
之前的项目,发现在P标签或div里的文本无缘无故出现缩进我查了所有样式没有发现设置缩进,使用text-indent要设置成-4px才行之后发现是因为标签换行引起的(vscode中格式化代码就会自动换行)去掉换行...
2020-10-16 14:11:52
364
原创 js处理时间戳为各种格式/js判断公历/农历/周历节日和节气
js获取时间var date = new Date();date.getYear();//获取当前年份距离1900年的年份date.getFUllYear();//获取当前年份//date.getYear()+1900=date.getFullyear()date.getMonth();//获取月份,0~11,0代表1月date.getDate();//获取当前日,1~31date.getDay();//获取当前星期几,0~6,0代表星期日date .getTime(); //获取当前时间,
2020-10-14 14:55:08
3701
5
原创 兼容性整理
兼容性整理兼容性查询caniuse兼容性知识库一些常见兼容问题遍历对象(1)for in循环(IE9+)以任意顺序遍历一个对象的除Symbol以外的可枚举属性var obj={ name:'LiMing', age:'16', sex:'男'}for(var i in obj){ console.log(i+''+obj[i]);}(2)Object.keys(obj) / Object.values(obj)(<IE9)var obj={ name:'LiMin
2020-08-25 15:44:07
134
原创 四万字 | web前端面试大纲整理
web前端HTML1、HTML5新特性语义化标签类音视频处理canvas/webGLhistory APIrequestAnimationFrame地理位置web scoket2、基础知识响应式布局开发方案:@media/rem/flexviewport和dpi适配H5音视频处理方案新表单元素和表单权限CSS预编译语言:less/sass3、canvas和echartscanvas的基础用法canvas动画及小游戏canvas图像处理echarts基础API
2020-08-21 17:31:36
783
2
原创 vue部署生产环境时swiper报错及其解决办法
Cannot assign to read only property ‘exports’ of object '#'问题在vue中使用swiper,最常考虑的就是直接下载插件npm install swiper --save毕竟省心又简单。然鹅,近期开发的项目,有用到swiper,测试环境一切正常,生产环境部署时开始报错:由于生产环境浏览器版本比较低,不兼容es6语法,直接使用插件...
2019-11-28 19:31:19
1342
3
原创 SVG帖子归纳,自学
SVG相关知识帖子归纳1、SVG基本形状path路径置换2、深度掌握SVG路径path的贝塞尔曲线指令3、SVG之旅:描边特性
2019-11-27 09:25:51
176
原创 js中的数组方法
js操纵数组常用方法会改变自身的方法pop()/push()pop() 数组末尾移除最后一项,减少数组的length,然后返回移除的项,原数组发生改变。var arr=[1,2,3,4,5,6]var tmp=arr.pop()console.log(arr)//[1,2,3,4,5]console.log(tmp)//6(移除的项)push() 可以接收任意数量的参数,把它...
2019-11-21 20:06:54
223
原创 VUE中获取当前url及处理
vue中获取当前url完整urlwindow.location.href路由路径this.$route.path路由路径参数this.$route.params处理urlparseQuery(url) { let o = {}; let queryString = url.split("?")[1]; if (queryString) {...
2019-11-08 10:43:58
4404
原创 JS中数组、对象、字符串之间的转换
JS中数组、对象、字符串之间的转换数组——字符串1、数组转字符串方法一:.toString()/String()(.toString()可以将除了null和defined的数据类型都转化为字符串,可以转化进制字符串;String()可以将null和undefined转化为字符串,但是没法转化进制字符串)将数组转成一个字符串,然后以逗号连接输出var a=[1,2,3,4,5]var...
2019-11-08 10:32:00
26277
原创 Vue-router
Vue-router的使用概念Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式,在...
2019-11-01 17:24:02
175
原创 关于引号多级嵌套问题
引号多级嵌套问题动态添加了一个a标签,在里面写onclick事件,但是发现参数无法引入,后台一直报错tmp一直报错undefined,因此又拼接了一下此时tmp内容直接传入而不是以字符串的形式,所以需要加引号多层嵌套引号时,最外层双引号(""),内层单引号(’’),最内层使用转义符(")...
2019-10-29 17:17:30
539
原创 前端缓存
前端缓存概念前端缓存主要是分为HTTP缓存和浏览器缓存。其中HTTP缓存是在HTTP请求传输时用到的缓存,主要在服务器代码上设置;而浏览器缓存则主要由前端开发在前端js上进行设置。对于一个数据请求来说,可以分为发起网络请求、后端处理、浏览器响应三个步骤,浏览器缓存可以优化第一步和第三步,当浏览器缓存中有数据时,不必要每次向服务器发送请求,而是直接从浏览器缓存中获取数据。浏览器每次发起请求,...
2019-10-25 16:12:24
348
原创 vuex的使用
vuex1、概念Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。即用来保存需要管理的状态值,值一旦被修改,所有引用该值得地方会自动更新。应用场景:多个视图依赖于同一状态来自不同视图的行为需要变更同一状态此时,将共享状态抽取出来,以一个全局单例模式管理适用于中大型单页应...
2019-10-24 16:42:15
168
原创 JQ动态添加元素后无法绑定事件问题
JQ动态添加元素后无法绑定事件解决办法jQuery中事件绑定,一般用on或bind绑定。但是对于动态添加的元素 on 的绑定事件 会不起作用。 $('.selectCard').on("click", function(event) {})//这样click事件不起作用因为 append 中的 节点是在整个文档加载之后才添加的,页面并不会为未来的元素初始化添加点击事件,因此 这种方式添加的...
2019-10-24 14:32:23
460
原创 RequireJS
RequireJS概括RequireJS是一个JavaScrip模块加载,可以提高代码的加载速度和质量。浏览器兼容情况如下:IE 6+/Firefox 2+/Safari 3.2+/Chrome 3+/Opera 10+优点1、实现js文件的异步加载,避免网页失去响应(我们在进行页面开发时,会引入很多js文件,页面会依次同步加载这些js文件,这样页面响应时间会很长)2、管理模块之间的...
2019-10-21 17:11:24
1101
原创 ES6中扩展运算符(...)的使用
ECMAScript6中扩展运算符的使用原文链接含义扩展运算符(spread)是三个点(…)。它好比rest的逆运算,将一个数组转为逗号分隔的参数序列。对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中console.log([1,2,3]);//[1,2,3]console.log(...[1,2,3]);//1,2,3console.log(1,[...
2019-10-16 14:31:10
352
原创 ES6语法一些实践
关于es6语法原文链接:ECMAScript 6 入门1、let和const块级作用域let 声明变量,用法类似于var,块级作用域,只在let定义的代码块有效。对于for循环,使用let可以防止变量污染,计数器只在for循环内有效。var的变量i全局有效,因此数组a中的i,都指向同一个i,即最后一次输出的10;let的变量i只在块级内有效for循环中,设置循环变量的那部分...
2019-10-15 13:53:31
158
原创 VUE部署到nginx
标题将vue项目部署到nginx1、vue项目打包执行:npm run build之后会出现一个dist文件,打包后的静态文件会输出到dist文件夹中将dist文件压缩为zip文件2、上传主机cd到需要文件夹后新建目录mkdir ngTestcd到当前目录cd ngTest上传dist文件(或点上传按钮)rz解压dist文件unzip dist.zip新...
2019-10-14 15:31:57
791
原创 vue 城市级联选择 distPicker
vue地区选择器(v-distPicker)官方文档☞https://distpicker.pigjian.com/安装npm install v-distpicker --save配置main.js中import VDistpicker from 'v-distpicker'Vue.component('v-distpicker', VDistpicker)引入import...
2019-10-09 15:29:08
957
原创 vue-baidu-map控件总结
vue-baidu-map控件总结1、比例尺控件(BmScale)属性:anchor 控件停靠位置offset 控件偏移值2、缩放控件(BmNavigation)属性:anchor 控件停靠位置offset 控件偏移值type 平移缩放控件的类型showZoomInfo 是否显示级别信息(Boolean)enableGeolocation 控件 是否集成定位功能(Boo...
2019-10-08 10:58:52
4359
原创 vue中使用百度地图的三种方法
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-10-08 10:55:26
3967
原创 html+css+js贪吃蛇
思路:每个格子代表地图蛇的移动实际是格子的变色食物随机创建及随机一个格子被赋予类名身体加长即将食物颜色变为身体颜色 - 整体效果: 吃东西时身体+1,分数+1: 难度改变时速度加快,可以暂停和重新开始: 边界判断: 咬到自己判断: 1. 创建地图(即蛇走的格子)//创建地图 var rowNumber = 30;// 行数...
2018-09-05 20:04:47
1534
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人