编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

68浏览

0评论

浅谈微信小程序flex布局基础

1：Flex布局Flex布局如图1所示
图11.1 Flex容器属性
1.2 Flex容器内元素属性

align如果定义会覆写掉容器属性中的justify-content，align-items设置的属性微信小程序开发工程中...

2020-05-27 04:47:57

56浏览

0评论

Vuejs 实现简易 todoList 功能与组件实例代码

todoList结合之前 Vuejs 基础与语法
•使用 v-model 双向绑定 input 输入内容与数据 data
•使用 @click 和 methods 关联事件
•使用 v-for 进行数据循环展...

2020-05-27 04:47:55

59浏览

0评论

ES6使用export和import实现模块化的方法

在ES6前，前端就使用RequireJS或者seaJS实现模块化， requireJS是基于AMD规范的模块化库，而像seaJS是基于CMD规范的模块化库，两者都是为了为了推广前端模块化的工具，更多有关...

2020-05-27 04:47:54

74浏览

0评论

在Vue 中使用Typescript的示例代码

Vue 中使用 typescript什么是typescripttypescript 为 javaScript的超集，这意味着它支持所有都JavaScript都语法。它很像JavaScript都强类型版本，除此之外，它还有一些扩展的语...

2020-05-27 04:47:53

202浏览

0评论

webuploader分片上传的实现代码（前后端分离）

本文介绍了webuploader分片上传的实现代码（前后端分离），分享给大家，具体如下：WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在...

2020-05-27 04:47:51

57浏览

0评论

详解Vue.js使用Swiper.js在iOS<11时出现错误

前言
swiper这是一个很强大的轮播展示工具，但往往也会有一些未知BUG，尤其是在手机端，由于性能局限，会导致效果和PC测试的时候有完全不一样的效果
在H5项目中，需要用到翻页效果，通...

2020-05-27 04:47:50

52浏览

0评论

详解vue-router传参的两种方式

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路...

2020-05-27 04:47:49

102浏览

0评论

在Angular中使用JWT认证方法示例

本文介绍了在Angular中使用JWT认证方法示例，分享给大家，具体如下：项目地址: grading-system 基于session的认证和基于token的认证的方式已经被广泛使用。在session认证中，服务端...

2020-05-27 04:47:48

53浏览

0评论

vue插件实现v-model功能

最近在开发自己的富文本编辑器插件，在开发中遇到了很多问题其中我觉得比较好的问题就是在你定义的插件中实现双向绑定。就好像input中v-model的功能类似。v-model语法：在vue中...

2020-05-27 04:47:46

77浏览

0评论

vue axios数据请求及vue中使用axios的方法

axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：--------------------------------------------------------------------------...

2020-05-27 04:47:45

82浏览

0评论

vue弹窗组件的实现示例代码

vue弹窗组件的样子
我们先看一下，我们要实现出来的弹窗组件长什么样子：呐，我们要用vue组件实现的弹窗就是这个样子，跟我们用js插件实现的效果一样，下面我们开始讲述怎么实现一个...

2020-05-27 04:47:43

132浏览

0评论

bootstrap自定义样式之bootstrap实现侧边导航栏功能

bootstrap自带的响应式导航栏是向下滑动的，有时满足不了个性化的需求，需要做一个类似于android drawerLayout 侧滑的菜单，这就是我要实现的bootstrap自定义侧滑菜单，参考了很多...

2020-05-27 04:47:42

89浏览

0评论

详解Eslint 配置及规则说明

本文介绍了详解Eslint 配置及规则说明，分享给大家，具体如下：中文官方网站安装
可以全局安装，也可以在项目下面安装。
如下是在项目中安装示例，只需要在 package.json 中添加如下...

2020-05-27 04:47:41

76浏览

0评论

vue中使用input[type="file"]实现文件上传功能

注意:input[type="file"] 标签中的属性accept="application/msword,application/pdf" 在pc上正常,但是在手机ios和android上这个文件格式限制会被忽略,所以需要在js中增加格...

2020-05-27 04:47:40

101浏览

0评论

Angular6 正则表达式允许输入部分中文字符

之前接到新需求，要求允许输入汉字的输入框允许输入中文括号，写正则表达式let filter2=/^[\（ \）\u4e00-\u9fa5]+$/;测试正常，执行ng build --prod命令打包之后运行出错。发现，正则...

2020-05-27 04:47:39

82浏览

0评论

vue2.0$nextTick监听数据渲染完成之后的回调函数方法

vue里面本身带有两个回调函数：一个是`Vue.nextTick(callback)`，当数据发生变化，更新后执行回调。另一个是`Vue.$nextTick(callback)`，当dom发生变化，更新后执行的回调。栗子： ...<...

2020-05-27 04:47:38

60浏览

0评论

Vue监听数据渲染DOM完以后执行某个函数详解

实例如下： vm.$watch('某data数据',function(val){ vm.$nextTick(function() { 某事件(); }); }) 以上这篇Vue监听数据渲染DOM完以后执行某个函数详解就是小编分享给...

2020-05-27 04:47:37

70浏览

0评论

JavaScript基础教程之如何实现一个简单的promise

前言我们在开发过程中大多会用到promise，想必大家对promise的使用都很熟练了，今天我们就来实现一个简单的promise，实现的效果如有出入还往指正。Promise/A+规范：
首先重新阅读...

2020-05-27 04:47:36

77浏览

0评论

nodejs高大上的部署方式(PM2)

如果直接通过node app来启动，如果报错了可能直接停在整个运行，supervisor感觉只是拿来用作开发环境的。再网上找到pm2.目前似乎最常见的线上部署nodejs项目的有forever,pm2这...

2020-05-27 04:47:35

73浏览

0评论

webpack的CSS加载器的使用

什么是loader
loader用于转换应用程序的资源文件，他们是运行在nodejs下的函数，使用参数来获取一个资源的来源并且返回一个新的来源（资源的位置），例如：你可以使用loader来告诉webpa...

2020-05-27 04:47:34

65浏览

0评论

vue1.0和vue2.0的watch监听事件写法详解

如下所示：watch: { aaa: { handler: function (newVal,oldVal) { console.log('当前的值：'+ newVal); console.log('旧的值' + oldVal); }, deep: true //深度监听 }}...

2020-05-27 04:47:33

58浏览

0评论

webpack css加载和图片加载的方法示例

css加载器
在webpack中，所有的资源（js文件、css文件、模板文件，图片文件等等）都被看成是一个模块，因此多有的资源都是可以被加载的。加载这些资源我们要在module属性定义这些加载...

2020-05-27 04:47:31

58浏览

0评论

详解webpack模块加载器兼打包工具

什么是 webpack？webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。我们可以直接使用 req...

2020-05-27 04:47:30

125浏览

0评论

解决Vue2.0 watch对象属性变化监听不到的问题

问题很早之前就遇到一个问题，父组件向子组件传值，子组件监听传入对象的某个属性。发现子组件使用deep watch都不能观察到对象中属性的变化，今天终于找到为啥出现这种问题和解决...

2020-05-27 04:47:30

73浏览

0评论

JavaScript中Array方法你该知道的正确打开方法

前言在过去的几个月，我发现我的拉取请求中存在四个完全相同的 JavaScript 错误。于是我写了这篇文章，总结了如何在 JavaScript 中正确使用地使用 Array 的方法！Array对象为Java...

2020-05-27 04:47:29

108浏览

0评论

vue首次赋值不触发watch的解决方法

最近有个新需求，表单要求增量提交，但是身份证要求无则可提交，有错无法提交，只能新写个校验，但是还不能进组件就监控，后来发现watch有个immediate 选项watch:{"aaa":{ immediate:...

2020-05-27 04:47:28

124浏览

0评论

解决vue props 拿不到值的问题

方案一：在子组件中设置v-if='flag',初始值false，在成功获取数据后设置为true// 子组件 <echarts :datas="conditionStatisticsData" v-if="flag"></echarts>// 成功获取数据后...

2020-05-27 04:47:27

159浏览

0评论

vue props传值失败输出undefined的解决方法

如果在prop中传的值为一个没有使用特殊命名规则的变量如:（type），可以顺利传值：
<code class="language-html"><div id="app"> <test :type="type"></test> </div> Vue.component...

2020-05-27 04:47:26

70浏览

0评论

原生js检测页面加载完毕的实例

原生js的页面加载完毕的使用方法为window.onload=function(){ //somecode}在jquery的影响下的错误写法为：window.onload(function(){ //somecode})以上这篇原生js检测页面加...

2020-05-27 04:47:25

67浏览

0评论

浅谈Webpack核心模块tapable解析

本文介绍了Webpack核心模块tapable，分享给大家，具体如下：前言Webpack 是一个现代 JavaScript 应用程序的静态模块打包器，是对前端项目实现自动化和优化必不可少的工具，Webpack 的...

2020-05-27 04:47:24

58浏览

0评论

NodeJS 实现多语言的示例代码

什么是多语言？
我们平时访问一些文档类型的网站时，经常可以看到页面右上角有一个下拉框用来选择当前页面支持的语言，并在选中后将整个网页的内容切换为选中的语言，这就是项目中...

2020-05-27 04:47:23

66浏览

0评论

Vue在页面数据渲染完成之后的调用方法

在使用Vue框架的时候，有时候需要在Vue在页面数据渲染完成之后调用方法，不然获取不到准确的数据，特别是在获取列表的高度的时候，由于数据没有加载完，获取不到准确的高度。之前在使...

2020-05-27 04:47:22

57浏览

0评论

node.js之基础加密算法模块crypto详解

crypto作为nodeJS已经稳定下来的模块在整个node中具有举足轻重的地位，一切app都需要加密解密，那么crypto就是一个提供加密功能的模块。在这个模块中已经打包了OpenSSL hash, H...

2020-05-27 04:47:21

82浏览

0评论

Webpack之tree-starking 解析

tree-sharking 简介
tree-sharking 是 Webpack 2 后续版本的优化功能，顾名思义，就是将多余的代码给 “摇晃” 掉，在开发中我们经常使用一些第三方库，而这些第三方库只使用了这个...

2020-05-27 04:47:19

67浏览

0评论

vue+axios+element ui 实现全局loading加载示例

实现全局loading加载分析需求，我们只需要在请求发起的时候开始loading，响应结束的时候关闭loading，就这么简单对不对？import axios from 'axios';import { Message, Loading }...

2020-05-27 04:47:18

71浏览

0评论

vue webpack多页面构建的实例代码第1/3页

项目示例地址： https://github.com/ccyinghua/webpack-multipage项目运行:下载项目之后# 下载依赖npm install# 运行npm run devhttp://localhost:3000/login.htmlhttp://loc...

2020-05-27 04:47:18

92浏览

0评论

使用vue.js在页面内组件监听scroll事件的方法

思路：scroll在哪儿个组件内，就在获取那个dom元素。网上好多思路是window.addEventListener("scroll", function(){ console.log('scrolling'); });这是监听不到的！如果你整个...

2020-05-27 04:47:17

63浏览

0评论

Vue项目数据动态过滤实践及实现思路

这个问题是在下在做一个Vue项目中遇到的实际场景，这里记录一下我遇到问题之后的思考和最后怎么解决的(老年程序员记性不好 -。-)，过程中会涉及到一些Vue源码的概念比如 $mount...

2020-05-27 04:47:16

41浏览

0评论

vue 使用html2canvas将DOM转化为图片的方法

一、前言
我发现将DOM转化为图片是一个非常常见的需求，而自己手动转是非常麻烦的，于是找到了html2canvas这个插件，既是用得比较多的也是维护得比较好的一个插件。注意：版本比较...

2020-05-27 04:47:15

82浏览

0评论

js监听html页面的上下滚动事件方法

最近在一个项目中，在写前端页面的时候，想像以前做Android时在页面时刻监听上下滚动的事件，查找资料发现由鼠标或类似用户动作触发的事件有以下图示：不多说了，直接上代码了，经过测...

2020-05-27 04:47:14

58浏览

0评论

vue axios数据请求get、post方法及实例详解

我们常用的有get方法以及post方法，下面简单的介绍一下这两种请求方法vue中使用axios方法我们先安装axios这个方法npm install --save axios安装之后采用按需引入的方法，哪个页...

2020-05-27 04:47:13

103浏览

0评论

vue中的watch监听数据变化及watch中各属性的详解

首先确认 watch是一个对象，一定要当成对象来用。
对象就有键，有值。
键：就是你要监控的那个家伙，比如说$route，这个就是要监控路由的变化。或者是data中的某个变量。
值可以是...

2020-05-27 04:47:12

178浏览

0评论

VUE 实现滚动监听导航栏置顶的方法

HTML非重点的代码，比如样式啥的，我就不放上来了，一笔带过简略的写一下html代码，可以对照文章最后的效果图看，应该不难理解
<div :style="{ paddingBottom: paddingBottom}"> <hea...

2020-05-27 04:47:11

66浏览

0评论

vue项目中使用tinymce编辑器的步骤详解

Tinymce富文本也是一款很流行编辑器把文件放在static下，然后在index.html文件中引入这个文件 <script src="static/tinymce/tinymce.min.js"></script><tinymce :h...

2020-05-27 04:47:09

123浏览

0评论

微信小程序首页的分类功能和搜索功能的实现思路及代码详解

就在昨天，微信宣布了微信小程序开发者工具新增“云开发”功能下载最新的开发者工具，现在无需服务器即可实现小程序的快速迭代！分类功能和搜素功能的效果图1.首页分类功能的实现...

2020-05-27 04:47:08

74浏览

0评论

微信小程序实现tab左右切换效果

本文实例为大家分享了微信小程序实现tab左右切换展示的具体代码，供大家参考，具体内容如下
分析1、设置data-current属性用于：点击当前项时，通过点击事件swichNav中处理e.dataset...

2020-05-27 04:47:07

46浏览

0评论

React router动态加载组件之适配器模式的应用详解

前言本文讲述怎么实现动态加载组件，并借此阐述适配器模式。一、普通路由例子
import Center from 'page/center';import Data from 'page/data';function App(){ return ( <...

2020-05-27 04:47:06

101浏览

0评论

JS中判断字符串存在和非空的方法

看到这个题目你是怎么想的呢？这个很简单啊，typeof 一下，再判断length。if(typeof unknownVariable ==='string' && unknownVariable.length){ ... }搞定了吗？如果这个字符串是...

2020-05-27 04:47:05

79浏览

0评论

jquery 动态遍历select 赋值的实例

获取select 选中的值：$("#selDepUnit").children('option:selected').val();Ajax 动态为select赋值：$.ajax({ type: "POST", url: "/department/findDepByPid", data:"pid=...

2020-05-27 04:47:04

93浏览

0评论

vue this.reload 方法配置

1.场景在处理列表时，常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。2.遇到的问题1. 用vue-router重新路由到当前页面，页面是不进行刷新的2.采用window.relo...

2020-05-27 04:47:03

首页 «1351 135213531354 1355 »尾页

热门文章