编程开发 - 教程之家

编程开发

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

67浏览

0评论

详解React Native 屏幕适配（炒鸡简单的方法）

前言
React Native 可以开发 ios 和 android 的 app，在开发过程中，势必会遇上屏幕适配（ios 好几种尺寸的屏幕以及 android 各种尺寸的屏幕）的问题，下面介绍一种几行代码搞定 RN...

2020-05-27 05:20:58

67浏览

0评论

用vue快速开发app的脚手架工具

前言多页面应用于结构较于简单的页面,因为简答的页面使用router又过于麻烦.本脚手架出于这样的场景被开发出来.使用脚手架搭配Hbuilder也同样可以快速使用vue开发安卓和IOS...

2020-05-27 05:20:57

68浏览

0评论

微信小程序js文件改变参数并在视图上及时更新【推荐】

用过VUE的童鞋都知道，vue在改变data里面参数可以以直接用this.XXX=XXX，并且视图层也会立即更新呈现，但是这里我想介绍一下微信小程序是怎样操作data里面参数并在视图层及时更新...

2020-05-27 05:20:56

70浏览

0评论

webpack项目轻松混用css module的方法

前言本文讲述css-loader开启css模块功能之后，如何与引用的npm包中样式文件不产生冲突。
比如antd-mobilenpm包的引入。在不做特殊处理的前提下，样式文件将会被转译成css modul...

2020-05-27 05:20:56

40浏览

0评论

js遍历添加栏目类添加css 再点击其它删除css【推荐】

具体代码如下：//js遍历添加栏目类添加css 再点击其它删除css$(".radio-group .ckselect").each(function(index) { $(this).click(function() { var tagid=$(this).attr(...

2020-05-27 05:20:55

93浏览

0评论

webpack 样式加载的实现原理

加载css需要用到css-loader和style-loader css-loader将@import 和 url 处理成正规的ES6 import ,如果@import指向的是一个外部资源，css-loader会跳过，而只会对内部资源做处理...

2020-05-27 05:20:54

70浏览

0评论

详解extract-text-webpack-plugin 的使用及安装

extract-text-webpack-plugin该插件的主要是为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象;首先我先来介绍下这个插件的安装方法:npm install extract-t...

2020-05-27 05:20:52

73浏览

0评论

webpack分离css单独打包的方法

本文介绍了webpack分离css单独打包的方法，分享给大家，具体如下：CHANGELOG2018-02-08 14:46:06刚看了下，网上查了 webpack单独打包css，找到的文章，本文比较靠前，但是由于写的比较混...

2020-05-27 05:20:51

101浏览

0评论

详解webpack4升级指南以及从webpack3.x迁移

几天前webpack发布了新版本v4.0.0，其中做了很多改动，包括0配置以及移除了CommonsChunkPlugin等。由此而来的还有之前webpack3.x的项目如何迁移到新的webpack版本，本文就一个新...

2020-05-27 05:20:50

50浏览

0评论

webpack4之SplitChunksPlugin使用指南

写在前面
前面写了一篇有关webpack4的不完全升级指南以及在webpack3.x迁移的时候遇到的问题，有兴许可以看一下。0. 参数介绍
先对参数有一个大概的认识，虽然撸了很多遍官方的...

2020-05-27 05:20:49

46浏览

0评论

记一次webpack3升级webpack4的踩坑经历

webpack4版本也出了很久了之前弄过一段时间的升级后面因为种种原因搁浅了今天有硬着头皮升级了一波 yeah 还好升级成功了先贴一波原先webpack3的github配置ps（我只是一个...

2020-05-27 05:20:48

59浏览

0评论

微信小程序收藏功能的实现代码

需求
点击收藏后显示已收藏，在另一个页面出现目前点击收藏的项目需要解决的问题
点击收藏后需要显示已收藏，并且文字状态改变另一个页面如何知道你点击了收藏，并且获得你点...

2020-05-27 05:20:46

67浏览

0评论

微信小程序实现折叠与展开文章功能

需求页面折叠超出的的部分显示省略号，点击展开后显示全部内容需要解决的问题
箭头随展开折叠后箭头方向的变化当点击箭头文本显示内容的变化
如何解决？
箭头方向的变...

2020-05-27 05:20:45

54浏览

0评论

微信小程序实现弹出菜单功能

需求
点击标签栏按钮，向下弹出菜单，再次点击，收回菜单要解决的问题
标签栏三栏样式，标签栏固定不动；点击标签栏弹出菜单，并且出现透明遮罩；遮罩优先级在弹出框之下；弹出框内...

2020-05-27 05:20:44

53浏览

0评论

JS实现前端页面的搜索功能

效果图如下所示：<input type="text" id="campus" class="layui-input" onkeyup="ck(this.value);" placeholder="请输入要查找的英语屋">//输入触发框 <div class="layui-inp...

2020-05-27 05:20:42

49浏览

0评论

关于TypeScript模块导入的那些事

前言模块在其自身的作用域里执行，而不是在全局作用域里；这意味着定义在一个模块里的变量，函数，类等等在模块外部是不可见的，除非你明确地使用export之一导出它们。相反，如果想使...

2020-05-27 05:20:42

69浏览

0评论

浅谈Webpack打包优化技巧

前端的打包工具从之前的browserify、grunt、gulp到现如今的rollup、webpack，涌现出了很多优秀的打包工具，而目前最火的无疑是webpack，无论是当前热门的框架还是工具库很多都选...

2020-05-27 05:20:40

57浏览

0评论

浅谈Node.js 中间件模式

中间件在 Node.js 中被广泛使用，它泛指一种特定的设计模式、一系列的处理单元、过滤器和处理程序，以函数的形式存在，连接在一起，形成一个异步队列，来完成对任何数据的预处理和后...

2020-05-27 05:20:39

52浏览

0评论

js实现购物车功能

本文实例为大家分享了js实现购物车功能的具体代码，供大家参考，具体内容如下购物车实现3种方式1、利用cookie优点：不占用服务器资源，可以永远保存，不用考虑失效的问题
缺点：对购...

2020-05-27 05:20:38

58浏览

0评论

微信小程序自定义prompt组件步骤详解

步骤一：新建一个component的文件夹，用来放所有的自定义组件；
步骤二：在该目录下新建一个prompt的文件夹，用来放prompt组件；
步骤三：右击–>新建–>component直接上代码wxml<vie...

2020-05-27 05:20:37

72浏览

0评论

js replace 全局替换的操作方法

js 的replace 默认替换只替换第一个匹配的字符，如果字符串有超过两个以上的对应字符就无法进行替换，这时候就要进行一点操作，进行全部替换。<script language="javascript">var...

2020-05-27 05:20:36

58浏览

0评论

微信小程序支付功能 php后台对接完整代码分享

微信小程序支付，php后台对接完整代码，全是干货呀，拿过来可以直接使用。小程序在调起微信支付之前需要5个参数，这时候就需要携带code向后台请求，然后后台根据code获取openid 再进...

2020-05-27 05:20:35

68浏览

0评论

Vue中在新窗口打开页面及Vue-router的使用

背景在开发提分加项目的过程中，遇到了点击下拉菜单时在新窗口中打开页面，由于之前一直做的是单页面应用，没有碰到过类似的需求，于是上网搜了一下解决办法，也再次系统地温习了一下...

2020-05-27 05:20:34

56浏览

0评论

Babel 入门教程学习笔记

Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。这意味着，你可以现在就用 ES6 编写程序，而不用担心现有环境是否支持。下面是一个例子。// 转码前i...

2020-05-27 05:20:32

48浏览

0评论

详解webpack运行Babel教程

摘要:Babel是转码器，webpack是打包工具，它们应该如何一起使用呢?GitHub仓库： Fundebug/webpack-babel-tutorialES6 + IE10 = 语法错误!test.js 使用了ES6的箭头函数：setTi...

2020-05-27 05:20:31

51浏览

0评论

浅谈webpack 构建性能优化策略小结

背景如今前端工程化的概念早已经深入人心，选择一款合适的编译和资源管理工具已经成为了所有前端工程中的标配，而在诸多的构建工具中，webpack以其丰富的功能和灵活的配置而深受...

2020-05-27 05:20:30

45浏览

0评论

ES6与CommonJS中的模块处理的区别

ES6和CommonJS都有自己的一套处理模块化代码的措施，即JS文件之间的相互引用。为了方便两种方式的测试，使用nodejs的环境进行测试CommonJS的模块处理使用require来引入其他模块...

2020-05-27 05:20:28

54浏览

0评论

clipboard.js在移动端复制失败的解决方法

1.前沿
一句话介绍下clipboard.js：实现了纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。在项目中使用clipboard.js插件去实现点击按钮，复制一段网址到剪切板...

2020-05-27 05:20:27

33浏览

0评论

vue 项目打包通过命令修改 vue-router 模式修改 API 接口前缀

需求说明：在开发 vue 项目的过程中遇到的需求是要把 api 接口前缀暴露在命令行，通过 npm run build apiUrl 即可修改接口入口，用于从 docker 部署到不同的测试服务器上，其次是路...

2020-05-27 05:20:26

50浏览

0评论

Vue.js添加组件操作示例

本文实例讲述了Vue.js添加组件操作。分享给大家供大家参考，具体如下：<!DOCTYPE HTML><html> <head> <title>vue.js hello world</title> <script src="../vue.js"></sc...

2020-05-27 05:20:25

56浏览

0评论

JavaScript 判断对象中是否有某属性的常用方法

判断对象中是否有某属性的常见方式总结，不同的场景要使用不同的方式。一、点( . )或者方括号( [ ] )
　　通过点或者方括号可以获取对象的属性值，如果对象上不存在该属性，则会...

2020-05-27 05:20:24

41浏览

0评论

详解React中setState回调函数

在使用React过程中，中可以使用this.state来访问需要的某些状态，但是需要更新或者修改state时，一般而言，我们都会使用setState()函数，从而达到更新state的目的，setState()函数执行...

2020-05-27 05:20:23

32浏览

0评论

三分钟学会用ES7中的Async/Await进行异步编程

本文介绍了三分钟学会用ES7中的Async/Await进行异步编程，分享给大家，具体如下：Async/Await基本规则 async 表示这是一个async函数，await只能用在这个函数里面。 await 表示在...

2020-05-27 05:20:22

37浏览

0评论

React 组件间的通信示例

前言
从官网上也有介绍组件间如何通信，但不够详细，这里做个小结，方便对比和回顾本文内容
处理组件之间的通信，主要取决于组件之间的关系，因此我们划分为以下三种：【父组件】向...

2020-05-27 05:20:21

70浏览

0评论

jQuery实现下拉菜单动态添加数据点击滑出收起其他功能

上面的人要hui admin 做页面,本人前端比较菜,这框架也没用过.因为是动态添加数据 .表也没有,..然后子菜单列表只能通过字符串拼接的方式显示. (伪造的)数据是传过来了发...

2020-05-27 05:20:20

53浏览

0评论

MVVM框架下实现分页功能示例

分页这种组件，几乎每一种框架都有这样的组件，近期我们做了新的项目，因为是在新的分支和新的项目中开发的一期任务，属于什么都没有的状态，几乎所有的效果和业务逻辑都需要重新整理...

2020-05-27 05:20:19

47浏览

0评论

微信小程序分享功能之按钮button 边框隐藏和点击隐藏

先上图
样式设置：在小程序社区看了下，说是伪类造成的。于是就重新定义下样式。然后就 ok 了。
总结以上所述是小编给大家介绍的微信小程序分享功能之按钮button 边框隐藏和点...

2020-05-27 05:20:17

61浏览

0评论

vue中如何让子组件修改父组件数据

一、关于vue中watch的认识我们要监听一个属性的的变化就使用watch一般是父组件传递给子组件的时候•1、常见的使用场景
...watch:{ value(val) { console.log(val)...

2020-05-27 05:20:16

39浏览

0评论

微信小程序左滑动显示菜单功能的实现

效果图如下所示：view<view class="page">  <view class="page-bottom"> <view class="page-content"> <view class="userinfo">...

2020-05-27 05:20:15

58浏览

0评论

JS对象与json字符串相互转换实现方法示例

本文实例讲述了JS对象与json字符串相互转换实现方法。分享给大家供大家参考，具体如下：今天在面试的时候，面试官问到js对象与json字符串的互转问题，由于自己平时在用的时候没有在...

2020-05-27 05:20:14

57浏览

0评论

vue采用EventBus实现跨组件通信及注意事项小结

EventBus
EventBus是一种发布/订阅事件设计模式的实践。
在vue中适用于跨组件简单通信，不适应用于复杂场景多组件高频率通信，类似购物车等场景状态管理建议采用vuex。
挂载Eve...

2020-05-27 05:20:13

42浏览

0评论

jQuery实现列表的增加和删除功能

具体代码如下所示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery</title> <style> </style></head><body> <div> <table style="ma...

2020-05-27 05:20:12

47浏览

0评论

vue cli 3.0 使用全过程解析

首先在使用 vue create my-project 创建项目的时候要选择使用 css 预处理器。安装 vue-cli首先使用 npm 安装 vue-cli v3.0。npm install -g @vue/cli安装完成后使用 vue -V...

2020-05-27 05:20:11

46浏览

0评论

在 vue-cli v3.0 中使用 SCSS/SASS的方法

在项目中使用 SCSS/SASS 进行样式编写无疑会节省很多开发样式的时间。关于如何在 vue-cli v3.0 中使用 SCSS/SASS，这里提供三种方案。前提是在使用 vue-cli 生成项目时勾选了...

2020-05-27 05:20:09

72浏览

0评论

详解vue组件开发脚手架

generator-vue-component可以快速生成自己的组件开发的脚手架，类似于vue-cli生成vue项目，这脚手架是目录结构是方便组件开发和调试由于脚手架是由yeoman搭建，所以必须全局安装y...

2020-05-27 05:20:08

41浏览

0评论

微信小程序实现自定义modal弹窗封装的方法

前言
小程序官方提供了 wx.showModal 方法，但样式比较固定，不能满足多元化需求，自定义势在必行~老规矩先上图点击某个按钮，弹出 modal框，里面的内容可以自定义，可以是简单的文字提...

2020-05-27 05:20:07

67浏览

0评论

微信小程序自定义tab实现多层tab嵌套功能

小程序最近是越来越火了……做小程序有一段时间了，总结一下项目中遇到的问题及解决办法吧。项目中有个多 tab 嵌套的需求，进入程序主界面下面有两个 tab，进入A模块后，A模块最底...

2020-05-27 05:20:05

90浏览

0评论

webpack公共组件引用路径简化小技巧

日常开发中，我们会常常把一些功能提取出来，包装成一个公共模块或者组件，供不同地方使用，但是随着项目不断变大，项目目录不断变深，我们引用公共组件的路径越来越长！例如：引用一个公共...

2020-05-27 05:20:04

60浏览

0评论

vue和webpack打包项目相对路径修改的方法

一般vue使用webpack打包是整个工程的根目录，但是很多情况下都是把vue打包后的文件在某子目录下。修改：1，打开index.jsassetsPublicPath:'/'改为：assetsPublicPath: './'2.解决cs...

2020-05-27 05:20:03

39浏览

0评论

vue中axios的封装问题(简易版拦截,get,post)

第一步还是先下载axiosnpm install axios --save第二步/src/utils/目录下建立一个htttp.jsimport axios from 'axios';axios.defaults.timeout = 5000;axios.defaults.baseU...

2020-05-27 05:20:02

首页 «1319 132013211322 1323 »尾页

热门文章