编程开发 - 教程之家

编程开发

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

112浏览

0评论

Webpack的dll功能使用

最近使用Webpack遇到了一个坑。我们构建前端项目的时候，往往希望第三方库（vendors）和自己写的代码可以分开打包，因为第三方库往往不需要经常打包更新。对此Webpack的文档建议用C...

2020-05-27 05:17:40

72浏览

0评论

Vue SPA单页应用首屏优化实践

1.代码压缩(gzip)
如果你用的是nginx服务器，请修改配置文件(其他web server 类似)：sudo nano /etc/nginx/nginx.conf在Gzip Settings里加入：gzip on;gzip_min_length 1k;gzip_b...

2020-05-27 05:17:39

186浏览

0评论

jQuery实现获取选中复选框的值实例详解

应用场景：我们应该经常见到系统中出现列表，会有一个对列表数据的操作（如删除，修改，查看等）。我们可以在每个列表项后面加一个删除按钮，把列表项的相关参数（如 id）post到后台进行删除...

2020-05-27 05:17:38

69浏览

0评论

浅谈vue首屏加载优化

本文介绍了浅谈vue首屏加载优化，分享给大家，具体如下：库使用情况 vue vue-router axios muse-ui material-icons vue-baidu-map未优化前首先我们在正常情况下build
优化1...

2020-05-27 05:17:37

59浏览

0评论

微信小程序wx.uploadfile 本地文件转base64的实现代码

微信小程序wx.uploadfile, 利用PHP接口把本地图片转化为base64位。网上到处都是粘贴复制的wx.uploadfile的解决方案, 但目前还没有具体的代码:特意呈现出来给需要的伙伴们:...

2020-05-27 05:17:35

116浏览

0评论

详解swipe使用及竖屏页面滚动方法

Swiper常用于移动端网站的内容触摸滑动Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用...

2020-05-27 05:17:34

192浏览

0评论

Vue实现textarea固定输入行数与添加下划线样式的思路详解

先上效果图###
textarea下划线设置一张1*35 //行高的图片 , 设置背景图即可.background: url('./img/linebg.png') repeat;
border: none;outline: none;overflow: hidden...

2020-05-27 05:17:33

73浏览

0评论

jQuery实现获取动态添加的标签对象示例

本文实例讲述了jQuery实现获取动态添加的标签对象。分享给大家供大家参考，具体如下：jquery无法直接给网页里面动态添加点击事件，并且获取到对象一般来说，js获取动态添加的组件都...

2020-05-27 05:17:32

75浏览

0评论

vue ssr 指南详读

本帖说明该贴是对vue SSR Guide解读和补充，对于官网文档已有内容会以引用方式体现。由于官网demo在国内无法运行，该贴最后也提供了一个完整的可以运行的demo,帖子中提到的代码...

2020-05-27 05:17:30

135浏览

0评论

JavaScript实现仿Clock ISO时钟

来模仿一个 ISO 上的时钟：ISO Clock实现效果：ISO Clock项目分析1、首先时钟嘛，肯定要获取本地客户端的时间；2、时钟有 3 个指针，我们可以通过添加动画的方式让它们围绕中心点转动...

2020-05-27 05:17:29

81浏览

0评论

详解Vue微信授权登录前后端分离较为优雅的解决方案

微信授权登录是一个非常常见的场景,利用微信授权登录,我们可以很容易获取用户的一些信息,通过用户对公众号的唯一openid从而建立数据库绑定用户身份.
微信授权登录的机制这...

2020-05-27 05:17:28

61浏览

0评论

Vue下路由History模式打包后页面空白的解决方法

vue的路由在默认的hash模式下,默认打包一般不会有什么问题,不过hash模式由于url会带有一个#,不美观,而且在微信分享,授权登录等都会有一些坑.所以history模式也会有一些应用...

2020-05-27 05:17:27

64浏览

0评论

详解Vue webapp项目通过HBulider打包原生APP

Vue webapp项目通过HBulider打包原生APP
1、webapp项目已经通过vue-cli搭建的脚手架写好了，然后通过webpack打包成一个部署文件list，如下：
2、打开HBulider,打开目录，选择这个li...

2020-05-27 05:17:26

62浏览

0评论

vue项目打包后打开页面空白解决办法

网上很多说自己的VUE项目通过Webpack打包生成的list文件，放到HBulider打包后，通过手机打开一片空白。这个主要原因是路径的问题。1、记得改一下config下面的index.js中bulid模...

2020-05-27 05:17:24

86浏览

0评论

使用vue打包时vendor文件过大或者是app.js文件很大的问题

第一次使用vue2.0开发，之前都是用的angular1.x。在使用vue-cli脚手架打包后（UI用的Element-ui），发现vendor文件很大，将近1M左右。。后来翻阅资料才明白，原来webpack把所有的库都打...

2020-05-27 05:17:23

70浏览

0评论

vue底部加载更多的实例代码

要实现的效果如下：<template> <div class="newsList"> <div v-for="(items, index) in newsList"> <div class="date">{{showDay(index)}}</div> <div class="list" >...

2020-05-27 05:17:22

69浏览

0评论

Vue表单demo v-model双向绑定问题

具体代码如下所示：<div id="app"> <textarea v-model = "message" placeholer = '请在此输入文字'></textarea> <span>{{message}}</span> </br> <input type="text" v-mode...

2020-05-27 05:17:21

95浏览

0评论

微信小程序中进行地图导航功能的实现方法

前段时间一直都在做小程序做了两个月了，其中对于小程序还是有很不理解的地方看着一些大企业的小程序自己模仿其实还是有一些难度的，我觉得学习小程序看一遍文档是不够的我们要...

2020-05-27 05:17:20

75浏览

0评论

jQuery实现模糊搜索功能的方法分析

本文实例讲述了jQuery实现模糊搜索功能的方法。分享给大家供大家参考，具体如下：功能一：关键字搜索总结：1、搜索出的结果，前台先要清空原有表格$("#tbody").empty;2、后台返回的js...

2020-05-27 05:17:19

115浏览

0评论

详解基于Vue-cli搭建的项目如何和后台交互

这段时间在折腾有vue做开发，之前也用过，但是大部分都是用一些简单的数据绑定。踏了很多坑，总结了一下，希望对刚刚开始折腾的小伙伴有帮助。常见问题一：用vue-cli搭好环境以后，本地...

2020-05-27 05:17:18

96浏览

0评论

详解Angular6.0使用路由步骤(共7步)

今天写的有点儿多了,前几天一直写js基础.今天想聊聊angular6.0的路由实现.因为有公司已经开始转向angular6.0了.写完赶紧吃饭去了.声明一下,以下路由的实现是基于angular6.0...

2020-05-27 05:17:17

84浏览

0评论

angular6.0开发教程之如何安装angular6.0框架

在5月4日这天，angular家庭迎来了最新版本——angular6.0，angular6.0时代正式到来。6.0版本重点关注工具链以及工具链在Angular中的运行速度问题。angular6.0在原angular5的基...

2020-05-27 05:17:15

85浏览

0评论

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

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

2020-05-27 05:17:14

61浏览

0评论

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

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

2020-05-27 05:17:13

92浏览

0评论

vue v-model动态生成详解

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

2020-05-27 05:17:12

78浏览

0评论

vue.js删除列表中的一行

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

2020-05-27 05:17:11

65浏览

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

79浏览

0评论

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

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

2020-05-27 05:17:09

95浏览

0评论

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

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

2020-05-27 05:17:08

87浏览

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

102浏览

0评论

AngularJs分页插件使用详解

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

2020-05-27 05:17:06

68浏览

0评论

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

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

2020-05-27 05:17:05

56浏览

0评论

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

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

2020-05-27 05:17:04

99浏览

0评论

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

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

2020-05-27 05:17:03

96浏览

0评论

nodejs的路径问题的解决

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

2020-05-27 05:17:02

104浏览

0评论

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

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

2020-05-27 05:17:01

86浏览

0评论

关于Vue组件库开发详析

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

2020-05-27 05:16:59

170浏览

0评论

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

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

2020-05-27 05:16:57

58浏览

0评论

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

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

2020-05-27 05:16:56

80浏览

0评论

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

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

2020-05-27 05:16:55

62浏览

0评论

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

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

2020-05-27 05:16:54

83浏览

0评论

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

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

2020-05-27 05:16:53

68浏览

0评论

angularjs 的数据绑定实现原理

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

2020-05-27 05:16:52

67浏览

0评论

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

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

2020-05-27 05:16:51

173浏览

0评论

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

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

2020-05-27 05:16:49

63浏览

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

70浏览

0评论

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

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

2020-05-27 05:16:47

83浏览

0评论

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

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

2020-05-27 05:16:46

74浏览

0评论

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

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

2020-05-27 05:16:45

70浏览

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

首页 «1347 134813491350 1351 »尾页

热门文章