- 博客(38)
- 收藏
- 关注
RSS订阅原创 Echarts图表坐标轴文字太长，省略显示，鼠标放上显示全部（vue）
【代码】Echarts图表坐标轴文字太长，省略显示，鼠标放上显示全部（vue）
2023-08-24 15:21:37
2924
原创 面试题整理：vue 的双向数据绑定的实现原理？
它们共享以下可选键值（默认值是指在使用Object.defineProperty()定义属性时的默认值）：configurable 是否可以删除目标属性：当且仅当该属性的configurable 键值为 true 时，该属性的描述符才能够被改变，同时改属性也能从对应的对象上被删除。writable 该属性的值是否可以被重写：当且仅当该属性的 writable 键值为 true时，属性的值，也就是上面的value，才能被赋值运算符改变。数据描述符是一个具有值的属性，该值可以是可写的，也可以是不可写的。
2022-09-05 15:40:43
1094
原创 面试题整理：防抖函数的应用场景和实现方式？
3.debounce 内部我们返回一个函数，函数执行的时候会检查当前是否有定时器，有的话会清除当前的定时器，重新赋值一个新的定时器给定时器变量，并设置定时器执行时间为用户传入的第二个参数。2.首先我们可以定义一个高阶函数 debounce，接受一个回调函数和延迟时间，在函数内部定义一个定时器变量，用于记录当时的定时器。2.用户名，手机号，邮箱输入验证时的输入框搜索自动补全事件，搜索框搜索输入，只需用户最后一次输入完，再发送请求；1.防抖函数主要利用了闭包，高阶函数，定时器等特性。
2022-08-25 14:28:18
367
原创 面试题整理：如何判断一个对象是否属于某个类？
/ 对于 Object 对象，直接调用 toString() 就能返回 [object Object]。而对于其他对象，则需要通过 call / apply 来调用才能返回正确的类型信息。//[object global] window 是全局对象 global 的引用。// 判断对象类型最好的方式。
2022-08-25 10:21:12
365
原创 面试题整理：js的数据类型，如何判断数据类型？
constructor 是不稳定的，因为开发者可以重写prototype，重写后，原有的 constructor 引用会丢失，需要我们重新指定constructor的引用在没有重新指定时，constructor 会默认为 object。toString()是 Object 的原型方法，调用该方法，默认返回当前对象的 [object type]。instanceof 可以准确判断引用数据类型，它的原理是：检测构造函数的prototype 属性是否在某个实例对象的原型链上。二.检测数据类型的4种方法。
2022-08-24 14:43:41
230
原创 NPM全局安装软件包时解决EACCES权限错误
如果在尝试全局安装软件包时看到EACCES错误，则可以:使用节点版本管理器重新安装npm（推荐） 手动更改npm的默认目录使用Node.js包管理器，重新安装NPM#这是避免权限问题的最佳方法。 要使用节点版本管理器重新安装npm，请按照“下载并安装Node.js和npm”中的步骤进行操作。 在安装节点版本管理器之前，不需要删除当前版本的npm或Node.js。要下载最新版本的npm，请在命令行上运行以下命令：[sudo] npm install npm -g 手动更改npm的默..
2021-06-13 11:57:06
524
原创 select选择对应
changeSelectedReview(value){// let that=this; that.makeNormal1.review = value; let obj = {}; obj = that.EmployeeListAll.find((item) => { return item.id=== value; ...
2020-08-26 14:34:10
199
原创 金额 三位 逗号格式 小数字保留一位
// 截取当前数据到小数点后一位 numFilter(value) { if(!value) return '0.0' value = value.toFixed(1) var intPart = Math.trunc(value)// 获取整数部分 var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') // 将整数部分逢三一断 v...
2020-08-13 14:36:09
257
原创 css 3 的一些特性
css 3的一些特性，阴影 shadow动画 animation形变 transform渐变 gradient滤镜 filter 等。三角形利用 border-color支持 transparent这一特性，隐藏三条边框，实现三角形。<style>.triangle { width: 0; height: 0; border-style: solid; box-sizing: border-box; border-width: 0 10px...
2020-06-03 17:50:47
314
原创 echarts 雷达图 圆上显示 标识值
var titleList=["说明讨论的目的","明确表达绩效挑战","维持动力","促进参与","提供支持","制定行动计划 ","达成共识"];var list1=[13,24,18,21,21,21,19] ;var list2=[13,21,21,21,24,18,18];var options={ title: {text:null,}, tooltip: {}, legend: {show:'false',}, radar: [{ ...
2020-05-19 16:30:10
2420
原创 echarts 定义样式文字
最近一年在做用到echarts 一些归纳和记录先附上效果图varxAxis=["辅导","协作","授权","达至最佳绩效","影响力"];var dataPretest=[3,4,4,4,4];vardataPosttest=[3,3,5,6,4];var options={ tooltip: { trigger: false, }, legend: { x: '80%', y: 'top',...
2020-05-19 16:21:02
1243
原创 浏览器跨域访问解决方案
跨域的概念跨域大家都知道，不同地址，不同端口，不同级别，不同协议都会构成跨域。例如：about.haorooms.com和www.haorooms.com都会构成跨域。总结起来只要协议、域名、端口有任何一个不同，都被当作是不同的域。下面举例，每两个一组。解决跨域的方案上一篇文章，window.postMessage（https://blog.youkuaiyun.com/qq_42417923/article/details/106194740），是一种跨域的解决方案。再介绍几个。CORS跨域...
2020-05-18 16:39:02
607
原创 jQuery Ajax 操作函数温故而知新
引子今天准备对前段时间做的微信页面进行数据绑定，数据格式大多是json格式的，还有对数据的搜索和查询。初步定的做法是先将数据缓存到本地，然后对本地的json数据进行查询，对于json数据的查询，我找到了一个JsonSQL的方法，就是用类似SQl的方式的方式查询json数据。【对于这种方法，今天稍微看了一下，很不错，但是还没有应用于实践，等后面再对JsonSQL做具体的介绍。】当我看jsonsql的时候，我发现用的是ajax的getJSON方法，对于jquery的getJSON方法及POST()还有GET
2020-05-18 16:30:10
181
原创 HTML5中window.postMessage，在两个页面之间的数据传递
关于postMessagewindow.postMessage虽然说是html5的功能，但是支持IE8+，假如你的网站不需要支持IE6和IE7，那么可以使用window.postMessage。关于window.postMessage，很多朋友说他可以支持跨域，不错，window.postMessage是客户端和客户端直接的数据传递，既可以跨域传递，也可以同域传递。应用场景我只是简单的举一个应用场景，当然，这个功能很多地方可以使用。假如你有一个页面，页面中拿到部分用户信息，点击进入另外一个页
2020-05-18 16:03:22
633
原创 vue 打包后 -webkit-box-orient: vertical 样式没有了
在项目中用到-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3;超过三行数据显示省略号 vue发现打包后-webkit-box-orient: vertical;样式直接给去掉了，搜索了一下发现vue打包默认-webkit-box-orient: vertical;样式...
2020-05-15 15:50:20
241
原创 vue $forceUpdate() 强制重新渲染
v-for里面数据层次太多， 修改过数据变了，页面没有重新渲染，需手动强制刷新。解决方法：运用this.$forceUpdate()强制刷新 <el-form-item label="公司名称" prop="companyId" v-if="companyShow"> <el-select v-model="...
2020-01-14 16:45:58
1040
原创 echarts 设置 不同标题等级
最近做项目做了很多关于echarts图表生成的 var dataPretest = [1, 1, 1, 2, 1, 1, 1]; var dataPosttest = [1, 2, 1, 1, 1, 3, 1];var dataAverage=[1, 2, 1, 1, 1, 3, 1]; var options={ tooltip: { tri...
2019-08-15 15:08:59
729
翻译 html5shiv.js和respond.min.js
新公司看代码知道的前端新东西html5shiv.js和respond.min.jshtml5shiv：解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用的问题。respond.min:让不支持css3Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。由于IE6/IE7/IE8还有很大一部分用户，为了让网站浏览者都能正常的访问HTML5网站，...
2019-07-04 11:45:15
233
原创 vue 通过axios下载后端接口文件流pdf文件
关于下载在页面直接写url地址也是可以下载的，window.location.href=“text.pdf”;但后端接口有的时候要求传给我们前端的是文件流格式，前端处理方式如下 that.$http({ method:"get", url:api.exportContrac...
2018-10-31 16:25:41
8099
原创 vue npm 命令
npm i element-ui -S element-ui是一个ui库，它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的ui框架。npm install less less-loader --save-dev 安装 less 和 less-loadernpm install vuex vuex是一个专为vue.js应用程序开发的 状态管理模式。它采...
2018-08-20 16:36:53
1595
原创 H5中实现IOS的select下拉框效果（iosselect）组件
移动端浏览器对于select的展示样式是不一致的，ios下是类似原生的picker，安卓下各浏览器展示各异，我们需要一个picker组件来统一各端下各种浏览器的展示。iosselect是在webapp下的一个picker组件，可以轻松实现各类选择器效果。比如地区选择 时间选择 日期选择等。iosselect接口丰富，适用于多类场景 可以定制依赖关系，规定各层级之间是否有关联。...
2018-08-09 10:13:19
3139
原创 访toast弹出样式
js: function toset(msg) { $("#toset_div").empty(); $("#toset_div").css("display", "block"); $("#toset_div").append(msg); se...
2018-08-02 10:20:50
366
原创 倒计时获取验证码
var timeNum = 60; // 60s倒计时 function settime() { var interval = setInterval(() => { if (timeNum > 0 && timeNum < 61) { ...
2018-08-02 10:15:39
204
1
原创 js设置页面平铺禁滚动
js设置页面平铺禁滚动document.body.addEventListener('touchmove', function (e) { e.preventDefault(); }, { passive: false });
2018-08-02 10:13:41
308
原创 移动端获取软键盘是否弹出方法
var winHeight = $(window).height(); //获取当前页面高度 $(window).resize(function () { var thisHeight = $(this).height(); if (winHeight - thisHeight >...
2018-08-02 10:11:21
535
原创 移动端web遇到过的坑
引入企业微信的SDK中遇到的一个坑，在做vue项目的时候通过npm配置企业微信的时候会出调用方法传值错误，要使用引入企业微信的js文件。 1.为了实现某个功能 在微信网页中用js去获取网页的宽高 网上说的是 用document.documentElement.clientWidth 和document.documentElement.clientHeight 来获取宽高 但是...
2018-07-27 16:40:01
368
原创 2018-07-13心情日记
今天下午比较空闲，总结下入职新公司两个星期了认识的东西，不一样的工作同事，不一样的处事风格，还在努力适应中。接手 公新司的项目是用vue框架写的调用企业微信接口SDK的项目，中间让看下原代码，有些东西明白，有些东西还是不清楚。中间添加了两个参数，数据类型结构还少写了一层，写之前找别的同事确认的。中间还出现调用微信接口异常，还加班到晚上12点才回住的地方，还没有找到问题，第二天领导找了某个大牛找到...
2018-07-13 17:35:24
296
1
转载 vue.js使用npm安装与配置
（1）安装Nodejs 打开Nodejs的官网（https://nodejs.org/en/），我们可以在页面最中间看到Download这个词，选择对应的版本下载即可，建议下载后一个版本。也可以选择下面的Other Downloads下载其他版本和Mac的版本。 下载完成后，使用傻瓜式安装即可。安装完成后可以先进行下简单的测试安装是否成功了，后面还要进行环境配置。在键盘按下【win+R】键，输...
2018-07-03 10:25:51
7429
原创 UI 设计标准规范 个人总结
设计规范介绍设计规范是适用于人机交互界面设计师，用户体验设计师，前端技术工程师，发布人支持人员以及运维编辑人员人参考，贯穿以用户为中心的设计指导方向，根据界面的特点统一的规范，以达到提升用户体验，控制产品设计质量，提高效率的目的。制定标准的意义 统一设计风格；色彩；布局。舒适的色彩搭配；结构布局；操作流程。整体效果的美观。便捷：能点选就不输入；能少层级就不多；界面元素一目了然。web设计的标准宽度...
2018-07-02 11:59:53
7139
原创 vue 生命周期与构子
昨天在使用VUE 做项目时候，遇到了使用created与mounted 问题，针对vue加载顺序的几种状态html 页面:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.
2018-06-22 11:41:42
262
原创 vue 路由传参 params 与 query两种方式的区别
如何在方法中跳转界面并传参，vue 中有 params 与 query两种方式。1、使用params 方式传参方式在vue router 文件夹下index.js里面，定义路由： { path: '/groupCommand/:code', name: 'groupCommand', component: groupCommand }groupComman...
2018-06-20 14:30:50
457
原创 输入框自动跳转光标
HTML:<section> <p class="font_p">请刮开卡券密码，输入16位密码</p> <div class="input_div"> <input type="text" v-model="card1" v-focus="focusSta
2018-06-12 11:53:51
1153
翻译 keyCode 总结
突然想起前几天面试做过的一个面试题 keyCode 键盘值中挑出几个做笔试选择这里贴一下键盘按钮keyCode大全字母和数字键的键码值(keyCode)按键键码按键键码按键键码按键键码A65J74S83149B66K75T84250C67L76U85351D68M77V86452E69N78W87553F70O79X88654G71P80Y89755H72Q81Z90856I73R82048957...
2018-06-12 11:46:37
459
翻译 第一个输入框输入完第四位自己跳转到下个输入框的方法?
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3&
2018-06-08 17:51:50
838
原创 第一次进入优快云写文章
今天注册优快云账号，一直觉得自己的技术一般，记忆也不是很好，以后记录一此写学的东西和心情。好好吃饭，好好睡觉，好好挣钱，好好花钱。不为不值得的人生气，不为不值得的事失眠。既然活着就好好活着，每分钟都为自己活着。努力做个开心的人吧，开心到别人看到你也会变得开心。 加油~...
2018-06-08 17:41:44
719
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人