自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(31)
  • 收藏
  • 关注

原创 前端vue环境搭建(二)vue安装

注意:所有的npm 指令 在安装了淘宝镜像之后都可以替换成cnpm一、安装开发工具推荐:1.vscodeDownload Visual Studio Codehttps://code.visualstudio.com/download附上教程:VSCode安装教程(超详细)_『愚』的博客-CSDN博客_vscode安装教程2.WebStorm附上教程:WebStorm-2021安装教程_xudali_1012的博客-CSDN博客_webstorm下载教程二、安装vue1.

2021-09-17 09:55:30 3669 1

原创 前端vue的环境搭建(一)node安装

之前记过vue项目的创建,最近又遇到搭建环境的问题,记录一下~~~一、安装node1.下载安装包Download | Node.jshttps://nodejs.org/en/download/选择自己的版本,下载 然后双击安装会遇到选安装路径,其他的一路next安装成功后 打开cmd 输入node -v新版的Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载No...

2021-09-17 09:29:10 519

原创 记录: 去掉String的最后一个逗号

//第一种方法、将字符串中最后一个元素","逗号去掉, //str = str.substring(0, str.lastIndexOf(',')); //第二种方法、将字符串中最后一个元素","逗号去掉, //str = (str.substring(str.length - 1) == ',') ? str.substring(0, str.length - 1) : str; //第三种方法、将字符串中最后一个元素"...

2021-07-31 16:21:29 8800

原创 火狐浏览器:js问题,树结构上onRightClick事件执行完,执行onClick事件

1.树结构callback : { onClick : onClickEvent, onRightClick : onRightClickEvent }左键:执行onClickEvent,然后onclick右键:onRightClickEvent2.普通左键onclick右键火狐:1.树结构右键:onRightClickEvent 然后onclick解决:根据按键判断 右键不执行onclick$(docu...

2021-07-03 14:22:47 307

原创 <span> 内的<em>标签换行对齐问题

代码<span id="HISTROY_NAME">历史名称:<em>测试试试十四十四还是试试十四hi啊发发是否撒谎风景和五氟化硫蔷薇花费力气打算发大水的发晚上也iui积分</em></span>css设置换行之后的文字如下图 :#HISTROY_NAME{ display: inline-block; padding-left: 5em; text-indent: -5em;}注: em这个单位是指当前的字体尺...

2021-04-12 15:30:43 482

原创 vue 引入avue

近期有人推荐我使用avue,按照教程安装了,报错找不到标签百度都是说引入ui库失败了Avue.js是基于现有的element-ui库进行的二次封装,简化一些繁琐的操作,核心理念为数据驱动视图,主要的组件库针对table表格和form表单场景,同时衍生出更多企业常用的组件,达到高复用,容易维护和扩展的框架,同时内置了丰富了数据展示组件,让开发变得更加容易。详见:https://avuejs.com1.下载vue官方脚手架2.安装element-ui,axios,avuenpm in.

2020-12-25 14:20:00 2306

原创 今日收获 可以点击的标签 鼠标悬浮 小手图标

在style中添加cursor:pointer 实现鼠标悬停变成小手样式.没用过这个属性:cursor 查询详细如下:cursor:hand也是表示文本选择效果cursor: url("小图片地址") /* 设置鼠标指针默认为一个小图片 */

2020-12-10 16:46:58 283

原创 数字,最多两位小数

//数字,最多两位小数function changeNum(num) { //如果用户第一位输入的是小数点,则重置输入框内容 if (num.substr(0, 1) == '.') { num = ""; } num = num.replace(/^0*(0\.|[1-9])/, '$1');//粘贴不生效 num = num.replace(/[^\d.]...

2020-09-24 11:16:05 502 1

原创 控制文字溢出处理css控制

css设置文字强制不换行超出用省略号表示{ white-space: nowrap; 文本强制不换行; text-overflow:ellipsis; 文本溢出显示省略号; overflow:hidden; 溢出的部分隐藏;}显示两行,超出用省略号表示{ overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-...

2020-09-24 10:15:33 151

原创 判空js undefined null

1.JS 中如何判断 undefinedvar exp = undefined;if (typeof(exp) == undefined){ alert("undefined");}2.JS 中如何判断 nullvar exp = null; if (!exp && typeof(exp)!=”undefined” && exp!=0) { alert(“is null”); } ...

2020-09-23 15:27:42 83

原创 解码方法encodeURI和encodeURIComponent

忽然想起来遇到了这个参数编码和解码的问题我开始用encodeURI编码,发现对特殊字符<>,.什么的都可以 但是对&符号就不行,然后去查了一下发现了encodeURIComponentencodeURI和encodeURIComponent都是对url的编码它们都是编码URL,唯一区别就是编码的字符范围了:encodeURI方法不会对下列字符编码ASCII字母、数字、~!@#$&*()=:/,;?+'encodeURIComponent方法不会对...

2020-08-29 16:53:01 949

原创 今天用layui的input 没有监听事件onclick 记录一下js原始监听

html元素<input name="unitName" lay-verify="required" type="text" maxlength="128" id="unitSelect"/>js监听方式:通过document进行监听,on后面对应自己的事件; $(document).on('click','#unitSelect',function (obj) { console.info(obj); ..

2020-07-31 10:32:28 1118

转载 Axios安装与使用

转载文章,如有侵权,请私聊马上删除!1、安装npm install axios2、将3步骤的模块挂载在main.js上import axios from './api'Vue.prototype.$axios = axios3、在src下创建目录api,结构如下在index.js配置axiosimport axios from 'axios'axios.defaults.timeout = 3600000 // 响应时间axios.defaults.baseURL =

2020-06-17 10:27:23 379

原创 vue报错 Duplicate keys detected: ''. This may cause an update error. found in

解决这个报错是有重复的值,这里就是 ‘’因为我在写prop:id数据中多个对象的id为‘’,就是没有值,所以判断重复,所以报错,把id改成别的就解决了,如果用id,各个对象中的id重复了,也会报这个错,区别是‘’里面会写具体的重复值所以,prop的值不要随意设id...

2020-01-10 17:16:02 32087

原创 (02)微信小程序开发工具以及第一个小程序

(一)下载微信开发者工具下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html选择自己系统的版本,下载安装即可,没有遇到安装困难打开下载好的开发工具然后用自己的微信扫码登录登录后就可以查看自己的项目了打开设置(二)新建小程序目录选本地目...

2020-01-02 14:59:53 237

原创 (01)微信小程序注册申请

20191230未来的半年将进行一个微信小程序开发的项目,所以进行记录具体内容没想好,目前想练习开发一个答题游戏。但是需要提前准备一下技术,未来将记录学习中遇到的问题以及开发进度首先必须从注册申请账号开始,因为我在春天就有自己开发一个的想法,当时注册了一个,没有截图。所以去别人的记录中选了一个比较清晰的转载过来作为开始。结果转载还得获得原作者的同意,有点复杂,决定自己写了。...

2019-12-30 11:47:50 530

原创 el-tree,获取节点数据并展示

效果展示:点击按钮--->出现树-->选中数据-->展示在页面逻辑:树组件,获取选中数据,找到父节点,传给父组件遇到的问题:节点有key和jiancheng两个数据,要写上parent记录父节点,在获取选中节点的父节点数据时好获取效果:代码:子组件(树结构):html<el-treeclass="or...

2019-12-18 13:52:40 4830

原创 开心一记 (vue页面css)优先级

在应用element的时候遇到需要自己写样式的button实现效果上传前文字为蓝色,背景图标为同色按钮,点击后文字颜色改变,图标更换。HTML:<el-button :disabled="is_upload" :class="{after_upload:is_upload}" @click="submit">请上传.pdf文件</el-button&gt...

2019-12-13 09:49:57 3161

原创 map加reduce自学遇到的坑

我的代码:function string2int(s) {var r=[];var n;r=s.split('');n=r.reduce(function(x, y){ return (x*10+y);console.log((x*10+y));});return n;}测试失败原因数组内是字符串:arr=['1','2','3']ar...

2019-11-20 15:47:01 145

原创 多维数组练习题目

之前做过,结果果断忘记了,所以有必要记录一下

2019-11-19 11:10:09 388

原创 js复习笔记

1.JavaScript严格区分大小写,如果弄错了大小写,程序将报错或者运行不正常2.每一句结束使用 ;(分号)结束3.注释:行注释: //这是行注释块注释: /*这是块注释 这里也是块注释 这里也是块注释*/4.数据类型123; // 整数1230.456; /...

2019-11-11 14:42:28 141

原创 vue引入element入门

1.创建 ten 项目vue init webpack ten创建过程中出现以下内容? Project name ten //空格? Project description A Vue.js project //空格? Author symiac <EC_Base@symiac> //空格? Vue build standalone //空格? Insta...

2019-10-08 10:17:25 252

原创 vue创建

前提:node安装、vue安装、webpack安装创建vue在要建立的文件处打开命令行界面vue init webpack 文件名已经建好 element2在ElementIu目录下输完npm run dev之后会出现正常就是成功了出现报错:Uncaught TypeError: Cannot read property 'search...

2019-08-06 10:44:50 168

原创 前端杂记

1.javascript的typeof返回哪些数据类型(5种)Object number function boolean underfind symbol(ES6)2.例举3种强制类型转换和2种隐式类型转换?强制(parseInt,parseFloat,number)隐式(== – ===)3.split() join() 的区别前者是切割成数组的形式,后者是将数组转换成字符串sp...

2019-07-29 15:00:05 102

原创 前端杂记

本日内容:(1)js、css在html中的位置(2)获取屏幕高宽(3)this绑定(call, apply, bind)call, apply, bind 的区别总结:本来想写一写闭包,但是看大佬们都好复杂,我准备再好好理解理解~~(1)js、css在html中的位置?css文件放在head中 js文件两种情况对于调用执行的,我们最好放在head里,直接声明或者引用外部...

2019-06-27 18:09:26 112

原创 前端题目杂记

1.css实现三角形.one{ width:0; height:0; border-top:200px solidred; border-bottom:200px solidblue; border-left:200px solid#FFFFFF; border-right:200px solid#FFFFFF;...

2019-06-26 19:59:20 203

原创 Vue新开始啦

今天的成果,见图~<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-e...

2019-05-16 20:11:18 101

转载 前端笔试

1、匿名函数,let使用参考资料:http://es6.ruanyifeng.com/#docs/let(function(){ let a=b=3;var a=b=3;})/// console.log(a); //报错/// console.log(b); //报错选择题:1、在下列的 HTML 中,哪个是最大的标题?()A....

2019-05-12 22:24:06 238

原创 Vue第三天,失败了,求解

问题:点击第一页第二页的东西都没有显示第一第二页的内容,只是导航栏的地址变了,第一页的链接点了但是没有变地址,压着command再点击会打开新的页面,导航的地址变为/first,但是也没有显示first页面求大神指点~~效果点击第二页:1、new Vue问题问题不让用new开头改正:报错:改正:2、代码格式:每一行后面都不需要...

2019-04-16 15:19:51 268

原创 Vue新手记录

最近找工作,拖了许久终于开始了学习,学习一下Vue ,参考链接http://www.runoob.com/w3cnote/vue2-start-coding.html粗心遇到的问题1、编辑空格问题问题:13、14行 }的前面空格数目不够改正:2、引用路径问题:路径上compnents,s没有写改正:最后还是开心滴...

2019-04-15 20:25:26 211

原创 常见css框架有哪些?

目前,网络中有许多的前端框架,本人本着学习的态度认真的搜索了一番,总结一下我看到的前端框架。当然由于缺乏实践,所以就不进行评价了~先发一下css,后续发web框架、JavaScript框架等。 1.Bootstrap基于css,JavaScript,html 的前端框架,其中css是重点。用来实现电脑、手机、平板不同终端设备响应式设计,实现一个见面,多个终端均可以使用。2....

2018-09-09 21:58:55 6857

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除