- 博客(75)
- 收藏
- 关注
RSS订阅原创 js对象中属性值是否有一个不为空
js对象中属性有一个不为空js 判断对象中所有属性是否为空function objectKeyIsEmpty(obj) {let empty = null;for (const key in obj) {if (obj.hasOwnProperty(key)) {if (obj[key] === null || obj[key] === ‘’) {empty = true;} else {empty = false;break;}}}return empty;}调用:var
2022-02-24 14:59:28
638
原创 vuex状态管理器的理解
最近看一vuex状态管理器，讲得清明白的分享一下：https://zhuanlan.zhihu.com/p/80373603https://segmentfault.com/a/1190000015782272
2020-10-26 20:54:38
207
原创 VIM 如何快速使用快捷键
vim进入和退出命令按ESC键 跳到命令模式，然后：:w 保存文件但不退出vi :w file 将修改另外保存到file中，不退出vi :w! 强制保存，不推出vi :wq 保存文件并退出vi :wq! 强制保存文件，并退出vi q: 不保存文件，退出vi :q! 不保存文件，强制退出vi:e! 放弃所有修改，从上次保存文件开始再编辑命令历史以:和/开头的命令都有历史纪录，可以首先键入:或/然后按上下箭头来选择某个历史命令。启动vim在命令行窗口中输入以下命令即可v
2020-09-01 10:17:41
208
1
原创 在vue处理中懒加载和按需加载
vue中的懒加载和按需加载懒加载按需加载懒加载（1）懒加载定义：懒加载页脚延迟加载，即在需要的时候进行加载，随用随载入（2）异步加载三种表示方法：1. resolve=>require([URL],resolve),//支持性好2. ()=>system.import(URL),//webpack2官网已经声明将逐渐废除，不推荐使用，3. ()=>import(URL),//webpack2官网推荐使用，属于es7范畴，需要配合babel的syntax-dynamic-im
2020-08-21 20:20:49
531
原创 微信小程序navigateBack 返回上一页面并携带参数
从A页面进入B页面在从B页面携带参数返回到A页面首先：B页面要获取到A页面的参数// 返回上一页携带参数 let pages = getCurrentPages(); let prevPage = pages[pages.length - 2]; //上一页 -1为当前页面 prevPage.setData({ valid: add, //valid 是要传给A页面使用 }) setT
2020-08-19 21:50:35
1705
原创 关于npm和yarn 安装vue脚手架
使用npm 安装或者yarn安装第一步：安装node.js 地址 --------https://nodejs.org/en/详细步骤这里就不写了 可以去看 地址 --------https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html第二步：下载完了之后进入cmd 输入node -v查看版本号看到上面表示安装成功。node.js是自带npm的，直接npm install -g @vu...
2020-05-22 15:23:55
1079
原创 如何使用git提交本地分支到远程分支
git提交本地分支到远程分支Git常用操作命令收集：1) 远程仓库相关命令检出仓库：$gitclonegit://github.com/jquery/jquery.git查看远程仓库：$gitremote -v添加远程仓库：$gitremote add [name] [url]删除远程仓库：$gitremote rm [name]修改远程仓库：$gi...
2020-03-17 12:49:06
1387
原创 vue 遇到小问题
1.Vue：切换导航时router-view数据不刷新router-view上添加:key="$route.fullPath"动态菜单切换时，router-view视图不刷新数据<el-header class="pc_set"> <el-menu :default-active="$route.path" ...
2020-03-06 15:46:13
165
原创 Error in callback for watcher "data": "TypeError: children.indexOf is not a function" found in
关于Error in callback for watcher “data”: "TypeError: data.indexOf is not a function"的错误说明原因：显示需要数组包含对象的形式，每个对象是一行数据，拿到的数据格式不对。错误例子：从后台获取数据res.data,显示在树中。数据，且都为空。报三个错，如下：经过打印res.data之后...
2020-02-27 11:14:45
4588
1
原创 关于Invalid prop: type check failed for prop "index". Expected String with value "1", got Number
在elementUI导航组件中加入后台数据驱动循环生成导航过程中：会在控制台出现如下图警告：原来是elementUI的：index字段为字符串格式，后台数据为num格式，格式警告，格式转换，问题解决！...
2020-02-26 17:47:04
3935
1
转载 vue多页面路由相互跳转问题？
由于业务需要，需要使用到多页面，最近在多页面中路由跳转遇到了一个问题：1、有index.html、exchange.html两个模板文件，分别对应两个入口，vue.config.js配置如下// 配置多页面入口 pages: { index: { entry: 'src/main.js', template: 'public/index.html', ...
2020-02-26 10:31:03
2047
1
原创 关于[Vue warn]: Duplicate keys detected: ‘1‘. This may cause an update error
在vue或小程序的循环中，为保证每一项的独立性，都会使用 key来区分。对下拉框信息进行循环：<el-select v-model="form.code" sytle="display: inline-block;" placeholder="请选择电话国家编码"><el-optionv-for="item in phone":key="item....
2020-02-10 23:10:41
261
转载 命令行升级node、npm
非windows环境下node更新如下npm中有一个模块叫做“n”，专门用来管理node.js版本的。先执行npm install -g n当前命令行在window环境下会报错，并不支持n模块安装如果出现报错，使用npm install -g n --force 命令行升级稳定版n stable升级到最新n latest升级安装指定版本n 0.10.26...
2019-11-13 20:03:08
201
原创 js对象中什么是可枚举性(enumerable)？
说到枚举，可能很多人都会想到枚举类型，但在javascript对象中有一个属性为可枚举性，他是什么呢？概念可枚举性（enumerable）用来控制所描述的属性，是否将被包括在for...in循环之中。具体来说，如果一个属性的enumerable为false，下面三个操作不会取到该属性。* for..in循环* Object.keys方法* JSON.stringify方法enum...
2019-08-05 11:44:44
249
原创 ajax 请求的打他数据格式————ajax遇到的问题（一）
ajax提交data类型一、问题来源今天在使用ajax时发现get传data时，传递json字符串时传不过去参数，所以做了一些实验测试ajax的get和post的传递data时的不同。二、概念ajax有三种传递传递data的方式：json格式 json字符串格式 标准参数模式1.json格式形如：{“username”:”chen”,”nickname”:”ali...
2019-07-05 17:14:35
198
原创 除指定区域外点击任何地方隐藏DIV ————js
这个问题出现的地方非常多，例如点击弹出下拉菜单中，弹框等。css部分#myDiv{ border:1px solid #000000; width:200px; height:100px; background:#FF0000; color: #FFFFFF; margin: 50px auto;html部分<...
2019-07-05 11:09:09
429
原创 前端在html页面之间跳转与传值(js代码
页面跳转方法如下；方法一：window.location.href="b.html";方法二：self.location="b.html";方法三：top.location="b.html";方法四(返回上一个页面，这个应该不算，先放这)：window.history.back(-1);问题的思考：1.为什么给window.location和wind...
2019-06-04 17:09:47
8927
原创 HTML5之file控件
file控件和select都是属于样式有点不受控制.file控件以及fileList对象。file控件：<input type="file" id="inName" mutiple="multiple">document.getElementById("idName").file;//返回的是fileList对象。fileList对象的常用方法有name（文件名...
2019-06-03 15:25:36
17073
翻译 http协议
超文本传输协议（HTTP），实现客户端和服务器之间的通信。http用作客户端和服务器之间的请求——响应协议web浏览器可以是客户端，并且托管网站的计算机上应用程序可以使服务器。示例：客户端（浏览器）向服务器提交http请求；然后服务器向客户端返回响应。响应包含请求的状态信息，还可能包含请求的内容。Http方法GET POST PUT HEAD DELETE PATCH...
2019-05-23 14:09:51
70
转载 50个常用的CSS2/CSS3代码片段
这篇文字里我会介绍50 个便于使用的 CSS2/CSS3 代码片段给所有的WEB专业人员. 选择IDE开发环境来存储这些是个不错选择, 或者仅仅是把它们保存为一个小小的CSS文件. 不管那种方式我肯定设计者和开发者都会发现他们之中一些有用的.推荐阅读:对初学者的 20个有用的CSS技巧1. CSS 重置html, body, div, span, applet, o...
2019-05-20 12:54:13
784
原创 关于svn提交performing vcs refresh 卡住的解决办法
cnpm install 安装的包会在 node_modules 里创建两个文件夹，其中一个是另一个的引用，这样就会导致项目依赖比较多的时候 node_moduels 里有很多引用目录。而 npm install 则不是这样但是在国内可能更多人习惯使用 cnpm，如果svn提交的时候没有ignore node_modules这个文件夹的话，会卡死。所以需要将该文件夹排除掉。要解...
2019-05-14 09:51:39
6220
2
原创 css-图片（img）的等比例自动缩放
img{ width: auto; height: auto; max-width: 100%; max-height: 100%; } 根据父容器的自动缩放，并保持图片原来的比例。这样你设置父容器的大小就可以啦。...
2019-05-05 18:39:26
35376
1
原创 Window Location方法使用
window.location方法获取URL统一资源定位符 (Uniform Resource Locator, URL)完整的URL由这几个部分构成：scheme://host:port/path?query#fragmentscheme:通信协议常用的http,ftp,maito等host:主机服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。port...
2019-04-10 19:40:31
2351
转载 使用userAgent判断当前页面是否在webView里打开
需求背景：需要判断网页是否在自己app里的webView里打开（电脑端浏览器、手机qq，手机请求浏览器，微信，微信朋友圈，微博，手机Safari等除外）1.app内部：需要调用原生app方法2.非微信的其他浏览器或webview，提示请在微信中打开页面3.微信：发起微信授权获取的用户信息。function openInWebview () { var ua = navig...
2019-04-08 11:48:04
750
原创 AR ———正方形图片识别转换成一个标记
提供素材：图片是一个正方形的，加载到我们的项目中的文件一张生成的识别文件：用来扫一扫，展示我们最终效果图。文件加载：<script src='js/three.js'></script><script src="build/ar.js"></script><script src="js/threex-arpatte...
2019-03-22 16:57:48
948
1
原创 mCustomScrollbar滚动条插件 使用说明
mCustomScrollbar 是个基于 jQuery UI 的自定义滚动条插件，它可以让你灵活的通过 CSS 定义网页的滚动条，并且垂直和水平两个方向的滚动条都可以定义，它通过 Brandon Aaron jquery mouse-wheel plugin 提供了鼠标滚动的支持，并且在滚动的过程中，还可以缓冲滚动使得滚动更加的平滑，还可以自动调整滚动条的位置和定义滚动到的位置等。(HTML必须...
2019-03-14 11:24:40
2063
转载 vue问题错误：[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the
报错：Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutate...
2019-03-06 18:21:51
9584
转载 前端必备——js中前端与后台的数据交互全解
前面的文章我们系统介绍了js中的数组、字符串、函数、数据结构、BOM、DOM、事件、表单，今天我们来了解一下js中的作为前端开发与后台的交互。需要代码的朋友可以百度搜索“栾鹏全栈”到我CSDN博客下载和复制代码。只要编程语言能够支持网卡端口的监听和发送，理论上都是可以实现服务器后台设计的。也因此造成了实现后台的语言偏多，而web前端语言以html/css/js为主。所以在这里我们不涉及后台...
2019-03-06 10:48:06
1012
原创 svg基本使用
1.什么是SVG指可伸缩矢量图形 用来定义用于网络的基于矢量的图形 XML 格式定义图形 图像在放大或改变尺寸的情况下其图形质量不会有所损失 是万维网联盟的标准 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体2.语法：<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//...
2019-03-04 17:39:58
731
转载 前端如何高效的与后端协作开发
1. 前后端分离前端与后端的分离，能使前端的开发脱离后端的开发模式，拥有更大的自由度，以此便可做前端工程化、组件化、单页面应用等。可以参考：前后端分离、web与static服务器分离2. 尽量避免后端模板渲染web 应用的渲染方式分为服务器端渲染和客户端渲染，当下比较推荐的方式是客户端渲染，数据使用全 ajax 的方式进行交互。除非在一些不得不使用服务器端渲染的情况下（如门户、...
2019-03-01 17:05:57
697
原创 JavaScript高级程序设计——this（四）
this应该放在《上下文环境和作用域》中来讲概念在函数中this到底取何值，是在函数真正被调用执行的时候确定的，函数定义的时候确定不了 因为this的取值是执行上下文环境的一部分，每次调用函数，都会产生一个新的执行上下文的环境。构造函数所谓的构造函数就是用来new对象的函数。其实严格来说，所有的函数都可以new一个对象，但是有些函数的定义是为了new一个对象，而有...
2019-02-28 11:57:08
147
原创 vue遇到问题：vue报错 Do not use built-in or reserved HTML elements as component id:header
vue报错 Do not use built-in or reserved HTML elements as component id:header组件，不能和html标签重复header组件，h5新标签重复Do not use built-in or reserved HTML elements as component id:header由于在模板需要插入到 DOM 中，所...
2019-02-16 11:20:02
762
原创 使用javascript判断手机访问还是电脑访问
javascript判断手机访问还是电脑访问Navigator对象如何判断页面是移动端还是pc端打开的呢？有时接触一些手机上的适应，需要知道是pc还是移动Navigator对象关于Navigater对象，包含有关浏览器的信息，下面的userAgent属性是一个只读的字符串，声明了浏览器用于HTTP请求的用户代理头的值。所以我们可以通过判断navigator.userAgent里面是否有某些值来...
2019-01-14 18:18:48
301
原创 点击空白div区域会隐藏效果————小问题
jquery写法$('body').on('touchstart','[data-menu]',function(event){//取消事件冒泡event.stopPropagation(); //按钮的toggle,如果div是可见的,点击按钮切换为隐藏的;如果是隐藏的,切换为可见的。$('[data-nav]').toggle('show');return false;}/...
2019-01-09 18:08:03
471
原创 [Vue warn]: Do not use built-in or reserved HTML elements as component id: header
[Vue warn]: Do not use built-in or reserved HTML elements as component id: header控制台错误因为header在HTML5里面是个原生的标签，所以在开发的时候会提示错误，解决方法：修改components里面左边的header ...
2018-12-26 14:22:11
221
1
原创 VUE 项目dependency was not found: * !!vue-style-loader!css-loader? 解决方案
用npm run dev 运行vue项目时，出现以下错误：ERROR Failed to compile with 1 errors ...
2018-12-26 13:47:54
1511
原创 vue————json 显示小插件 谷歌浏览器中安装JsonView扩展程序
实际开发工作中经常用到json数据，那么就会有这样一个需求：在谷歌浏览器中访问URL地址返回的json数据能否按照json格式展现出来。比如，在谷歌浏览器中访问：http://jsonview.com/example.json展现效果如下：那么安装了JsonView扩展程序后的展现效果如下：很明显，后者的效果更好。实现步骤如下： 1、下载JsonView扩展程序压缩...
2018-12-26 10:39:46
726
原创 关于vue--json 显示小插件 谷歌浏览器中安装JsonView扩展程序
实际开发工作中经常用到json数据，那么就会有这样一个需求：在谷歌浏览器中访问URL地址返回的json数据能否按照json格式展现出来。比如，在谷歌浏览器中访问：http://jsonview.com/example.json展现效果如下：那么安装了JsonView扩展程序后的展现效果如下：很明显，后者的效果更好。实现步骤如下：1、下载JsonView扩展程序压缩...
2018-12-26 10:31:01
247
1
原创 vue 2.0+ ————怎么写本地接口获取数据(一）
在vue-cli脚手架项目中，找到build ---- webpack.dev.conf.js 文件，具体位置如下图：找到文件后添加下面的内容，写在头部： //这是 webpack.dev.conf.js 文件里的'use strict'/*新版的vue-cli代替原来的dev-server.js文件，现在在这里可以简单配置node请求，获取一些本地数据 */const...
2018-12-26 10:21:20
840
1
原创 npm run dev 出错了
运行npm run dev 出现的错误npm ERR! path E:\obj\vue\package.jsonnpm ERR! code ENOENTnpm ERR! errno -4058npm ERR! syscall opennpm ERR! enoent ENOENT: no such file or directory, open 'E:\obj\vue\package.j...
2018-12-24 15:40:54
3238
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人