- 博客(37)
- 收藏
- 关注
RSS订阅原创 Number、parseInt和parseFloat的区别
1、Number() 可以把任何类型的数据转换为数值或NaN(not a number)，parseInt()和parseFloat()只能把字符串或数值转换为数值；2、Number()和parseFloat()会有效解析浮点数（如"324.11abc"转为324.11），而parseInt()只提取数字字符串中的整数部分（如"324.11abc"转为324）；3、Number()把空字符串转换为0，而parseInt()和parseFloat()则是转换为NaN；4、Number()和pars
2021-04-02 17:17:41
2544
1
原创 什么是语法糖
语法糖（Syntactic sugar）：也译为糖衣语法，指计算机语言中添加的某种语法，这种语法对语言的功能并没有影响，但是更方便程序员使用。（由英国计算机科学家彼得·约翰·兰达（Peter J. Landin）发明的一个术语）简单的说，语法糖就是一种便捷写法。作用：使代码更简洁流畅，语义更自然，减少错误并提高工作效率。...
2021-04-02 16:05:51
778
原创 vue下axios上传文件
上传文件不成功，把form的格式改成enctype="multipart/form-data"这样都不行。找原因摘来找去是因为我封装了axios，有请求拦截，给拦截掉了，找到一个axios封装上传文件请求的，下面代码时axios.js中的。注：axios设置baseURL时注意，这个设置成固定的会有问题，当你的网站是https请求时你要设置成https协议，是http请求时你要设置成http协议，当你的网站只是一种协议可以请求时可以固定，但是当你的网站两个协议都可以请求时就不能写si了。比如：a
2020-08-24 10:49:20
777
原创 vue平行组件传值
我的是后台管理，要的效果是点击header上的收缩按钮，左边菜单栏跟着收缩变化。我是把header,left,main分开写成组件，然后引入到一个公共组件中。common是父组件，header和left是子组件header组件，点击事件，通过$emit给父组件common传已经改变的值common组件中接收值并赋值给leftleft组件中用props接收，并绑定值over,不知道你们能不能看的懂，写的不是很好。...
2020-08-24 10:18:11
444
原创 三级联动
一、html部分<select name="" id="province" class="li_address"> <option value="0">请选择</option></select><select name="" id="citys"> <option value="0">请选择</option></select><select name="" id="area".
2020-07-21 10:43:56
173
原创 vue中input绑定事件
做的越多遇到的问题越多，解决的问题越多，你会的就越多，加油我们都知道vue中是可以双向数据绑定的，但是有时候我们的事件会和双向绑定冲突。input中如果用了v-model，那么给它绑定的事件就不会执行。我遇到的问题是：因为是数组，给input绑定了一个值，绑定的change事件不会执行。所以把绑定数据改成把值绑定到value上，两个都是绑定，但是value是input原有的属性。（希望...
2020-03-25 15:19:11
5747
2
原创 移动端（vue）横竖屏签名
第一次接触这个移动端签名，知道用canvas但是canvas不精通。所以canvas的代码是找的别人的，本来想附上之前的链接的但是找不到了，抱歉。你能点进来说明你目前也被这个问题困扰着，我以我个人的理解说一下思路。大家都会怎么去签名，但是问题就在横屏和竖屏的问题上。1、先写好横屏和视屏的样式（横屏的时候正常布局就行，不用竖着布局，只是页面的宽高变化了，样式上不会有太大的影响的），2、用...
2020-03-16 13:40:22
4453
2
原创 js--常用的四大排序
1、冒泡排序 在一排数中，从前往后对相邻的两个输依次比较和调整，让较大的数往下沉，较小的数往前冒。（第一个和第二个比较，如果后面的大于前面的则换第二个和第三个比较。。。）for(var i = 1; i < arr.length;i++){ for(var j = 0;j < arr.length - i;j++){ if(arr[j] >...
2020-01-11 10:23:01
177
原创 mac下安装vue-cli时报错error -13
报错如图。报错原因：身份权限不够，请求被拒绝.解决办法：使用sudo命令sudo npm install -g @vue/cli
2019-12-04 15:01:08
621
原创 js--数组的方法
1、arr.push(元素1，元素2...)；（会修改原数组） 向数组的末尾添加新的元素，返回新数组的长度，可以一次添加多个元素2、arr.unshift(元素1，元素2...); （会修改原数组） 向数组的开头添加新的元素，返回新数组的长度，可以一次添加多个元素3、arr.pop(); （会修改原数组） 删除数组的最后一个元素，返回删除的...
2019-11-26 14:45:54
108
原创 js--数组
一、数组定义：数组是一个可以存储一组货一系列相关数据的容器（可以看作一个容器）。优点：（1）解决了大量相关数据的存储和使用问题 （2）可以模拟真实的世界（班级、军队）二、创建数组1、通过构造函数的方式创建 var a = new Array()（1）直接赋值var a = new Array(数据1,数据2,数据3,...)注：若括号中只有一...
2019-11-22 15:07:34
307
原创 js--对象
一、对象 定义：由若干个键值对组成的无序集合，每个属性存放一个原始值、对象或函数。 属性：用数据值来描述他的状态 行为：用来改变对象行为的方法二、创建对象 1、隐式声明方式：var obj = {} var obj = { name:'Tom', introduce:function(){ console....
2019-11-22 11:01:09
81
原创 echarts的legend(图例)中图例文本过长换行
图例文本过长，空间太小放不下，想换行。做之前我看了很多关于这个问题的解决方法，但是个人觉得不是很完美，因为有些需要给data中加\n等等，但是如果data是传过来的呢？这就不行了。简单的逻辑写在注释里了legend: { orient: 'vertical', right: 0, top: 30, itemWidth...
2019-10-25 14:31:48
8333
2
原创 ios下的setInterval和setItiemout失效（vue）
能点进来看的可能都遇到过的问题，就是ios下setInterval和setItiemout在最后一秒失效。这个问题一直很困扰我，因为项目着急上线，要解决这个问题。我就换了一种写法湿了一下，结果是可以的。希望对你们有用。没解决问题前是这样的 let that = this let two = setInterval(function() { ...
2019-09-23 14:07:42
1819
原创 js入门之函数
1、函数的概念和作用概念：函数是由事件驱动的或者当它被调用时执行的可重复使用的代码。作用：可以使一段代码重复使用，简化代码。2、函数的好处(1) 可以简化代码，(2) 逻辑思维更清晰3、函数的创建方式(1) 声明式：function 函数名(参数){}function submit(){}(2) 表达式：var 函数名 = function(参数){}v...
2019-09-15 15:11:40
680
原创 js入门-two
document.write : 文档输出。如果当页面加载完成后再去执行该方法，但该方法的输出内容会覆盖页面原有的内容。注：window.onload=function(){}当用js写的有些效果是在页面加载完成后才能实现的，需要把script标签放在整个html代码的最后，或者是放在head标签中然后把js内容写在window.onload=function(){}的代码块中。d...
2019-07-14 21:28:05
99
原创 localstorage的那些事
localstorage 的详细介绍就不多说了，菜鸟教程上很详细。菜鸟教程（可点击进入菜鸟教程的）划重点。目前所有的浏览器中都会把localStorage的值类型限定为string类型，不论你存进去的是数字还是什么，可以储存数组，获取时候用split(',')切割一下就好了，localStorage存对象需要转换,但是数组中有对象还是需要转换，把对象转成字符串就可以了。获取的时候再转...
2019-07-02 12:02:57
355
原创 vue中的setTimeout和setInterval
在vue中setTimeout和setInterval下的console和alert可以执行但是和this有关的不能执行console两个this的结果（按顺序）可以看出两个this的指向不同,因为setTimeout和setInterval这两个函数是window对象的函数可以在内部定义一个变量暂存this，再使用。...
2019-06-06 17:45:31
933
原创 vue传值
1、父组件向子组件传值父组件获取到数据<searchHeader v-bind:lists="student.list" ></searchHeader>子组件<ul> <li v-for="(item,index) in lists" key="index"> <p>{{item.name}...
2019-05-06 16:52:56
134
原创 vue-cli打包
我搭建项目是用vue-cli，在我们项目上线打包时遇到了问题。简单说一下问题，我们有pc端已经上线，要打包的是移动端，移动端要和pc端用一个域名不过移动端的地址是在pc端的基础上加/mobile，移动端打包之后要放在一个mobile的文件夹下，(以下是我根据自己的项目的设置)如图：用npm run build 打包后所有的路径都会打包为/static/......，但是我们index....
2019-04-30 15:20:51
100
原创 日期转换(时间戳)（vue）
在项目中后端返回给前端的日期不一定是能直接显示的日期，大多数是时间戳，时间戳也分毫秒和秒。所以要问清除后端 返回的是秒还是毫秒。 我知道的有两种方法，一种是moment,另外一种是自己封装全局时间过滤器一、先说一下moment1、输入以下命令npm install moment --save2、在main.js中 导入组件并定义时间格式化全局过滤器...
2019-04-30 14:50:20
5762
原创 vue中px自动转换为rem及移动端适配
1、找到项目的.postcssrc.js,并打开 ，找到'postcss-pxtorem'下的rootValue并设置"autoprefixer": { browsers: ['Android >= 4.0', 'iOS >= 7']},'postcss-pxtorem': { rootValue:16, propList: ['*']}...
2019-04-30 14:26:55
485
原创 h5移动端使用手机自带软键盘的“前往”、“go”键提交表单
这也是我自己在项目中遇到的问题，在网上找了很久都没有找到类似的。试了很多次浪费了很多时间登录和搜索时“前往”、“go”或者回车(电脑键盘)键提交表单（form）表单里有一个type=”submit”或者type=”text”就可以用“前往”、“go”或者回车键提交表单但是要注意，如果表单中有两个button按钮，一定都要设置type，不然提交不成功（因为用input我们都会去设置ty...
2019-04-30 14:01:06
5603
原创 h5移动端用input做按钮和button的区别
在我的项目中我遇到两次这样的问题——按钮的背景色不对，因为我用的是input （type="button"）。效果图如下：设置成背景图也没用，突然就想到是不是input的问题（在背景图不对之前我没有设置任何的样式），然后我换成了button，然后就可以了，从来没有注意过这个问题。图：over...
2019-04-30 13:33:24
3139
原创 echarts中柱状图隔柱换色切渐变
一、隔柱换色很多人会遇到柱状图隔柱换色的情况，我也遇到了两次，这次找到办法了，分享给大家。color: function(params) { //首先定义一个数组 var colorList = ['#41B79A','#F5A64C']; if(params.dataIndex % 2 == 0){ ...
2018-11-19 17:59:34
3207
1
原创 jquery中事件绑定on的用法
$('.base-questionnaire-asklist').on('click', '.base-question-delete,.question-choose-imgout,.question-addchoose', function() {})之前我以为事件后面是一个数组或对象，试了之后都不行，又一次我看见了这样的写法$('.base-questionnaire-askli...
2018-11-16 15:44:37
152
原创 不用label,点击字复选框或者单选框也选中或取消
很“新人”在做单选或者多选题这类效果的时候会忽略这个效果，我也是踩完地雷后才来写的这篇博客。下次一定要记得哦。1.html代码 <div class="system-set-jurisdiction"> <p>更多设置</p> <ul> <li><input type="c
2018-11-16 15:36:09
562
原创 echarts中柱状图（横向）超出容器
1.效果如图2.解决方法 xAxis: { show:false, boundaryGap: ['5%', '5%'],//留白大小，坐标轴两边留白 },yAxis: { boundaryGap: ['5%', '5%'],//留白大小，坐标轴两边留白 }设置后的效果图 ...
2018-11-16 15:07:41
8586
1
原创 node的标准模块之path
废话不多说，开始。如果用到了path这个模块首先得引入 const path=require('path')console.log(path)//返回{ resolve: [Function: resolve], normalize: [Function: normalize], isAbsolute: [Function: isAbsolute], join:...
2018-08-29 15:51:09
643
原创 vue-cli（脚手架）搭建项目
在使用vue之前相信你肯定已经安装过node环境了（版本不能过低），然后我们开始安装vue-cli一、安装全局的 vue-cli （我安装在E盘）npm install vue-cli -g如果npm 慢的话安装cnpm （淘宝镜像）npm install -g cnpm --registry=https://registry.npm.taobao.org查看是否安装成功 ...
2018-08-24 16:47:04
91
原创 webpack的使用
1、在安装webpack 之前，相信你应该已经对你的项目进行了初始化。如果么偶有请执行下面命令（在你项目文件夹下的cmd）npm init会自动生成package.json 文件 2、接下来用npm 下载webpack，注意：webpack 版本不能太高（不能是最新版本，不然后期会报很多错）全局的npm install webpack@3.10.0 -g局部的(-D...
2018-08-23 11:58:40
128
原创 echarts 雷达图的应用
如果没有你想要的认真看文档，文档上都有，看不懂的话去试。整个雷达图1、标题组件 title: {//标题组件 text: '创业素质分析雷达图',//主标题名称 right:40,//位置，距右边的距离 bottom:60,//距下边的距离 textStyle:{//标题文本样式 ...
2018-08-22 15:21:31
4746
3
原创 用swiper做简单的评分效果（获取swiper-slide中的值）
原理：和做平常的轮播图相同，只不过是把图片换成数字。评分效果评的分是要提交给后台的，所以要用到form（代码中没有显示，在最外层）和input（type=hidden,不要让input显示出来），每当滚动到某个数字的时候要获取到这个swiper-slide中的数字，并赋值给 input的value上，用swiper的on方法和slideChangeTransitionEnd（swiper从一个sl...
2018-08-10 18:04:12
4060
原创 搜索demo( 引用别人的)
链接：https://pan.baidu.com/s/1yjZiDdfR1v6twvwGMFW0ZA 密码：nofm
2018-08-10 17:25:29
223
原创 Vue Devtools （Vue调试工具）的安装
1、Vue Devtools 下载网址https://github.com/vuejs/vue-devtools2、点击download 3、进入文件夹（下载好的）Ctrl + shift + 鼠标右键，找在此处打开命令窗口，进入cmd命令模式 运行npm install 或 cnpm install 或 yarn install...
2018-08-10 15:11:05
423
原创 js入门-one
一、js定义 javascript是一种弱类型、动态类型、解释类型的脚本语言。 弱类型：类型检查不严格，偏向于容忍隐式类型转换。 动态类型：运行的时候执行类型检查。 解释类型：程序不需要编译，程序在运行的时候才翻译成机器语言，每执行一次都要翻译一次，因此效率低，但跨平台性好。二、js 的组成（js之父：Brend...
2018-03-30 18:13:08
3077
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人