编程开发 - 教程之家

编程开发

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

63浏览

0评论

Vue项目中添加锁屏功能实现思路

1. 实现思路( 1 ) 设置锁屏密码
( 2 ) 密码存localStorage （本项目已经封装h5的sessionStorage和localStorage）
( 3 ) vuex设置 SET_LOCK state.isLock = true (为true是锁屏...

2020-05-27 05:17:14

43浏览

0评论

vue-router+nginx 非根路径配置方法

vue-router 的默认数据hash模式-使用url的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。一般情况下，我们不喜欢丑丑的hash，类似于index.html#/matchResult，可以使...

2020-05-27 05:17:13

68浏览

0评论

vue v-model动态生成详解

1.input 输入框 v-model 绑定的字段名需要根据后台返回的数据动态生成，此时就不可以用 v-model绑定，而是用传统的方法 value 动态绑定，并且用子组件绑定向父组件传递值和事件。...

2020-05-27 05:17:12

58浏览

0评论

vue.js删除列表中的一行

splice(index,num,item1,item2,...,itemX) 方法向/从数组中添加/删除项目，然后返回被删除的项目。注：index--规定添加/删除项目的位置num--要删除的项目数量item--向数组添加...

2020-05-27 05:17:11

44浏览

0评论

详解vue添加删除元素的方法

相关版实例代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue实例：添加删除元素r</title> <style type="text/css"> .form-group{...

2020-05-27 05:17:10

52浏览

0评论

浅析vue.js数组的变异方法

Vue 包含一组观察数组的变异方法，所以它们也将会触发视图更新。这些方法如下： push() pop() shift() unshift() splice() sort() reverse()
都有什么功能？动手试验了...

2020-05-27 05:17:09

61浏览

0评论

vue检测对象和数组的变化分析

在 JavaScript 中对象和数组是引用类型，指向同一个内存空间，如果 prop 是一个对象或数组，在子组件内部改变它会影响父组件的状态。可以直接在子组件修改对象或数组，但是并不会数...

2020-05-27 05:17:08

58浏览

0评论

ionic grid(栅格)九宫格制作详解

本文实例为大家分享了ionic grid九宫格制作的具体代码，供大家参考，具体内容如下1、Html<ion-header-bar class="bar bar-header bar-light bar-calm"> <button class="button...

2020-05-27 05:17:07

81浏览

0评论

AngularJs分页插件使用详解

angularUI bootstrap提供的分页插件满足了大部分应用的需求，具体内容如下在项目需求中，新增了两个需求：1.自由设定每页显示的条目；2.可以手动输入页面，跳转到指定的页数。html代...

2020-05-27 05:17:06

44浏览

0评论

基于webpack4搭建的react项目框架的方法

介绍
框架介绍，使用webpac构建的react单页面应用，集成antd。使用webpack-dev-server启动本地服务，加入热更新便于开发调试。使用bundle-loader进行代码切割懒加载
手动搭建，不使...

2020-05-27 05:17:05

34浏览

0评论

angular6.0使用教程之父组件通过url传递id给子组件的方法

在angular6.0使用教程：angular主从组件章节我们介绍了父组件向子组件传递数据，当时是在同一个页面传递数据的。而本章的angular数据传递将是在不同页面间的传递，即list组件页面...

2020-05-27 05:17:04

68浏览

0评论

详解angular如何调用HTML字符串的方法

前面的文章我们介绍过angular6.0的数据绑定，也就是前面页面如何调用后台的数据，我们接触到了调用普通数据——如：调用产品详情{{post.content}}。在使用中，我们会发现，如果按原来...

2020-05-27 05:17:03

70浏览

0评论

nodejs的路径问题的解决

最近公司的一个开发项目，后端用的是nodejs。这两天需要打包给客户演示，就让公司一个小伙把之前3D机房的打包工具移植过来。打包之后，发现原本在开发环境下的跑的好好的项目，不能...

2020-05-27 05:17:02

62浏览

0评论

D3.js实现拓扑图的示例代码

最近写项目需要画出应用程序调用链的网路拓扑图，完全自己写需要花费些时间，那么首先想到的是echarts,但echarts的自定义写法写起来非常麻烦，而且它的文档都是基于配置说明的，对...

2020-05-27 05:17:01

56浏览

0评论

关于Vue组件库开发详析

前言2017年是Vue.js大爆发的一年，React迎来了一个强有力的竞争对手，王者地位受到挑战（撰写此文时github上Vue与React的star数量已逼近）。我们团队这一年有十多个大型项目采用了V...

2020-05-27 05:16:59

95浏览

0评论

vue + webpack如何绕过QQ音乐接口对host的验证详解

前言最近在使用vue2.5+webpack3.6撸一个移动端音乐项目, 获取全部歌单json数据时遇到了接口对host和referer的限制，故不能直接在前端使用jsonp对接口数据的读取。一、先实...

2020-05-27 05:16:57

37浏览

0评论

jsonp跨域获取数据的基础教程

前言由于浏览器有同源策略，所以要想获取非同源（协议，域名，端口三者有一不同都算非同源）的页面的数据，就得进行跨域(1) jsonp原理
由于script标签的src属性可以访问非同源的js脚本，...

2020-05-27 05:16:56

58浏览

0评论

Vue实现双向绑定的原理以及响应式数据的方法

一、vue中的响应式属性Vue中的数据实现响应式绑定1、对象实现响应式：是在初始化的时候利用definePrototype的定义set和get过滤器，在进行组件模板编译时实现water的监听搜集依...

2020-05-27 05:16:55

42浏览

0评论

vue中的数据绑定原理的实现

本文主要介绍了vue中的数据绑定原理的实现，分享给大家，也给自己留个笔记，具体如下：
vue中的响应式数据绑定是通过数据劫持和观察者模式来实现的。当前学习源码为vue2.0
源码关键...

2020-05-27 05:16:54

63浏览

0评论

vue 解决addRoutes动态添加路由后刷新失效问题

前言
某些场景下我们需要利用addRoutes动态添加路由，但是刷新后就会失效，前段时间项目里刚好遇到了这个应用场景，所以就花时间研究了一下，做下分享跟记录，说的不对的地方，请大家指...

2020-05-27 05:16:53

46浏览

0评论

angularjs 的数据绑定实现原理

在angularjs1.X 中存在了三种数据绑定的方式，用于数据的同步、展示。在 angularjs 1.3 之前，angularjs 只存在两种方式： two-way-binding 和 one-way-bindng , 而后则引入了称...

2020-05-27 05:16:52

44浏览

0评论

Angularjs中的$apply及优化使用详解

前言对于一个在前端属于纯新手的我来说，Javascript都还是一知半解，要想直接上手angular JS，遇到的阻力还真是不少。不过我相信，只要下功夫，即使是反人类的设计也不是什么大的问题...

2020-05-27 05:16:51

148浏览

0评论

webpack手动配置React开发环境的步骤

React提供了create-react-app的快速构建工具, 但作为一个专业的程序员(老司机), 面对复杂的项目, 入门级的构建工具, 是远远不够的, 我们这里从零开始, 用webpack, 手动配置...

2020-05-27 05:16:49

40浏览

0评论

JS限制输入框输入的实现代码

1.文本框只能输入数字代码(小数点也不能输入)代码如下:<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,''...

2020-05-27 05:16:48

48浏览

0评论

原生JS实现列表子元素顺序反转的方法分析

本文实例讲述了原生JS实现列表子元素顺序反转的方法。分享给大家供大家参考，具体如下：编写一个函数将一个列表里面的所有子元素顺序反转，问题不难但是解决的方法却有多种，而且性...

2020-05-27 05:16:47

50浏览

0评论

JS将网址url转化为JSON格式的方法

网上方法很多，各种奇技淫巧，这里贴上一种较为正常的思路。主要利用split对获取的字符串不断进行分割，最后获得所需要的格式。代码如下<!DOCTYPE html><html lang="en"><head>...

2020-05-27 05:16:46

48浏览

0评论

JS内部事件机制之单线程原理

任务队列主线程：正在执行的代码，会生成函数调用栈。 macro-task（宏任务，新名：task）包括：script(整体代码), setTimeout, setInterval, setImmediate, I/O, UI rendering。 micro-...

2020-05-27 05:16:45

51浏览

0评论

JS实现的JSON序列化操作简单示例

本文实例讲述了JS实现的JSON序列化操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JOSN对象</title> <scrip...

2020-05-27 05:16:44

46浏览

0评论

JavaScript设计模式之建造者模式实例教程

本文实例讲述了JavaScript设计模式之建造者模式。分享给大家供大家参考，具体如下：一、建造者模式模式概念建造者模式可以将一个复杂的对象的构建与其表示相分离，使得同样的构建...

2020-05-27 05:16:43

39浏览

0评论

JavaScript设计模式之单例模式简单实例教程

本文实例讲述了JavaScript设计模式之单例模式。分享给大家供大家参考，具体如下：一、单例模式概念单例就是保证一个类只有一个实例，实现方法一般是先判断实例存在与否，如果存在直...

2020-05-27 05:16:42

41浏览

0评论

vue-router 源码之实现一个简单的 vue-router

前言
通过上篇，我们知道前端理由的两种实现方法，Hash 路由与 History 路由，并且用它们分别实现了一个前端路由。
接下来我们就将 Vue 与 Hash 路由结合，实现一个非常简单的 vue-...

2020-05-27 05:16:41

38浏览

0评论

React Native基础入门之调试React Native应用的一小步

React Native(以下简称RN)为传统前端开发者打开了一扇新的大门。其中，使用浏览器的调试工具去Debug移动端的代码，无疑是最吸引开发人员的特性之一。试想一下，当你在手机屏幕按...

2020-05-27 05:16:40

54浏览

0评论

vue-router 源码实现前端路由的两种方式

在学习 vue-router 的代码之前，先来简单了解一下前端路由。前端路由主要有两种实现方法： Hash 路由 History 路由先来看看这两种方法的实现原理。接着我们将用它们来简单实...

2020-05-27 05:16:38

58浏览

0评论

JavaScript设计模式之构造函数模式实例教程

本文实例讲述了JavaScript设计模式之构造函数模式。分享给大家供大家参考，具体如下：一、构造函数模式概念构造函数用于创建特定类型的对象——不仅声明了使用过的对象，构造函数...

2020-05-27 05:16:36

42浏览

0评论

React Native基础入门之初步使用Flexbox布局

前言在上篇中，笔者分享了部分安装并调试React Native应用过程里的一点经验，如果还没有看过的同学请点击《React Native基础&入门教程：调试React Native应用的一小步》。在本篇...

2020-05-27 05:16:35

48浏览

0评论

js实现各浏览器全屏代码实例

现代浏览器包括ie11，可以直接用h5的全屏api实现
低版本的IE需要通过ActiveX插件实现；//直接上代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></ti...

2020-05-27 05:16:33

51浏览

0评论

JavaScript设计模式之工厂模式简单实例教程

本文实例讲述了JavaScript设计模式之工厂模式。分享给大家供大家参考，具体如下：一、工厂模式概念工厂模式定义一个用于创建对象的接口，这个接口由子类决定实例化哪一个类。该模...

2020-05-27 05:16:31

38浏览

0评论

vue awesome swiper异步加载数据出现的bug问题

本人第一次使用vue awesome。踩到的坑确实不少。官网上面的用法写的很简单，按照上面做法基本会遇到如下这个问题轮播第二次之后，首屏会自动跳过网上找了很多资料，都不能解决这...

2020-05-27 05:16:31

47浏览

0评论

详解Vue中使用Echarts的两种方式

1. 直接引入echarts先npm安装echartsnpm install echarts --save开发：main.jsimport myCharts from './comm/js/myCharts.js'Vue.use(myCharts)myCharts.js/** * 各种画echar...

2020-05-27 05:16:29

32浏览

0评论

JavaScript设计模式之代理模式简单实例教程

本文实例讲述了JavaScript设计模式之代理模式。分享给大家供大家参考，具体如下：一、代理模式概念代理，顾名思义就是帮助别人做事，GoF对代理模式的定义如下：代理模式（Proxy），为其他对...

2020-05-27 05:16:28

44浏览

0评论

Vue props用法详解(小结)

Vue props用法详解
组件接受的选项之一 props 是 Vue 中非常重要的一个选项。父子组件的关系可以总结为：props down, events up父组件通过 props 向下传递数据给子组件；子组件...

2020-05-27 05:16:27

39浏览

0评论

详解VUE中常用的几种import（模块、文件）引入方式

1 引入第三方插件import echarts from 'echarts'2 引入工具类第一种是引入单个方法import {axiosfetch} from './util';下面是写法，需要export导出
export function axiosfet...

2020-05-27 05:16:26

58浏览

0评论

jQuery阻止事件冒泡实例分析

本文实例讲述了jQuery阻止事件冒泡。分享给大家供大家参考，具体如下：我们在平时的开发过程中，肯定会遇到在一个div（这个div可以是元素）包裹一个div的情况，但是呢，在这两个div上都添...

2020-05-27 05:16:25

55浏览

0评论

vue 设置路由的登录权限的方法

index.js将需要登录权限的路由设置meta属性meta:{requireAuth:true}, main.js在main.js内直接写对路由的验证router.beforeEach((to, from, next) => { if (to.matched.som...

2020-05-27 05:16:24

63浏览

0评论

jQuery实现获取form表单内容及绑定数据到form表单操作分析

本文实例讲述了jQuery实现获取form表单内容及绑定数据到form表单操作。分享给大家供大家参考，具体如下：在日常开发的过程中，难免会用到form表单，我们需要获取表单的数据保存到数...

2020-05-27 05:16:23

48浏览

0评论

JS实现显示当前日期的实例代码

写在前面：　　在做项目中，经常会用到显示当前日期这个功能，在此，记录下来，方便日后查阅。先给大家展示下效果图：　　由于功能较简单，这里就直接将代码搬上来吧<%-- Created by Inte...

2020-05-27 05:16:22

65浏览

0评论

jQuery实现表单动态添加与删除数据操作示例

本文实例讲述了jQuery实现表单动态添加与删除数据操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>用户名注册...

2020-05-27 05:16:21

48浏览

0评论

详解Vue SPA项目优化小记

概述之前做了一个React项目和Vue的项目，在做完后不加任何优化的情况下，这2个项目的首屏加载平均时间居然达到了20+s，好一点能进10s，差一点快30s，完全不能忍，优化势在必行，本文章记...

2020-05-27 05:16:20

91浏览

0评论

解析vue data不可以使用箭头函数问题

首先需要明确，a() {}和 b: () => {}是不同的 let obj = { a() {}, // 相当于 a:function() {}, b: () => {}}1 VUE.js 源码解析注意此处只设计核心代码这段代码也是U...

2020-05-27 05:16:18

51浏览

0评论

Vue iview-admin框架二级菜单改为三级菜单的方法

最近在用 iview-admin的Vue后台模板，从git上下载后发现左侧导航栏最多支持到二级菜单,也发现很多童鞋在问如何实现三级菜单。在实际的应用场景中还是会出现三级菜单的需求的，...

2020-05-27 05:16:17

首页 «1323 132413251326 1327 »尾页

热门文章