编程开发 - 教程之家

编程开发

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

83浏览

0评论

通俗解释JavaScript正则表达式快速记忆

我们知道，正则表达式是一个处理字符串中很实用的技巧。然而，即便是Javascript写的很厉害的程序猿，有时也会忘掉正则表达式的语法，从而使用起来有些棘手1、正则表达式中最重要的...

2020-05-27 12:16:23

37浏览

0评论

angular2路由切换改变页面title的示例代码

angular2里默认切换路由或者切换组件，页面的title是不会变化的。angular2在路由设置里提供了data参数可以传值，如下{path: 'home',component: HomeComponent,data: { title: '...

2020-05-27 12:16:21

67浏览

0评论

Angular 2 利用Router事件和Title实现动态页面标题的方法

Angular2 为我们提供了名为Title的Service用于修改和获取页面标题，但是如果只是能够在每个页面的ngOnInit方法中为每个页面设置标题岂不是太low了，不符合Angular2高(zhuang)大...

2020-05-27 12:16:20

53浏览

0评论

JS对象序列化成json数据和json数据转化为JS对象的代码

JS对象序列化成json数据：function Serialize(obj){ switch(obj.constructor){ case Object: var str = "{"; for(var o in obj){ str +...

2020-05-27 12:16:19

55浏览

0评论

Vue网页html转换PDF（最低兼容ie10）的思路详解

HTML转PDF：1.页面底层实现——Vue：最低兼容ie10　　2.实现思路：　　1> 使用html2canvas.js将网页转换为图片　　2> 使用jsPdf.debug.js将canvas生成的图片转换为pdf文件具体实...

2020-05-27 12:16:18

50浏览

0评论

详解webpack2+node+react+babel实现热加载(hmr)

前端工程化开发的一个重要标志就是热替换技术，它大大的提高开发效率，使我们专注于写代码，webpack2中的热替换相比较1更加简洁。1. 先看效果2.目录结构3.项目目录结构文件描述
b...

2020-05-27 12:16:15

43浏览

0评论

jQuery Datatable 多个查询条件自定义提交事件(推荐)

先写2个input 分别表示开始时间跟结束时间在写一个button 点击按钮让表格重新刷新代码如下如下所示在datatable设置项增加如下设置如果已经有了只需要添加如下的data...

2020-05-27 12:16:13

41浏览

0评论

weui框架实现上传、预览和删除图片功能代码

jQuery WeUI 是专为微信公众账号开发而设计的一个简洁而强大的UI库，包含全部WeUI官方的CSS组件，并且额外提供了大量的拓展组件，丰富的组件库可以极大减少前端开发时间。jQuery...

2020-05-27 12:16:11

44浏览

0评论

JS实现电商放大镜效果

前端JS电商放大镜效果，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>26-电商放大镜</title> <style type="text/css">...

2020-05-27 12:16:10

46浏览

0评论

VueJS 集成 Medium Editor的示例代码（自定义编辑器按钮）

0x00 前言VueJS 社区里面关于富文本编辑器的集成也不少了，但是之前小调研了一下，基本上就是 quill,medium-editor，因为之前用 AngularJS 用过 medium-editor，并且需要自定义某些...

2020-05-27 12:16:09

39浏览

0评论

vue不通过路由直接获取url中参数的方法示例

前言众所周知vue中使用路由的方式设置url参数，但是这种方式必须要在路径中附带参数，而且这个参数是需要在vue的路由中提前设置好的。
相对来说，在某些情况下直接在url后面拼接？m...

2020-05-27 12:16:08

39浏览

0评论

快速理解 JavaScript 中的 LHS 和 RHS 查询的用法

JavaScript 程序中的一段源代码在执行之前会经历三个步骤，统称为编译分词/词法分析解析/语法分析代码生成先看原书对一个赋值操作的拆解说明：
变量的赋值操作会执行两...

2020-05-27 12:16:07

41浏览

0评论

基于JavaScript实现新增内容滚动播放效果附完整代码

先给大家展示下效果图：完整demo如下每两秒随机向上或者向下滚动，如果要替换新内容，则通过html()更新内容即可（查看注释代码）<!DOCTYPE html><head> <meta name="viewport" conte...

2020-05-27 12:16:05

40浏览

0评论

webpack学习笔记之优化缓存、合并、懒加载

除了的webpack基本配置，还可以进一步添加配置，优化合并文件，加快编译速度。下面是生产环境配置文件webpack.production.js，与wenbpack.config.js相比其不需要一些dev-tools,dev-...

2020-05-27 12:15:59

44浏览

0评论

使用jquery+iframe做一个ajax上传效果(实例)

html页面<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"...

2020-05-27 12:15:58

53浏览

0评论

JSON创建键值对（key是中文或者数字）方式详解

先准备好一个空的json对象var obj = {};1. 最原始的方法obj.name = 'zhangsan';//这种方式很简单的添加了一个键值对//输出：{name:"zhangsan"}//缺点：这边的name不能是对象/*...

2020-05-27 12:15:57

44浏览

0评论

实例详解JSON取值(key是中文或者数字)方式

JSON取值(key是中文或者数字)方式详解先准备一个json对象用于演示var json = {'name':'zhangsan', '年龄':23, 404:'你可能迷路了'};1.使用JS中with关键字with(json) { con...

2020-05-27 12:15:56

33浏览

0评论

Vue.js实现实例搜索应用功能详细代码

实例搜索应用实现效果：实现代码与注释：<!DOCTYPE html><html><head> <title>实例搜索</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-widt...

2020-05-27 12:15:55

48浏览

0评论

js微信分享实现代码

本文实例为大家分享了js微信分享实现代码，供大家参考，具体内容如下微信分享代码，先引入：<script type="text/javascript" charset="utf-8" src="http://res.wx.qq.com/open/js/j...

2020-05-27 12:15:53

62浏览

0评论

Vue.js实现价格计算器功能

本文实例为大家分享了Vue.js实现价格计算器功能的具体代码，供大家参考，具体内容如下实现效果：实现代码及注释：<!DOCTYPE html><html><head> <title>价格计算器</title> <meta ch...

2020-05-27 12:15:52

46浏览

0评论

Vue.js实现输入框绑定的实例代码

实现效果如下：实现代码及注释<!DOCTYPE html><html><head> <title>vue.js数据动态编辑</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-wi...

2020-05-27 12:15:51

45浏览

0评论

10个最优秀的Node.js MVC框架

Node.js 是最流行的 JavaScript 服务端平台，它允许建立可扩展的 Web 应用程序。Node.js 包含不同类型的框架，如 MVC 框架、全栈框架、REST API 以及大量的服务器库，使它能够快...

2020-05-27 12:15:49

51浏览

0评论

详解vue.js之绑定class和style的示例代码

一.绑定Class属性。绑定数据用v-bind:命令，简写成:语法：<div v-bind:class="{ active: isActive }"></div>。class后面的双引号里接受一个对象字面量/对象引用/数组作为参数，这...

2020-05-27 12:15:48

45浏览

0评论

探究react-native 源码的图片缓存问题

本文为xcode模拟器测试，rn版本0.44.3
突然想学习下RN是如何封装ios中的UIImage的，看着看着发现图片的缓存问题是个坑。。。
先看js端图片使用的三种方式，依次排序1、2、3 <Imag...

2020-05-27 12:15:47

36浏览

0评论

使用jQuery实现页面定时弹出广告效果

1、JQuery效果2、步骤分析：第一步：引入jQuery相关的文件第二步：书写页面加载函数第三步：在页面加载函数中，获取显示广告图片的元素。第四步：设置定时操作(显示广告图片的函数)第五...

2020-05-27 12:15:45

55浏览

0评论

Angular2 组件交互实例详解

1. 组件通信我们知道Angular2应用程序实际上是有很多父子组价组成的组件树，因此，了解组件之间如何通信，特别是父子组件之间，对编写Angular2应用程序具有十分重要的意义，通常来讲，...

2020-05-27 12:15:44

53浏览

0评论

Angular2 组件间通过@Input @Output通讯示例

本文介绍了Angular2 组件间通过@Input @Output通讯示例，分享给大家，具体如下：父组件传给子组件：
子组件设置@Input属性,父组件即可通过设置html属性给子组件传值。
子组件： @Inpu...

2020-05-27 12:15:42

35浏览

0评论

Nodejs 复制文件/文件夹的方法

1.使用fs复制文件使用fs对象的readFileSync,writeFileSync方法进行读写操作复制cp.jsfunction copyIt(from, to) { fs.writeFileSync(to, fs.readFileSync(from)); //fs.cre...

2020-05-27 12:15:41

56浏览

0评论

Vue.js实现网格列表布局转换方法

实现效果：实现代码及注释：<!DOCTYPE html><html><head> <title>布局转换</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scal...

2020-05-27 12:15:40

49浏览

0评论

使用JQ完成表格隔行换色的简单实例

1、步骤分析：第一步：引入jquery的类库第二步：直接写页面加载函数第三步：直接使用jquery的选择器(组合选择)拿到需要操作的元素(奇数行和偶数行)第四步：分别使用CSS的方法(css(nam...

2020-05-27 12:15:39

50浏览

0评论

JavaScript数据类型的存储方法详解

一个很基础的知识点，JavaScript中基本数据类型和引用数据类型是如何存储的。由于自己是野生程序员，在刚开始学习程序设计的时候没有在意内存这些基础知识，导致后来在提到“什么...

2020-05-27 12:15:38

63浏览

0评论

JS点击图片弹出文件选择框并覆盖原图功能的实现代码

简单说下原理，把显示的图片的<img>标签和上传文件的 <input> 标签放在同一个div下，设置<img>的大小和<input>的大小一样，<input> 设置透明度为0，用定位和设置优先级把input浮动...

2020-05-27 12:15:36

45浏览

0评论

在Vue组件化中利用axios处理ajax请求的使用方法

本文主要给大家介绍了关于在Vue组件化中利用axios处理ajax请求的使用方法，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。推荐方式
首先在 main.js 中引入 a...

2020-05-27 12:15:35

43浏览

0评论

JS中利用swiper实现3d翻转幻灯片实例代码

前言Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。Swiper开源、免费、稳定、使...

2020-05-27 12:15:32

57浏览

0评论

jQuery图片缩放插件smartZoom使用实例详解

e-smart-zoom-jquery.js插件，下载地址及示例：https://github.com/e-smartdev/smartJQueryZoom插件描述：通过将鼠标悬停在图片上，滚动鼠标滚轮即可实现图片的放大或者缩小效果。s...

2020-05-27 12:15:30

44浏览

0评论

关于Vue.nextTick()的正确使用方法浅析

本文主要给大家介绍了关于Vue.nextTick()的正确使用，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。什么是Vue.nextTick()
官方文档解释如下：在下次 DOM 更新...

2020-05-27 12:15:26

45浏览

0评论

Vue.js框架路由使用方法实例详解

Vue.js框架路由使用方法实例详解html代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta...

2020-05-27 12:15:24

47浏览

0评论

Vue实例中生命周期created和mounted的区别详解

前言本文主要跟大家介绍了关于Vue实例中生命周期created和mounted区别的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。生命周期先上图
什么是生命...

2020-05-27 12:15:22

40浏览

0评论

Vue.js进行查询操作的实例详解

Vue.js进行查询操作的实例详解实例代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="../lib/vue.min.js" type="text/javascript" ></script>...

2020-05-27 12:15:20

39浏览

0评论

js求数组中全部数字可拼接出的最大整数示例代码

前言最近在工作碰到一个问题，就是用javascript求数组中所有数字能拼接出的最大整数，数组的每一项为单独的拼接项，不能再拆开，例如[2,34]中2和34分别为要被拼接的数字，而不是说34...

2020-05-27 12:15:19

34浏览

0评论

基于JavaScript实现评论框展开和隐藏功能

1.效果图如下所示，点击评论会在对应的评论区域展开评论输入框，点击取消会取消对应的评论输入框2.html代码：需要引入jQuery.js<divclass="nr-comment"><divclass="nr-comment-co...

2020-05-27 12:15:17

53浏览

0评论

DVA框架统一处理所有页面的loading状态

dva 有一个管理 effects 执行的 hook，并基于此封装了 dva-loading 插件。通过这个插件，我们可以不必一遍遍地写 showLoading 和 hideLoading，当发起请求时，插件会自动设置数据里...

2020-05-27 12:15:16

64浏览

0评论

Vue上传组件vue Simple Uploader的用法示例

在日常开发中经常会遇到文件上传的需求，vue-simple-uploader 就是一个基于 simple-uploader.js 和 Vue 结合做的一个上传组件，自带 UI，可覆盖、自定义；先来张动图看看效果：其主要...

2020-05-27 12:15:15

49浏览

0评论

在Js页面通过POST传递参数跳转到新页面详解

场景
最近在工作中遇到一个需求，有个页面 a.vm，对 ajax 请求的结果进行判断后，获取结果里面的数据传递给一个 URL（b.htm），跳转到新的页面 b.htm。遇到的问题
因为一开始是 GET 请...

2020-05-27 12:15:14

57浏览

0评论

JavaScript中防止微信浏览器被整体拖动的方法

在微信网页开发中，我使用的页面结构是在body下的container覆盖全屏，container下有个header和page的容器，page负责显示所有内容并实现滚动。结构如图：
但是遇到了一个问题：在页面...

2020-05-27 12:15:13

54浏览

0评论

vue2利用Bus.js如何实现非父子组件通信详解

前言大家应该都知道，vue2中废弃了$dispatch和$broadcast广播和分发事件的方法。父子组件中可以用props和$emit()。如何实现非父子组件间的通信，可以通过实例一个vue实例Bus作...

2020-05-27 12:15:12

31浏览

0评论

Angularjs中数据绑定的实例详解

Angularjs中数据绑定的实例详解这是一个最简单的angularjs的例子，关于数据绑定的，大家可以执行一下，看看效果<html ng-app><head><title>angularjs-include</title><script typ...

2020-05-27 12:15:10

35浏览

0评论

微信小程序页面滑动屏幕加载数据效果

滑动屏幕加载数据是任何小程序中都会用到的功能，本文我就将这个功能整理给大家，希望对大家有意。我们先看看效果图：创建目录首先我们现在项目中创建资讯目录，以下是我自己创建的...

2020-05-27 12:15:09

39浏览

0评论

Nodejs 和Session 原理及实战技巧小结

一 Cookie因为HTTP协议是没有状态的，但很多情况下是需要一些信息的，比如在用户登陆后、再次访问网站时，没法判断用户是否登陆过。于是就有了cookies，用于在浏览器端保存用户数据...

2020-05-27 12:15:08

45浏览

0评论

Angularjs中ng-repeat的简单实例

Angularjs中ng-repeat的简单实例第一个例子：使用ng-repeat最简单的例子<html ng-app="myApp"><head><title>angularjs-demo</title><script type="text/javascript" src="ang...

2020-05-27 12:15:06

首页 «1221 122212231224 1225 »尾页

热门文章