- 博客(26)
- 收藏
- 关注
RSS订阅原创 Echarts组件 tooltip提示formatter函数
图表提示框的内容修改和HTML样式解决setChart(value) { let myChart = echarts.init(document.getElementById("fee")); let option = { title: { text: "" }, tooltip: { trigger:'axis', formatter: function(params)
2020-07-27 11:41:40
2645
原创 动态添加对象属性名
1.动态对象属性名 // 对象属性名和属性值， 常常遇到通常是属性值是变动的，名字是不变的 如： let a = '123'; let b= {first: a}; // 属性名也能动态使用 写法 其实也看到过 let a = 'abc'; let b[`${a}`] = 'object'; //动态写法 这只能定义一个属性名 // 有大括号的动态写法
2020-07-27 11:33:05
1265
原创 vue3.0中使用计算属性时报错
原因：在组件使用了双向绑定，绑定的值是vuex的state的一个值。vuex是单项数据流，在计算属性中只有get可以获取参数值，没有set不能改变参数值。 crowdmodel:{ get(){ return this.$store.state.crowdmodel; }, set(val){ this.$store.state.crowdmodel; } }解决方法：在computed属性中添加set..
2020-07-07 20:56:24
1841
原创 JavaScript splice, slice, split方法区分整理， replace方法对字符处理
1.splice() 方法splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。该方法会改变原始数组。para1:必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。para2:必需。要删除的项目数量。如果设置为 0，则不会删除项目。para3:可选。向数组添加的新项目。let array1 = [1,2,3,4,5];let a2 = array1.splice(1,2);//a2>>>[2, 3]splice() 方.
2020-07-07 18:48:44
503
原创 vue 过滤器 格式时间秒数，js 时间日期格式化
将总秒数转化为 00:00:00Vue.filter('filterTime',function (value) { let t; if(value > -1){ let hour = Math.floor(value/3600); let min = Math.floor(value/60) % 60; let sec = value % ...
2020-07-07 17:45:18
621
原创 vue2.0 通过ip访问自己运行的项目
之前的旧项目，同无线网内的同事想看本地运行的效果。1.在config目录下的index.js文件中将host改为0.0.0.0:2.在package.json文件中修改运行时的dev为:
2020-07-07 17:11:03
559
原创 通过webpack配置vue项目页面title
vue 项目创建之后，在index.htm里面的title，使用htmlWebpackPlugin.options.title 进行的展示。调整 webpack 配置最简单的方式就是在vue.config.js中的configureWebpack选项提供一个对象，该对象将会被webpack-merge合并入最终的 webpack 配置。有些 webpack 选项是基于vue.config.js中的值设置的，所以不能直接修改。module.exports = { chai...
2020-05-09 11:01:29
2933
原创 Vue2.0环境安装
安装node.js，没有安装的直接点击可以跳转到下载页。1.安装淘宝镜像，安装后它的命令行工具是 cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org2. 安装 vuecnpm install vue3. 安装vue-cli脚手架构建工具cnpm install --global vue-...
2019-09-03 11:15:38
248
原创 vue3的搭建
Vue3.0的搭建Vue CLI 的包名称由vue-cli改成了@vue/cli。 如果你已经全局安装了旧版本的vue-cli(1.x 或 2.x)，你需要先通过npm uninstall vue-cli -g或yarn global remove vue-cli卸载它。Vue CLI 需要Node.js8.9 或更高版本 。安装vue-clinpm inst...
2019-09-03 10:34:44
315
原创 vue 页面A转到页面B,B页面停留在A页面的滚动位置
如果页面A沿Y轴滚动一段距离，然后跳转到页面B;在进入B页面时，B页面已经滚动到页面A的距离，返回页面A,发现A还在之前的滚动位置；在路由守卫回调中，设置每次进入路由时，将window的scroll值设置为0；window.scroll(0,0);// 全局路由守卫router.beforeEach((to, from, next) => { // to: Route: 即将要...
2019-05-28 16:45:26
1023
原创 正则表达 包含 英文、数字、特殊字符
第一种必须包含数字、英文字母、特殊符号且大于等于8位（特殊符号包括: ~!@#$%^&*） regx = /^(?=.*\d)(?=.*[a-zA-Z])(?=.*[~!@#$%^&*])[\da-zA-Z~!@#$%^&*]{8,}$/第二种包含数字、英文字母、特殊符号可有可无，6-18位（特殊符号包括: ~!@#$%^&*）regx ...
2019-02-27 17:34:09
13627
1
原创 js 获取本月第一天和最后一天，上月第一天和最后一天
当前月第一天 CurrentMonthFirst(){ var date=new Date(); date.setDate(1); return date; },当前月最后一天CurrentMonthLast(){ var date=new Date(); var currentMonth=date.getM...
2019-02-27 15:57:42
11839
转载 input placeholder的样式
在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果，这时就可以用以下代码来对placeholder进行样式设置了。::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */:-moz-placeholder{} /* Firefox版本4-18 */::-moz-placeh...
2019-02-21 19:11:13
1032
原创 vue子组件调用父组件内的方法
子组件调用父组件方法随笔：后面时间充足了再补充父组件<template> <div> <head-title3 ref="headerNews3"></head-title3> <router-view></router-view> </div&am
2019-02-21 19:07:24
183
原创 在微信页面中，关闭浏览器
给浏览器添加历史记录，并监听是否进行回退操作 returnHistory:function returnHistory(){ var state = { title: "title", url: "#" }; window.addEventListener("popstate", function(e) { if( win...
2018-12-04 10:31:40
888
原创 CSS3混合模式
mix-blend-model属性用来定义元素与背景的混合模式，可以是元素与背景图片的混合，也可以是元素与背景色的混合 background-blend-mode属性用来定义背景的混合模式，可以是背景图片与背景图片的混合，也可以是背景图片和背景色的混合isolation: isolate这个css3属性，这个属性正如其语义，就是隔离的意思，那隔离什么呢？是用来隔离mix-blend-m...
2018-10-26 10:37:57
229
原创 给数组里面的对象添加一个新的数据
ES6写法 data.data.forEach((item,index) => { console.log(item.excerpt.length) let excerpt3 = {excerpt2:''}; let newObj if(item.excerpt.length > 120){ excer...
2018-09-28 18:07:20
16511
原创 Weex 项目总结
在项目中，我觉得暂时有两个地方需要总结一下，一个是weex内部的数据请求，一个是原生方法得调用。数据请求，在PC端调试的话会有跨域问题，在手机端没有跨域问题。原生方法需要原生开发者根据 Weex文档 写一个module,再暴露出一个方法给前端开发调用。1、数据请求数据请求根据文档引入该模块const stream = weex.requireModule('stream');这时...
2018-09-25 10:34:47
1826
原创 CSS 实现图片横向拖动
在实际开发中需要实现图片横向拖动效果，查阅了些资料，现整理下，以便以后使用。 <div class="problemImg"> <img class="problemImg2" src="" alt=""> <img class="problemImg2" src=""
2018-09-07 14:17:17
3062
原创 数组的常见操作方法
数组的常见操作let arr = [1,4,5,7,9]; 1. 判断数组中某个元素是否存在 para1:待判断的元素 返回值：元素在数组中的索引，如果不存在，返回-1 let isExist = arr.indexOf(4) !=-1;2、向数组中追加元素 para1:要追加的元素 返回值是数组的长度;arr.push(100); 3、在...
2018-08-27 00:23:18
10420
2
原创 weex的实践踩坑日常（一）
先简单说下weex吧，官网的介绍是基于当代 Web 开发技术，使用同一套代码来构建 Android、iOS 和 Web 应用。具体来讲，在集成了 WeexSDK 之后，你可以使用 JavaScript 和现代流行的前端框架来开发移动应用。我个人当时认为是‘一套代码，三端都可使用’。在此之前考虑过reactNative,angular和ionic,但由于学习成本和项目需求，最后决定用weex。下面简...
2018-07-22 18:55:54
671
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人