前端
前端笔记
test45656
这个作者很懒,什么都没留下…
展开
-
记录今天公司老项目jq vue混用问题
问题 :jq想用vue里面的数据,发现用不了解决:jq的加载要比vue块,所以想用vue实例 必须把jq写在 mounted生命函数里面。over原创 2021-07-21 16:53:58 · 186 阅读 · 0 评论 -
select 下拉框封装
原创 2021-07-12 09:12:30 · 209 阅读 · 0 评论 -
CS和BS 到底是什么
C/S : Client/Server , 客户端/服务器B/S : Browser/Server , 浏览器/服务器cs,主要指的是传统的桌面级的应用程序,基于客户端的应用。bs,主要指的是web应用程序,基于浏览器的应用。区别[1] 语言: C/S: c,c++, B/S:java,php,.Net,js,nodeJs[2] 更新: C/S: 下载新版本的客户端,升级不大方便。 B/S:热更新,永远都是最新的。[3] 数据通信: C/原创 2021-06-25 13:30:05 · 10662 阅读 · 0 评论 -
async和await
async和await原创 2021-04-26 11:21:31 · 61 阅读 · 0 评论 -
es6 reduce 函数的使用 (reduce真香)
var arr = [3, 9, 4, 3, 6, 0, 9]; // 原理: 利用reduce特性 prev初始值设置0 并把函数的返回值再次带入函数中 var sum = arr.reduce(function (prev, cur) { // prev 初始为0 以后则为函数返回的值 return prev + cur; // 数组各项之间的和 }, 0); // 原理 利用reduce特性 进行三...原创 2021-02-07 10:20:15 · 346 阅读 · 0 评论 -
js 时间,月份前面补零
正常写法 (new Date().getHours() <= 9 ? "0" + new Date().getHours() : new Date().getHours()) + ":" + (new Date().getMinutes() <= 9 ? "0" + new Date().getMinutes() : new Date().getMinutes()) + ":" + (new Date().getSeconds() <= 9 ? "0" + new .原创 2020-12-03 09:53:57 · 3033 阅读 · 0 评论 -
js 倒计时
var time = function () { var nowtime = new Date(), //获取当前时间 endtime = new Date("2020/8/8"); //定义结束时间 var lefttime = endtime.getTime() - nowtime.getTime(), //距离结束时间的毫秒数 td = Math.floor(lefttime/(1000*60*60*24)), //计算天数 th原创 2020-12-02 10:00:16 · 87 阅读 · 0 评论 -
echarts x轴文本过长,旋转角度与换行显示
方法一:旋转角度 axisLabel : { interval:0, //强制文字产生间隔 rotate:"45" //旋转角度 }方法二:换行,利用函数返回 截取拼接字符串的方法formatter: function(params) { var newParamsName = '' var paramsNameNumber = params.leng.原创 2020-12-01 10:44:38 · 1073 阅读 · 0 评论 -
vue.config.js常用配置详解及封装全局axios(转)
axios配置https://blog.csdn.net/weixin_43216105/article/details/98877960config配置 : https://blog.csdn.net/weixin_43216105/article/details/106763258转载 2020-11-03 08:46:00 · 279 阅读 · 0 评论 -
js map(Number) map(String)map(Boolean)
let abc = ['1','2','3']abc.map(Number) // [1,2,3] number自动转换为number函数并把值传进去let abc = [1,2,3]abc.map(String) // ['1','2','3']原创 2020-10-27 10:42:40 · 2052 阅读 · 0 评论 -
vue $set
<template><div> <div v-for="(item,index) in list" :key="index">{{item}}</div> <button @click="abc">naniu </button></div></template><script>export default { data() { return { list:原创 2020-10-26 11:02:51 · 73 阅读 · 0 评论 -
自定义属性前缀data-及dataset的使用方法(不过在工作中没用到过,有用到过可以评论一下)
<div data-abc="nihao"> // 自定义data属性 //dataset.abc 获取值为 nihao // div[data-abc="nihao"] 改变元素样式原创 2020-10-26 10:36:36 · 159 阅读 · 1 评论 -
css 的重绘与回流
什么是重绘?页面发生样式的改变但是不会影响他的位置(例如:字体,背景颜色等等)什么是回流(重排)?因为元素的规模尺寸、布局、隐藏等改变时,也就是位置发生改变时,浏览器会重新渲染这个DOM的这一过程称为回流. (回流肯定伴随着重绘,但是重绘不一定会有回流的出现)什么时候会触发回流(重排)或重绘?增删dom元素的时候,改变元素位置,改变元素样式宽高大小,页面第一次渲染,浏览器窗口的改变,获取元素的宽高也会出发回流如何减少重绘和回流(重排)?在DOM树的最后一个元素改变class,避免设置多层内联.原创 2020-10-26 09:36:30 · 496 阅读 · 0 评论 -
vscode 小霸王插件
今天刚被同事安利,震惊.原创 2020-10-23 16:35:30 · 1282 阅读 · 0 评论 -
echarts鼠标悬浮图表上时浏览器抖动
画图标过程中遇到这个问题,无论怎么改宽高都没用,最后百度后知道鼠标移动到上面会产生动画,所以才会发生抖动。解决方法如下:tooltip: { show: true, transitionDuration:0,//echart防止tooltip的抖动}...原创 2020-10-15 16:00:07 · 552 阅读 · 0 评论 -
vue watch监听对象属性变化
watch: { 'cityName.name': { handler(newName, oldName) { // ... }, deep: true, immediate: true } }-设置deep: true 则可以监听到cityName.name的变化,此时会给cityName的所有属性都加上这个监听器,当对象属性较多时,每个属性值的变化都会执行handler。如果只需要监听对象中的一个属性值,则可以做以下优化原创 2020-08-07 10:37:33 · 835 阅读 · 1 评论 -
vue中改变css样式 利用ref
this.$refs.ref对应得名字.style.height = h +‘px’;原创 2020-07-15 16:42:24 · 7401 阅读 · 0 评论 -
element-ui 两个dialog嵌套出现覆盖的解决方法
必须手动点击才会出现,解决方法如下:使用 append-to-body 属性,可以解决原创 2020-07-15 13:28:56 · 2572 阅读 · 0 评论 -
word-wrap:break-word;强制换行失效的原因与解决方法
-无效的原因元素中设置的white-space是norwrap,所以无法换行。解决:white-space:normalword-wrap:break-word原创 2020-07-14 15:24:09 · 8650 阅读 · 2 评论 -
href=“#“与href=“javascript:void(0)“的区别
/# 包含了一个位置信息,默认的锚是#top 也就是网页的上端。而javascript:void(0), 仅仅表示一个死链接。在页面很长的时候会使用 # 来定位页面的具体位置,格式为:# + id。如果你要定义一个死链接请使用 javascript:void(0) 。...原创 2020-07-09 15:43:26 · 128 阅读 · 0 评论 -
vue中keep-alive、activated的使用
activated()函数就是一个页面激活后的钩子函数,一进入页面就触发;keep-alive由于默认全部缓存,如果有希望个别路由刷新可以使用activated,函数所以当我们运用了组件缓存时,如果想每次切换都发送一次请求的话,需要把请求函数写在activated中,而写在created或mounted中其只会在首次加载该组件的时候起作用。...原创 2020-07-09 11:01:07 · 934 阅读 · 0 评论 -
数组排序
1.翻转数组arr.reverse() 可以把数组里面内容翻转过来2.数组排序(冒泡排序)var arr = 【1,5,9,12,6,4】;arr.sort(function(a,b){return a - b ;//升序排列return b - a ;//降序排列});//只有数字里面都为个数时才可以直接使用arr。sort否则必须调用函数...原创 2019-09-02 10:51:16 · 78 阅读 · 0 评论 -
我的ECMAscript 待续
List item运行在客户端的脚本语言计算机组成:1.硬件:输出设备 输入设备 CPU 硬盘(永久) 内存(临时)二进制数据软件:系统:wd mc linux 软件 :qq之类程序运行:数据放到硬盘到内存条到cpu发展历史:布兰登。艾奇 1961年生,1995年十天完成js设计,网景公司原名livescript,后与sun合作改名jsjs作用:表单验证密码强度(最初),网页特...原创 2019-09-07 19:25:46 · 153 阅读 · 0 评论 -
前端基础一些问题
js中为什么需要数据类型?在计算机中不同的数据占用存储空间是不同的,为了充分利用空间。打印五行五列星星var str = ‘’;for (var i = ;i <= 5; i++){ for(var j = 1 ; j < =5;j++){ str = str + 'x' } //如果另起一行就要在一行打印完毕之后加上 、\n,转义符只有...原创 2019-09-07 19:26:14 · 135 阅读 · 0 评论 -
我的DOM BOM待续
浏览器提供的接口web api,页面交互。DOM:文档对象模型,页面的接口,可以改变页面内容。获取元素方法:id class 标签 父元素(获取来伪数组不能作为元素) h5:(querySelector)返回选择的第一个元素对象(‘.box’)(’#box)('标签’),querySelectorAll可以选择所有。获取特殊元素:document.body(body) ; d...原创 2019-09-07 19:26:03 · 118 阅读 · 0 评论 -
移动端布局,待续
#webkit视口(viewport):二倍图:物理像素(手机分辨率)电脑端px相等,手机端不一样,由来:把100100图片压缩为5050然后再放到手机里面,就能达到理想图片...原创 2019-09-07 19:25:37 · 97 阅读 · 0 评论 -
ES6 js高级
每一个对象都是功能中心,具有明确分工。灵活面向对象的特性:封装性,继承性,多态性。创建类和对象:通过class关键字来创建类,类名首字母大写,类里面有constructor函数,可以接受传递过来的参数,同时返回给实例对象。创建类后面不要小括号,类里面函数都不要加function类添加方法:类里面所有的函数省略function。多个函数之间不需要逗号分隔。类的继承:子承父业class So...原创 2019-09-17 21:24:34 · 323 阅读 · 0 评论 -
html,css
font-family:英文字体靠前,中文字体加引号。了解Unicode\5b8b,这种font:字体样式;是否加粗;字体大小;什么字体;(必须有字体大小和什么字体)结构伪类为c3有兼容nth-child目标伪类,:target{}首行缩进:text-indent:2emc3才有的颜色半透明和阴影rgba,text-shadow:水平垂直参数必须写文字类块级(p,h1)不能放块级元素...原创 2019-09-28 14:23:09 · 118 阅读 · 0 评论 -
css3 2d 3d动画效果
这里写自定123123义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入...原创 2019-09-28 14:23:23 · 231 阅读 · 0 评论 -
js中如何简单判断this
1.test()指向windownew test()指向实例对象p.test()指向pp.call(obj)指向obj原创 2019-10-09 17:14:39 · 386 阅读 · 0 评论 -
小三角
小三角除了用字体图片来做。也可以用代码来做给div设置宽高,border加上宽度颜色,然后再利用c3的动画旋转效果进行旋转。原创 2019-08-30 10:57:31 · 76 阅读 · 0 评论