- 博客(85)
- 收藏
- 关注
RSS订阅原创 JS 继承
封装MongoDB 库之前的一些准备操作 es5，es6，class 类，静态方法，以及单例模式1. 原生js中类，静态方法和继承一般 构造函数和原型链是一起使用的， 一个保护私有变量， 一个更快，所有实力都能访问function Person(name,age) { // 构造函数上面的方法属性： 会在它的每一个实例上都克隆这个方法，般是因为我们需要访问构造函数内部的私有变量 ...
2020-04-08 11:10:41
181
原创 Element 自定义标签页(el-tab) 下的添加 el-badge 视图不渲染
<el-tabs v-model="activeName" type="card" @tab-click="handleClick"> <el-tab-pane label="证件类预警报警"> <span slot="label">证件类预警报警<el-badge style="margin-left: 10px;" :value="poi...
2019-11-08 10:23:23
3311
原创 Vue.js中 watch(深度监听)的最易懂的解释
<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p></div> new Vue({ el: '#root', data: { fir...
2019-07-03 17:18:57
251
原创 axios.all及Promise.all合并多个请求且都返回数据后进行其他操作
很多时候，我们需要同时向后端进行多个请求，当所有请求都返回数据后，再进行一些操作。比如：初始化页面时，可能需要初始化一些基础数据，才能进行操作。获取这些基础数据，可能需要向后端发送request1，request2。。。等多个请求，而后续的操作说需要request1，request2等都正确返回数据后才能进行。在axios官方文档中对一次性并发多个请求示例如下：function getUs...
2019-07-03 17:05:15
15808
1
原创 vue-router 如何在新窗口打开页面
1. <router-link>标签实现新窗口打开：官方文档中说 v-link 指令被 <router-link> 组件指令替代，且 <router-link> 不支持 target="_blank" 属性，如果需要打开一个新窗口必须要用<a>标签，但事实上vue2版本的 <router-link> 是支持 target="_blan...
2019-07-01 14:33:42
6946
原创 element-ui 设置表单必填项
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme...
2019-06-18 20:44:44
7928
1
原创 微信小程序如何使用Git实现版本管理
在微信小程序开发的过程中，代码版本管理往往需要使用第三方工具进行管理。虽然微信Web开发工具提供了对Git文件版本状态的提示，但实际的使用体验依然不尽人意。随着微信Web开发工具的更新，最新的内测版本已经支持Git的直接管理，本文将就在微信Web开发工具中使用Git做版本管理做详细介绍。环境准备开发环境：Mac/Windows/Linux均可开发工具：微信Web开发者工具Beta版...
2019-05-21 14:04:02
505
原创 element-ui中table-column中template下元素不更新
问题：element-ui中table-column中有循环，子cell又是使用template(scope)渲染的，当循环数据更新（push,splice,或者重新赋值）时，可能出现子cell不变的情况，从而导致页面元素和循环数据对不上的报错问题猜测：可能是template中的scope没有变化导致不更新，或者element-ui做了优化避免不必要更新导致的bug解决：在table上...
2019-05-16 15:37:37
1545
原创 Element UI 中国省市区级联数据
Element UI 中国省市区级联数据安装npm install element-china-area-data -Stip: npm 安装不行试下cnpmgithub地址china-area-data v4.0.0https://github.com/airyland/china-area-data使用import{provinceAndCityData...
2019-05-10 19:48:47
7607
3
原创 UNI-APP 使用 ICONFONT
使用 uni-app 做项目时需要用到 iconfont。和 web 使用略有差别。谨以此记录。因为 uni-app 不能使用本地字体图标库，所以不能直接下载使用。1、将iconfont中需要的图标，加入购物车，然后放到项目。生成在线代码，稍后用。2、下载项目至本地。然后解压取出 iconfont.css 文件。3、将 1 中的在线代码 copy 替换掉 iconfont.cs...
2019-05-07 16:58:09
340
原创 uniapp—修改radio组件的大小
radio组件的样式大小太大了，和我的文字大小不匹配，看起来很难看于是给radio设置了width和 height ，然而并不起作用最后是使用transform:scale(0.7);完美解决问题...
2019-05-07 15:46:10
9873
5
原创 [NPM] Error occurred while trying to proxy request
目前做的是Vue项目，同事的本地项目突然起不来了，其他人的都好用，他的项目本地报错：Error occurred while trying to proxy request / XXXX from localhost:8089 tohttp://XXXXX:8080(ETIMEDOUT) (https://nodejs.org/api/errors.html#errors_common_s...
2019-05-05 23:05:07
7984
原创 小程序攻略
小程序-登录unionid和openid了解小程序登陆之前，我们写了解下小程序/公众号登录涉及到两个最关键的用户标识：OpenId 是一个用户对于一个小程序／公众号的标识，开发者可以通过这个标识识别出用户。 UnionId 是一个用户对于同主体微信小程序／公众号／APP的标识，开发者需要在微信开放平台下绑定相同账号的主体。开发者可通过UnionId，实现多个小程序、公众号、甚至APP...
2019-03-30 16:19:20
859
原创 Web 性能优化： 图片优化让网站大小减少 62%
图像是web上提供的最基本的内容类型之一。他们说一张图片胜过千言万语。但是如果你不小心的话，图片大小有时高达几十兆。因此，虽然网络图像需要清晰明快，但它们尺寸可以缩小压缩的，使用加载时间保持在可接受的水平。在我的网站上，我注意到我的主页的页面大小 超过了1.1MB，图片占了约88%，我还注意到我提供的图像比它们需要的大(在分辨率方面)，显然，还有很多改进的空间。我开始阅读 ...
2019-03-30 15:48:43
304
原创 git常见问题小结
如何解决在使用git pull 拉取线上代码时发生的冲突方法一（网上借取）：关于使用命令解决git pull拉取代码时发生的冲突解决办法1、首先直接git pull拉取线上的代码，出现冲突并报错2、合并主分支 git merge master3、查看状态：使用命令git status -uno 查看当前状态目前有三种状态，包括已经commited的，还有就是Unm...
2019-03-29 19:46:57
277
转载 Vue中this.$router.push参数获取
传递参数的方法：1.Params由于动态路由也是传递params的，所以在 this.$router.push() 方法中path不能和params一起使用，否则params将无效。需要用name来指定页面。及通过路由配置的name属性访问在路由配置文件中定义参数：通过name获取页面，传递params：在目标页面通过this.$route.params获取参数：...
2018-11-24 14:47:18
7145
1
转载 vue cli+axios踩坑记录+拦截器使用，代理跨域proxy（更新）
1、首先axios不支持vue.use()方式声明使用，看了所有近乎相同的axios文档都没有提到这一点 建议方式在main.js中如下声明使用import axios from 'axios';Vue.prototype.$axios=axios;那么在其他vue组件中就可以this.$axios调用使用2.小小的提一下vue cli脚手架前端调后端数据接口时候的本地代理跨域问题，...
2018-10-18 11:00:36
179
转载 目前比较火的前端框架及UI组件
看到的一篇总结性的文章，收藏一下，感兴趣的可以自己看看，哪些是已经会的，哪些是没听说过的，哪些是一知半解的，都可以稍微看看。一、前端框架库：1.Zepto.js地址：点击打开链接 描述：Zepto是一个轻量级的针对现代高级浏览器的JavaScript库， 它与jquery有着类似的api。 如果你会用jquery，那么你也会用zepto。关于Zepto认知我也是通过与一位腾讯朋友聊天...
2018-10-09 10:31:43
1160
原创 用sql语句操作mysql数据库的增删改查（命令提示符和引入mysql模块两种方式）
1:命令提示符方法：我的 ：mysql.sql文件。当然首先得打开本地服务器（我的是xampp）;少了一步了：首先要在进入mysql -h127.0.0.1 -u root -p;后引入我的mysql.sql 文件；我用的是 source方法： source C:\Users\Administrator\Desktop\js.more、mysql.sql; 2....
2018-09-17 16:32:16
373
原创 mysql.环境变量的搭建
整体步骤就是（）：我的电脑右键。属性。》高级系统配置》高级》》环境变量》path>新建》复制mysql文件下的bin文件目录(C:\xampp\mysql\bin).之后一直确认就行。 ...
2018-09-15 10:53:20
155
原创 npm突然找不到D:\nodejs\node_modules\npm\bin\npm-cli.js的解决方法
我在安装iView的时候就突然出现这个不正常工作，之后无论用npm进行任何操作，都会出现如下错误 真的是让人很着急啊，看了看环境配置，没问题，然后根据路径找错误，也不知道是哪里出了坑，上百度查，最多建议的最多的就是卸了重装，绝望！！！！我的nodejs之前装了挺多的东西，比如bootstr啊，element-ui啊，vue啊，什么的，但是由于本人懒，重装这东西不想搞，麻烦，找了找...
2018-09-14 19:35:29
6040
1
原创 原生node.js路由页面跳转
//node 原生html加载css//主要思想就是任何一个静态文件也应该做向应// <link src= href=''>var http=require('http');var fs=require('fs');var server=http.createServer();server.on('request',header);function header(req...
2018-09-14 19:02:42
1757
原创 js实现轮播图原理及示例
网上有很多的例子介绍，在这里我所做的无缝滚动就是 通过改变元素的left值让图片呈现左右滚动的效果。 我们首先看一下 div+css 的结构样式： div+css代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>&..
2018-09-14 07:57:38
239
转载 在react-native中使用redux
redux是什么?redux是一个用于管理js应用状态的容器。redux出现时间并不是很长，在它出现之前也有类似功能的模块出现，诸如flux等等。redux设计的理念很简单，似乎最初这个开发团队就有让redux可以方便融入在server, browser, mobile client端的打算。目前在github上redux-*的第三方中间件、插件越来越多。如果react项目中想使用redux，...
2018-09-14 07:22:47
900
原创 JQuery中ajax的方法总结
前提条件话说是jquery中的ajax方法，那么前提条件当然是引入jquery啦。<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>具体方法①load()使用load()方法通过Ajax请求加载服务器中的数据，并把返回的数据...
2018-09-14 07:16:28
321
原创 react-native，react-redux和redux配合开发
react-native 的数据传递是父类传递给子类，子类通过this.props.** 读取数据，这样会造成组件多重嵌套，于是用redux可以更好的解决了数据和界面View之间的关系， 当然用到的是react-redux,是对redux的一种封装。react基础的概念包括：1.action是纯声明式的数据结构，只提供事件的所有要素，不提供逻辑，同时尽量减少在 action 中传递的数据...
2018-09-14 07:10:15
1685
原创 Node.js http模块调转页面
1（方法）.使用 Node 创建 Web 服务器// Node.js 提供了 http 模块，http 模块主要用于搭建 HTTP （服务端和客户端)，使用 HTTP 服务器或客户端功能必须调用 http 模块，代码如下：var http=require("http");var fs=require('fs');var url=require('url');http.createSe...
2018-09-13 17:37:47
268
原创 JavaScriptArray标准库详解（面试必问）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body></body&a
2018-09-13 00:37:45
174
原创 web前端面试题
口试部分：Typeof $ 返回什么，Typeof Vue返回什么 Vue.direct / Vue.extend / Vue.mixIn 有了解过吗 生成器有了解过吗，asyn/wait方法有了解过吗 双向数据绑定原理 原型，原型链怎么理解 Vuex了解过吗 笔试部分：map和forEach异同点： forEach和for异同点：解释一下下面代码的输出结果...
2018-09-11 21:06:45
551
原创 node.js fs详解
实例1var fs=require('fs');var data=fs.readFileSync('input.txt');// 同步读取console.log('同步读取：'+ data);console.log('程序执行完毕')fs.readFile('input.txt',function (err,data) { if(err){ return...
2018-09-11 20:58:28
205
原创 Array对象的多样性。面试题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body></body&am
2018-09-11 14:38:29
135
原创 promise.异步执行微任务。面试题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body></body&am
2018-09-11 14:13:33
597
原创 web前端高级工程师，面试题
1：简述前后端通讯的过程（三次握手，四次挥手）？TCP(Transmission Control Protocol) 传输控制协议 1､TCP三次握手和四次挥手的过程图 tcp的6种标志位的分别代表：SYN(synchronous建立联机)ACK(acknowledgement 确认)PSH(push传送)FIN(finish结束)RST(rese...
2018-09-05 19:46:49
3591
2
原创 防饿了么和apk打包
1：打包ok2；创建移动app3复制dist：下的这两个文件 4删除除了mainfest.json之外的所有文件。并且。把staic和index.html加入到件夹下 .打包上线基本就完了。下面是项目代码项目：文件夹 1：主页面：<template> <div > <v-head :se...
2018-09-03 21:46:23
401
原创 html , css , js 小结
https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000 //github详细教程https://www.cnblogs.com/specter45/p/github.html 网道虚拟 dom 减少重构 .不会重新渲染https://www.jianshu.com/p/6169...
2018-09-03 20:12:30
391
原创 less.安装和 在webstrom中配置以及使用
Less 的使用方法Less 可以直接在浏览器端运行（支持IE6+、Webkit、Firefox），也可以借助Node.js或者Rhino在服务端运行。Less是一种动态语言，无论是在浏览器端，还是在服务器端运行，最终还是需要编译成 CSS，才会发挥其作用。浏览器端使用在浏览器端直接使用Less，浏览器会直接为页面应用编译后的CSS样式，而不是生成单独的CSS文件。在浏览器端直...
2018-09-01 02:15:19
843
转载 npm常用指令以及使用淘宝镜像cnpm
npm是一个node包管理和分发工具，已经成为了非官方的发布node模块（包）的标准。有了npm，可以很快的找到特定服务要使用的包，进行下载、安装以及管理已经安装的包。npm常用指令1、npm install moduleNames：安装Node模块安装完毕后会产生一个node_modules目录，其目录下就是安装的各个node模块。node的安装分为全局模式和本地模式。一...
2018-08-31 15:27:00
290
原创 Vue filter方法 ‘ | ’（通道）————时间格式化
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id=
2018-08-27 23:42:25
517
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人