vue项目部署上线遇到的问题及解决方法
前言 今天把自己写的demo登录写完了,就想着试着走一下部署上线的流程。参考了很多的文档,终于成功进行了部署。在这里将服务器的搭建和vue项目的部署上线进行整理(都是基...
2020-05-27
深入浅析Vue中的Prop
Prop基本用法Prop的基本用法很简单，只需要在子组件的Vue实例中定义该属性并把值设为目标属性的数组即可Vue.component('child', { ... // 接收message props: ['message'] .....
2020-05-27
微信小程序实现倒计时调用相机自动拍照功能
本文实例为大家分享了微信小程序定时拍照的具体代码，供大家参考，具体内容如下在某些进行签到的场景，为了防止用户选择相册的照片或者不实时拍照，设置相机倒计时自动拍照。一、首...
2020-05-27
实例详解Node.js 函数
内容：普通函数，匿名函数，函数传递是如何让HTTP服务器工作的###普通函数例子：function say(word) { console.log(word);}function execute(someFunction, value) { someFunction(...
2020-05-27
Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法
今天使用vue调试页面，发现了页面上的一个问题，后台数据传过来的HTML字符串并没有被转换为正常的HTML代码，一拍脑门，发现忘记转换了，于是满心欢喜加上了{{{}}}。但是之后构建发现...
2020-05-27
详解Nodejs mongoose
前言Mongoose 是在nodejs环境下，对mongodb进行便捷操作的对象模型工具。本文介绍解（翻）密（译）Mongoose插件。Schema开始我们就要讲到Schema，一个Schema对应的是mongodb的collectio...
2020-05-27
几个你不知道的技巧助你写出更优雅的vue.js代码
1. watch 与 computed 的巧妙结合如上图，一个简单的列表页面。你可能会这么做： created(){ this.fetchData() }, watch: { keyword(){ this.fetchData() } }如果参数比...
2020-05-27
node中间层实现文件上传功能
一般情况下，前端的文件上传一般都是通过form表单的（<input type="file" />）来完成文件的上传，如果使用node中间层完成跨域，文件的上传就需要在node中间层处理成可读流，转成formDat...
2020-05-27
详解vue-router 初始化时做了什么
最近因为业务需要，实现了一个简单的前端 router，正好也来看一下 vue router 是怎么实现的。这次先来一起看看 vue-router 初始化时做了什么。vue router 的初始化使用步骤
我...
2020-05-27
Node.js中的cluster模块深入解读
预备知识
在如今机器的CPU都是多核的背景下，Node的单线程设计已经没法更充分的"压榨"机器性能了。所以从v0.8开始，Node新增了一个内置模块——“cluster”，故名思议，它可以通过...
2020-05-27
jQuery实现的页面详情展开收起功能示例
本文实例讲述了jQuery实现的页面详情展开收起功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8" /><title>jQuery实现页面详情展开收起...
2020-05-27
Vue组件全局注册实现警告框的实例详解
外部引入<link href="https://cdn.bootcss.com/animate.css/3.5.2/animate.min.css" rel="stylesheet"><link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-...
2020-05-27
vue filters的使用详解
使用 filters 实现 英文字母 转大写1、template :<div class="page">{{msg | upperCase}}</div>2、scriptdata () { return { msg: 'weather is ok ',...
2020-05-27
详解.vue文件解析的实现
vue单文件vue是现今非常流行的框架之一，整体给人的感觉就是优雅，小巧，最近开始学习着使用该框架做一些项目，学习，当然是从实践开始，在浏览了一遍官方文档之后，便开始用vue-cli脚手...
2020-05-27
Angular如何在应用初始化时运行代码详解
前言想象一下，您的应用需要一些动态配置信息，这些信息在应用启动之前需要动态获取，并在应用运行中使用。显然不能直接写道静态配置文件中，但是从客户端发出的请求又是一个异步请...
2020-05-27
vue非父子组件通信问题及解决方法
问题描述：最近在做登录部分时遇到一个场景，当点击 “用户”按钮时，首先渲染login组件，在用户登录后直接跳转到用户信息界面（user组件）。这里遇到了需要将login组件通过异步请求获...
2020-05-27
详解React Native 屏幕适配（炒鸡简单的方法）
前言
React Native 可以开发 ios 和 android 的 app，在开发过程中，势必会遇上屏幕适配（ios 好几种尺寸的屏幕以及 android 各种尺寸的屏幕）的问题，下面介绍一种几行代码搞定 RN...
2020-05-27
用vue快速开发app的脚手架工具
前言多页面应用于结构较于简单的页面,因为简答的页面使用router又过于麻烦.本脚手架出于这样的场景被开发出来.使用脚手架搭配Hbuilder也同样可以快速使用vue开发安卓和IOS...
2020-05-27
微信小程序js文件改变参数并在视图上及时更新【推荐】
用过VUE的童鞋都知道，vue在改变data里面参数可以以直接用this.XXX=XXX，并且视图层也会立即更新呈现，但是这里我想介绍一下微信小程序是怎样操作data里面参数并在视图层及时更新...
2020-05-27
webpack项目轻松混用css module的方法
前言本文讲述css-loader开启css模块功能之后，如何与引用的npm包中样式文件不产生冲突。
比如antd-mobilenpm包的引入。在不做特殊处理的前提下，样式文件将会被转译成css modul...
2020-05-27
js遍历添加栏目类添加css 再点击其它删除css【推荐】
具体代码如下：//js遍历添加栏目类添加css 再点击其它删除css$(".radio-group .ckselect").each(function(index) { $(this).click(function() { var tagid=$(this).attr(...
2020-05-27
webpack 样式加载的实现原理
加载css需要用到css-loader和style-loader css-loader将@import 和 url 处理成正规的ES6 import ,如果@import指向的是一个外部资源，css-loader会跳过，而只会对内部资源做处理...
2020-05-27
详解extract-text-webpack-plugin 的使用及安装
extract-text-webpack-plugin该插件的主要是为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象;首先我先来介绍下这个插件的安装方法:npm install extract-t...
2020-05-27
webpack分离css单独打包的方法
本文介绍了webpack分离css单独打包的方法，分享给大家，具体如下：CHANGELOG2018-02-08 14:46:06刚看了下，网上查了 webpack单独打包css，找到的文章，本文比较靠前，但是由于写的比较混...
2020-05-27
详解webpack4升级指南以及从webpack3.x迁移
几天前webpack发布了新版本v4.0.0，其中做了很多改动，包括0配置以及移除了CommonsChunkPlugin等。由此而来的还有之前webpack3.x的项目如何迁移到新的webpack版本，本文就一个新...
2020-05-27
webpack4之SplitChunksPlugin使用指南
写在前面
前面写了一篇有关webpack4的不完全升级指南以及在webpack3.x迁移的时候遇到的问题，有兴许可以看一下。0. 参数介绍
先对参数有一个大概的认识，虽然撸了很多遍官方的...
2020-05-27
记一次webpack3升级webpack4的踩坑经历
webpack4版本也出了很久了 之前弄过一段时间的升级 后面因为种种原因搁浅了 今天有硬着头皮升级了一波 yeah 还好升级成功了先贴一波原先webpack3的github配置ps（我只是一个...
2020-05-27
微信小程序收藏功能的实现代码
需求
点击收藏后显示已收藏，在另一个页面出现目前点击收藏的项目需要解决的问题
点击收藏后需要显示已收藏，并且文字状态改变 另一个页面如何知道你点击了收藏，并且获得你点...
2020-05-27
微信小程序实现折叠与展开文章功能
需求页面折叠超出的的部分显示省略号，点击展开后显示全部内容需要解决的问题
箭头随展开折叠后箭头方向的变化 当点击箭头文本显示内容的变化
如何解决？
箭头方向的变...
2020-05-27
微信小程序实现弹出菜单功能
需求
点击标签栏按钮，向下弹出菜单，再次点击，收回菜单要解决的问题
标签栏三栏样式，标签栏固定不动； 点击标签栏弹出菜单，并且出现透明遮罩； 遮罩优先级在弹出框之下； 弹出框内...
2020-05-27
JS实现前端页面的搜索功能
效果图如下所示：<input type="text" id="campus" class="layui-input" onkeyup="ck(this.value);" placeholder="请输入要查找的英语屋">//输入触发框 <div class="layui-inp...
2020-05-27
关于TypeScript模块导入的那些事
前言模块在其自身的作用域里执行，而不是在全局作用域里；这意味着定义在一个模块里的变量，函数，类等等在模块外部是不可见的，除非你明确地使用export之一导出它们。 相反，如果想使...
2020-05-27
浅谈Webpack打包优化技巧
前端的打包工具从之前的browserify、grunt、gulp到现如今的rollup、webpack，涌现出了很多优秀的打包工具，而目前最火的无疑是webpack，无论是当前热门的框架还是工具库很多都选...
2020-05-27
浅谈Node.js 中间件模式
中间件在 Node.js 中被广泛使用，它泛指一种特定的设计模式、一系列的处理单元、过滤器和处理程序，以函数的形式存在，连接在一起，形成一个异步队列，来完成对任何数据的预处理和后...
2020-05-27
js实现购物车功能
本文实例为大家分享了js实现购物车功能的具体代码，供大家参考，具体内容如下购物车实现3种方式1、利用cookie优点：不占用服务器资源，可以永远保存，不用考虑失效的问题
缺点： 对购...
2020-05-27
微信小程序自定义prompt组件步骤详解
步骤一：新建一个component的文件夹，用来放所有的自定义组件；
步骤二：在该目录下新建一个prompt的文件夹，用来放prompt组件；
步骤三：右击–>新建–>component直接上代码wxml<vie...
2020-05-27
js replace 全局替换的操作方法
js 的replace 默认替换只替换第一个匹配的字符，如果字符串有超过两个以上的对应字符就无法进行替换，这时候就要进行一点操作，进行全部替换。<script language="javascript">var...
2020-05-27
微信小程序支付功能 php后台对接完整代码分享
微信小程序支付，php后台对接完整代码，全是干货呀，拿过来可以直接使用。小程序在调起微信支付之前需要5个参数，这时候就需要携带code向后台请求，然后后台根据code获取openid 再进...
2020-05-27
Vue中在新窗口打开页面及Vue-router的使用
背景在开发提分加项目的过程中，遇到了点击下拉菜单时在新窗口中打开页面，由于之前一直做的是单页面应用，没有碰到过类似的需求，于是上网搜了一下解决办法，也再次系统地温习了一下...
2020-05-27
Babel 入门教程学习笔记
Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。这意味着，你可以现在就用 ES6 编写程序，而不用担心现有环境是否支持。下面是一个例子。// 转码前i...
2020-05-27
详解webpack运行Babel教程
摘要:Babel是转码器，webpack是打包工具，它们应该如何一起使用呢?GitHub仓库： Fundebug/webpack-babel-tutorialES6 + IE10 = 语法错误!test.js 使用了ES6的 箭头函数 ：setTi...
2020-05-27
浅谈webpack 构建性能优化策略小结
背景如今前端工程化的概念早已经深入人心，选择一款合适的编译和资源管理工具已经成为了所有前端工程中的标配，而在诸多的构建工具中，webpack以其丰富的功能和灵活的配置而深受...
2020-05-27
ES6与CommonJS中的模块处理的区别
ES6和CommonJS都有自己的一套处理模块化代码的措施，即JS文件之间的相互引用。为了方便两种方式的测试，使用nodejs的环境进行测试CommonJS的模块处理使用require来引入其他模块...
2020-05-27
clipboard.js在移动端复制失败的解决方法
1.前沿
一句话介绍下clipboard.js：实现了纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。在项目中使用clipboard.js插件去实现点击按钮，复制一段网址到剪切板...
2020-05-27
vue 项目打包通过命令修改 vue-router 模式 修改 API 接口前缀
需求说明：在开发 vue 项目的过程中遇到的需求是要把 api 接口前缀暴露在命令行，通过 npm run build apiUrl 即可修改接口入口，用于从 docker 部署到不同的测试服务器上，其次是路...
2020-05-27
Vue.js添加组件操作示例
本文实例讲述了Vue.js添加组件操作。分享给大家供大家参考，具体如下：<!DOCTYPE HTML><html> <head> <title>vue.js hello world</title> <script src="../vue.js"></sc...
2020-05-27
JavaScript 判断对象中是否有某属性的常用方法
判断对象中是否有某属性的常见方式总结，不同的场景要使用不同的方式。一、点( . )或者方括号( [ ] )
通过点或者方括号可以获取对象的属性值，如果对象上不存在该属性，则会...
2020-05-27
详解React中setState回调函数
在使用React过程中，中可以使用this.state来访问需要的某些状态，但是需要更新或者修改state时，一般而言，我们都会使用setState()函数，从而达到更新state的目的，setState()函数执行...
2020-05-27
三分钟学会用ES7中的Async/Await进行异步编程
本文介绍了三分钟学会用ES7中的Async/Await进行异步编程，分享给大家，具体如下：Async/Await基本规则 async 表示这是一个async函数，await只能用在这个函数里面。 await 表示在...
2020-05-27
React 组件间的通信示例
前言
从官网上也有介绍组件间如何通信，但不够详细，这里做个小结，方便对比和回顾本文内容
处理组件之间的通信， 主要取决于组件之间的关系，因此我们划分为以下三种： 【父组件】向...
2020-05-27
