- 博客(41)
- 收藏
- 关注
RSS订阅原创 vue踩坑之路did you register the component correctly? For recursive components
相同的组件在引用的时候取不同的名字，这时候就不要简写了。1、查找组件引用后是否在components中正确注册。2、递归组件同时又掉用了相同的组件。
2023-10-26 08:24:48
1056
原创 vue3 自定义v-model
子组件input，父组件实时接收子组件输入的值。之前用的都是子组件向父组件传值最原始的方法，vue2.2以后新增加了自定义v-model语法糖。亲测好用子组件：<template> <input @input="$emit('update:inputVal',$event.target.value)"></template><script> export default { props: {
2021-08-05 15:45:24
674
原创 vue3使用echarts
1、安装npm install echarts --save2、在main.js中导入import * as echarts from 'echarts'const app = createApp(App)app.config.globalProperties.$echarts = echartsapp.use(store).use(router).use(ElementPlus).mount('#app')3、在vue页面使用<div id="myCharts" cl
2021-08-04 17:29:27
892
原创 vuex的state数据更新，视图不更新
最近做项目碰见的问题，通过mutations修改数据后，computed可以监听到数据的变化，但是视图只更新一次就不变了。百度了很多解决办法都无效，最后搜索到的是vuex不能监听到数组的长度变化。因为之前一直没有存储过数组类的数据，所以并没有碰到过这样的问题。找到了不更新的原因，解决办法就很简单了，在每次修改数据之前，先将数据重置。state: { routeViews: [], //路由存储数组 }, mutations: { routeViews(state, obj)
2021-07-26 09:19:35
2363
1
原创 vue中的is方法
1、is扩展html标签的默认限制/* 正常情况下，ul下面嵌套的必须是li，这是html的固定写法 */<ul> <li></li> <li></li></ul>/* 在vue中有时会把li单独拿出来做成一个组件 */<ul> <my-item></my-item></ul>/* 上面这种写法在渲染时会默认无效内容，也许会报错，这时就用到i
2021-07-22 13:32:12
264
原创 vue video-player获取保存和设置当前播放进度
html：<video-player class="video-player vjs-custom-skin" ref="videoPlayer" :playsinline="true" :options="playerOptions" ...
2020-03-12 13:26:09
8268
5
原创 关于gitpush失败报错fatal: the remote end hung up unexpectedly
1、网上有很多说clone的时候也会报错，我是在push的时候才报错。2、可能还会出现fatal: early EOFfatal: index-pack failed的报错 error: RPC failed; curl 56 SSLRead() return error -9820报错。3、解决办法：1⃣️、通过百度查找，有很多说法，第一个是因为git混存区过小，需要扩大缓存区，或推...
2020-03-03 08:44:45
832
原创 oss上传文件
html代码<el-input type="paperTitle" placeholder="填写真实标题，不超过50字" v-model="paperTitle" maxlength="50" ...
2019-08-31 11:13:28
241
原创 vue 兼容ie，报错
import 'babel-polyfill';最好写在main.js的最上面，如果用到vuex，也要写在vuex，也要写在js最上面。vue安装完babel-polyfill，后还是报错，可能是插件没有被解析，这时候需要在webpack.base.conf里面添加resolve('/node_modules/[email protected]@element-ui/src'),括号里面...
2019-08-30 17:03:16
125
原创 vue安装一些常用依赖
1、安装vuexnpm install vuex --save2、安装elementUInpm i element-ui -S3、安装echartnpm install echarts --save4、安装scssnpm install node-sass --save-devnpm install sass-loader --save-devnpm ins...
2019-08-05 17:43:29
220
原创 Mac--安装sass和报错
想再新项目里面使用sass，根据sass官网步骤进行安装，一直在报错。1、首先更换gem源的淘宝镜像，gem sources -a https://ruby.taobao.org/官网是这么写的，但是实际上，应该将org改成com，据说应该是国内已经不支持org了。 2、安装sassgem install sass这个也一直在报错，Failed to build g...
2019-02-26 13:35:15
947
原创 vue 本地访问改成线上IP访问
将index文件里面的 host: 'localhost'修改成 host: '需要的IP地址'// Various Dev Server settings host: 'localhost', // can be overwritten by process.env.HOST port: 8080, // can be overwritten by process.en...
2019-02-14 09:59:18
1893
原创 input radio checkbox选择样式和获取cookie设置cookie
一、input选择样式<div class="input-select"> <div class="input-select-div"> <input id="item1" type="radio" name="item" value="男" checked&am
2019-01-30 10:38:48
214
原创 码云git和本地项目关联
1、在码云新建一个仓库2、创建本地仓库 在项目目录下打开git，初始化本地仓库git init3、将本地仓库与远程仓库关联git remote add origin https://gitee.com/wangshiting/meituan.git这里的地址就是新建远程仓库克隆／下载的地址注：这一步以后可能会让输入远程仓库的用户名和密码，用户名就是注册...
2019-01-10 14:20:29
765
1
原创 js 点击页面其它处隐藏div
$(".chat-popup-money-select-txt").click(function (e) { e=event||window.event; e.stopPropagation(); $(".chat-popup-money-option").show();}); //点击显示divvar myDiv = $(".chat-popup-money...
2018-12-17 14:03:10
328
原创 学习Git小结--HEAD、master、branch
一、HEAD：当前commit的引用，当前commit在哪里，HEAD就在哪里，这是一个永远自动指向当前commit的引用。二、master：新创建的仓库（repository）是没有任何commit的，但在创建第一个commit时会把master指向它，并把HEAD指向master。三、branch：只是一个指向commit的引用（master为默认分支）1、创建：git br...
2018-10-16 14:39:57
2557
原创 video无法自动播放以及不能根据父元素自适应大小
1、video添加了autoplay="autoplay"后还是不能自动播放，查阅资料后，在标签内添加 muted，亲测有效<video src="video/pic_1536759760%20(1).mp4" muted autoplay="autoplay" style="width: 100%;height: 100%;object-fit: fill"></vide...
2018-09-26 09:49:05
1603
原创 新手使用码云管理代码
1、打开码云网站注册账户2、进入个人主页，在页面左侧选择Private按钮，然后点击右侧加号，创建私有仓库。3、进入创建新项目页面，填写信息，注：语言根据自己的项目选择，我选择的是javascript，添加开源许可证那里，选择MIT License。最后点击创建。4、创建后的页面5、将本地仓库和线上仓库进行关联注：想在本地进行关联，首先需要在本地安装git，去git...
2018-09-06 14:58:14
4611
原创 隐藏iframe滚动条
iframe会出现滚动条是因为子页面内容过长，所以想让页面不出现滚动条有两种方法：一、让子页面高度不超过屏幕高度，这样会修改原本写好的页面布局。二、修改滚动条样式，使其滚动条视觉上隐藏::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-sc...
2018-09-06 08:58:27
2700
原创 关于git的一些常用命令
1、git status //查看当前在哪个分支，是用来查看工作目录当前状态的指令2、git add . //将所有文件提交到暂存区 git add shopping\ list.txt //将单独一个文件提交到暂存区3、git commit -m '添加一些描述' //提交到本地仓库4、git push //提交到线上仓库5、git pul...
2018-08-25 16:06:47
86
原创 关于在手机端onclick事件和a标签点击出现背景input输入框有阴影
1、a标签在移动端点击出现浅蓝色背景a,a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline:none; background: none; ...
2018-07-05 15:05:10
984
原创 react组建生命周期
1、componentDidMount =(index) => {};//组建没加载的时候执行函数，且只执行一次2、componentDidUpdate =() =>{} //组建render完成后执行的方法，每次更新渲染都会被调用...
2018-06-13 20:25:28
113
原创 react--获取元素 && setState同步更新
1、获取元素import React,{Component} from 'react'export default class UserAdd extends Component{ constructor(){ super(); } handleSubmit=()=>{ let name=this.refs.name.value;//...
2018-06-11 18:33:31
389
原创 关于react-router4的总结
刚接触react做项目，自己动手，总是有很多的坑。我已经碰到了好几个，但是由于项目时间比较急，我没来得及每一个问题都记下来。刚刚遇到一个比较不懂的问题，是解决了，就是不知道出现问题的原因。我先记录下来，小伙伴们如果遇见可以知道解决办法，剩下的几个问题等我有时间慢慢更新。1、我点击的时候跳转过去路由重定向了。<Link to="/download"><div className="...
2018-05-19 14:21:37
270
原创 vue--子组件修改数据传递给父组件
子组件代码：<span class="block positive" @click="select(2,$event)" :class="{'active':selectType===2}">{{desc.all}}<span class="count">{{ratings.length}}</span></span>
2018-04-16 14:41:38
1115
原创 关于vue computed修改data数据的问题
最近在做项目的时候遇见一个问题，computed修改data数据的时候会报错。报错的大概意思是，不可以修改data数据的属性值。查了一些答案，最终解决办法是需要用到set和get。看代码：data () { return { fold: false }}我想修改fold的值，如果不用get和set就会报错！！！computed:{ listShow: { ...
2018-04-11 18:10:26
21130
6
原创 mobiscroll.js插件的简单配置
mobiscroll.js插件是一款应用在手机端功能强大的插件。可以在h5页面实现模仿安卓和ios手机上面的效果。1、可自定义主题，官网有很多主题可以自己定义，然后下载。2、js配置（日期配置）<script> var theme = "ios";//这里可以选择不同的主题风格，主题不同，相对应引用的js也不同 var mode = "scroller"; va...
2018-03-28 16:58:38
3402
原创 vue2.0创建项目
一、安装vue-clisudo npm install -g vue-cli //sudo提升用户权限，windows环境下省略安装完成后执行vue命令vue 如果安装成功会出现二、安装webpack模板vue init webpack sell //sell是项目名称安装过程中会出现选项三、运行项目npm run dev //启动成功后访问的地址 http://localhost:808...
2018-03-01 17:49:00
163
原创 ES6积累
一、ECMAScript 是什么？有什么作用？ ECMAScript是JavaScript的组成部分，JavaScript没了它可是不行的，ECMAScript就是JavaScript中的语法规范！ECMAScript是属于国际标准化的语言，所有浏览器开发商都要按照它制定的标准来开发浏览器。开发者也一样，按照它的规定来编程代码。语法 – 解析规则，关键字，语句，声明，操作等
2018-01-22 16:52:17
127
转载 关于鼠标滚动滑轮事件
总结一下滑动鼠标滚轮，可以左右切换图片。在网上找的资料，自己进行修改逻辑，完成。 var scrollFunc = function (e) { var direct = 0; e = e || window.event; if (e.wheelDelta) { //判断浏览器IE，谷歌滑轮事件
2018-01-22 16:50:22
577
原创 angular创建组件
当angular创建组件报错的时候，要考虑是否angular-cli版本是否过低。升级angular-cli版本：1、先升级npm的版本 npm install -g npm2、先卸载掉 angular-cli包npm uninstall -g @angular/cli3、安装最新版angular-cli包npm install -g @angular/cli@latest(npm往往
2018-01-22 16:46:56
424
原创 js面向对象总结
一、创建对象的三种方法 1、字面量方式创建var obj={ a:"战三", b:"李四"}2、new构造器的方法，首先要了解原型链function foo(){}//当创建函数对象之后，函数对象默认会带有一个foo.prototype.属性。属性是一个对象属性var objNew = new foo();//创建一个新对象,他的原型指向foo.prototype ob
2017-03-26 20:49:39
239
原创 关于node安装bower问题
一、首先需要安装nodejs，我安装在C:\Program Files\。 二、安装bower，出现两种情况，第一种：bower安装不上报错，解决办法是淘宝镜像。安装成功之后bower -v显示不是内部或外部指令。 第二种：cmd直接报错，查找原因，需要运行管理员命令窗口，安装正常，但是bower -v还是报错。 三、查找报错原因，环境变量配置不正确。 解决办法： 所创建的
2017-03-11 23:06:30
367
转载 iframe自适应子页面高度
方式1：12345//注意：下面的代码是放在和iframe同一个页面中调用$("#iframeId").load(function () { var mainheight = $(this).contents().find("body").height() + 30; $(this).height(mainheight);});方式2：123456//注意
2017-03-06 13:01:52
301
原创 ajax总结
一，什么是ajax？ ajax是异步请求，用于创建快速动态网页的技术，实现网页的一步更新。 二，原声ajax创建//get请求，sever.php?name="..."&age="..." var xhr=new XMLHttpRequest(); xhr.open("GEt","sever.php"); xhr.send(); xhr.onreadysta
2017-03-02 18:00:08
246
1
原创 js设置数字每三个添加一个逗号，保留两位小数
var num_s = $(".rmb-num span").html();//获取数字 function outputmoney(number) { number = number.replace(/\,/g, ""); if(isNaN(number) || number == "")return ""; number = Math.rou
2017-03-02 14:01:11
1666
原创 页面兼容性问题
一，安卓浏览器看背景图片有些设备会模糊 想让图片在手机里显示更为清晰，必须使用2倍的背景图来代替。例如一个div的宽高是100*100，背景图必须得200*200，然后background-size:contain; 二，设置Web应用是否以全屏模式运行<meta name="apple-mobile-web-app-capable"content="yes">content=”yes”设置为y
2017-02-23 15:59:26
371
原创 html5新特性-----离线存储
用到离线存储的原因：越来越多的APP使用H5开发，通过浏览器进行访问，浏览器访问就需要互联网请求，在手机断网的情况下，就无法使用APP，而且很多资源是不需要随时更改的，综合这些原因，h5提供了一个新特性–离线存储。 用法：在页面头部加入manifest<!DOCTYPE HTML><html manifest = "cache.manifest">...</html>cache.manife
2017-02-09 16:15:51
639
原创 jQuery中ready()和load()区别
相信很多小伙伴和我一样，总是傻傻分不清楚ready()和load()事件的区别！最近就遇到了这种情况，于是仔细研读了一下资料，修改了一下demo，终于将他们搞清楚了！！！load()是需要等待文件包括css，dom，js等等，页面里面包含的所有东西都加载完成之后，才回去执行load()中的函数。 ready()则是只需要等待dom加载完成就可以执行相应函数，等待时间要小于load()。参考小伙伴的
2017-01-17 17:07:09
357
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人