摘要: “Error in render: "TypeError: Cannot read property '0' of undefined"”渲染错误问题 搭建项目商家详情头部时,能够完整渲染出整体头部界面无问题,但开发者工具仍然报出“Error in render: "TypeError: Canno 阅读全文
posted @ 2020-03-22 09:51 研发之心 阅读(4219) 评论(0) 推荐(3) 编辑
摘要: 一、理清思路,理解需求和原理 1. 要写一个什么样的轮播? 在点击右侧箭头时,图片向左滑动到下一张;点击左侧箭头时,图片向右滑到下一张 点击下面的小圆点,滑到对应的图片,相应小圆点的样式也发生改变 要有过渡效果,要缓缓滑动过去 当鼠标hover到图片上时,轮播暂停,当鼠标leave时,轮播继续 自动 阅读全文
posted @ 2020-03-22 09:46 研发之心 阅读(642) 评论(0) 推荐(3) 编辑
摘要: 基本要求:页面加载,自动播放。鼠标悬停,停止播放。鼠标离开,继续播放。点击左右箭头切换上一张,下一张图片。下方小圆点显示当前位第几张图片。 示例代码: 结构html: <template> <div id="slider"> <div class="window" @mouseover="stop" 阅读全文
posted @ 2020-03-22 09:33 研发之心 阅读(341) 评论(0) 推荐(2) 编辑
摘要: 网页中的将字体分为5大类 1.serif:衬线字体 2.sans-serif:非衬线字体 3.monospace:等宽字体 4.cursive:草书字体 5.fantasy:幻虚字体 <p style="font-size: 50px; font-family: serif;">衬线字体</p> < 阅读全文
posted @ 2020-03-22 09:28 研发之心 阅读(900) 评论(0) 推荐(1) 编辑
摘要: 1.安装echartscnpm install echarts --save 2.vue代码 <template> <div> //下面的div给表一个容器 <div id="myChart" :style="{width: '1000px', height: '500px'}"></div> </ 阅读全文
posted @ 2020-03-22 09:21 研发之心 阅读(11254) 评论(1) 推荐(11) 编辑
摘要: 准备工作: 首先我们初始化一个vue项目,执行vue init webpack echart,接着我们进入初始化的项目下。安装echarts, npm install echarts -S //或 cnpm install echarts -S 安装完成之后,我们就可以开始引入我们需要的echart 阅读全文
posted @ 2020-03-22 09:19 研发之心 阅读(2296) 评论(0) 推荐(4) 编辑
摘要: div 加滚动条的两种方法: 一、 <div style=" overflow:scroll; width:400px; height:400px;”></div> 记住宽和高一定要设置噢,否则不成的不过在不超出时,会有下面的滚动条,所以不是最好的选择二、 <div style=" overflow 阅读全文
posted @ 2020-03-22 08:17 研发之心 阅读(5883) 评论(0) 推荐(3) 编辑
摘要: 导入js文件有很多种方式,我喜欢使用这种,感觉跟框架导入很相似。没有多余的沉湎。 定义一个js文件,比如util.js import Vue from "vue"; // StringUtil const StringUtil = { //是否为空判断 isNull: function(text) 阅读全文
posted @ 2020-03-22 08:15 研发之心 阅读(2384) 评论(0) 推荐(3) 编辑
摘要: 在vue中引入外部的css文件在项目的src文件下,新建一个style文件夹,存放css文件。 1. 全局引入将外部的css文件放到style文件下,引入外部文件只需在main.js文件中 import './style/reset.css' 我引入的是清除默认样式的css文件 2. 局部引入 <s 阅读全文
posted @ 2020-03-22 08:13 研发之心 阅读(9278) 评论(0) 推荐(6) 编辑
摘要: 思路: 1.浏览器缓存永久保存搜索历史数据. 2.页面初始化将数据保存到页面变量中. 3.对搜索历史记录的怎加和删除,要同步到缓存中. 直接看代码 *前端使用的是vue,这里只是代码片段* 1.页面的 div <! 历史搜索begin > <div style="margin-top: 46px"> 阅读全文
posted @ 2020-03-22 08:11 研发之心 阅读(4517) 评论(0) 推荐(2) 编辑
摘要: 踩坑问题描述: 问题一: 获取到后端返回的数组,并将数组传入作为 results 传入 callback 后,焦点放在 输入框 上的时候,并未出现任何内容,只出现了一个不完整的空白框。 问题解决方案:这个问题开始我以为是传进 callback 的 data 格式不对。Element官网上是这么写的: 阅读全文
posted @ 2020-03-22 08:07 研发之心 阅读(4926) 评论(0) 推荐(2) 编辑
摘要: Invalid default value for prop "value": Props with type Object/Array must use a factory function to return the default value.(百度翻译:PROP“值”的默认缺省值:Type对 阅读全文
posted @ 2020-03-22 07:51 研发之心 阅读(965) 评论(0) 推荐(1) 编辑
摘要: 用法1. vue给我们提供一个操作dom的属性,ref。绑定在dom元素上时,用起来与id差不多,通过this.$refs来调用: <div ref="test">test</div> console.log(this.$refs.test) 看到打印出来就是绑定的dom对象,可以用来执行一些dom 阅读全文
posted @ 2020-03-21 22:03 研发之心 阅读(3399) 评论(0) 推荐(3) 编辑
摘要: 学习vue有一段时间了,也写了一些东西。今天看文档突然看到了一个好玩的东西,那就是prop。prop的作用是父组件中引用了子组件并给子组件加了一个属性,这个属性可以是静态的,可以是动态的,可以是数字,可以是字符串,可以是数组,还可以是对象。接下来就展示改怎么用。 一、props不设置具体的类型字段( 阅读全文
posted @ 2020-03-21 21:55 研发之心 阅读(842) 评论(0) 推荐(4) 编辑
摘要: 这集来聊什么是 Nodejs ,看看 Node.js 是为了解决什么样的痛点而生的,为啥说它是一个 JS 的运行环境,以及 npm 是什么,为何能引发了 Web 开发的革命。 Node.js 的诞生 先来聊聊 Node.js 诞生的故事,了解一下它最早的定位,以及后来定位的变化。 Node.js 是 阅读全文
posted @ 2020-03-21 21:50 研发之心 阅读(271) 评论(0) 推荐(1) 编辑
摘要: 目的:实现前后端分离,前端减少路径请求的所需的路由文件; 第一步:安装http代理中间件 npm install http-proxy-middleware --save 第二步: express文件中(app.js)配置反向代理 // 1. 引入http-proxy-middleware模块 va 阅读全文
posted @ 2020-03-21 21:06 研发之心 阅读(509) 评论(0) 推荐(1) 编辑
摘要: 第一种 至少8-16个字符,至少1个大写字母,1个小写字母和1个数字,其他可以是任意字符: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[^]{8,16}$/ /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[\s\S]{8,16}$/ 其中 [\s\S] 中的\ 阅读全文
posted @ 2020-03-21 20:54 研发之心 阅读(1062) 评论(0) 推荐(1) 编辑
摘要: 思路 1、通过'\'关键字用split分割成数组 2、取分割后数组的最后一个就是文件名 3.另外,字符串中\是没意义的,需要2个\\ 相关代码 <script> var a='C:\\Program Files\\Universal\\UFileUploaderD\\UFileUploaderD.d 阅读全文
posted @ 2020-03-21 20:36 研发之心 阅读(1097) 评论(1) 推荐(1) 编辑
摘要: js对象获取属性有两种方法:1.通过.的方式 2. 通过[]方式 // 通过.方式获取属性值,key是静态的 var aa = {name: "zhang", age: 18}; console.log(aa.name); // 通过[]获取属性值, key是动态的,可以是字符串,或者数字的形式 v 阅读全文
posted @ 2020-03-21 20:33 研发之心 阅读(2354) 评论(0) 推荐(2) 编辑
摘要: hasOwnProperty()方法可以检测对象是否有某个属性 var man = { legs:2, hands:2, heads:1 } man.hasOwnProperty("heads") //true hasOwnProperty()不能检测原型链上的属性 阅读全文
posted @ 2020-03-21 20:24 研发之心 阅读(1500) 评论(0) 推荐(3) 编辑
点击右上角即可分享
微信分享提示