- 博客(40)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 call,apply的作用与区别
call、apply的作用与区别从结果上来看两者我觉得没有什么区别，至于是使用apply()还是call()，完全取决于你采取哪种给函数传递参数的方式最方便。如果你打算传入arguments对象，或者数组时，那么使用apply()肯定是最方便的，否则的话call()更加适合，废话不多说，上代码：<script> //最简单的例子,正常传值 function fu...
2019-12-30 16:37:46
135
原创 工厂模式、构造函数模式、原型模式
一、工厂模式工厂模式：软件工程领域一种广为人知的设计模式，这种模式抽象了创建具体对象的过程。如下：<script> //工厂模式 function fun(name,age,sex){ var obj = new Object(); obj.name = name; obj.age = age; o...
2019-12-30 15:31:35
155
原创 vue中axios请求的封装管理
vue中axios，jsonp请求的封装管理对于刚接触前端工作的小伙伴，学会封装重复的东东是很重要，这样便于后期的维护，也节省的开发书写时间，总之好处多多一、首先自己在项目中创建一个文件包，在文件包里创建个js文件，命名啥的，根据个人习惯吧！！(一般我是创建一个index.js)二、index.js中的代码（注：项目中要确保已经有了axios，或者jsonp的模块包了）首先axios上代码...
2019-12-03 15:27:07
451
原创 微信小程序GET，POST请求的封装
对于一个稍微大一点的项目，必定会遇到很wx.request一、如何一个项目里多处有与后台的交互，如果每个地方 都要按照官方文档的方法写一次，对于项目后期的维护肯定是较为麻烦的，下面是结合es6中，新增的Promise原理封装的方法1、首先，自己选择在一个目录下新建个js文件（我这边是在utils目录下新建的api.js）2、费话不多说，上代码const GET = 'GET';cons...
2019-12-02 16:52:18
874
原创 使用vite创建一个vue3项目
1.使用命令npm create vue@latest来创建一个vue3项目，注意：官网说明了必须node版本是18及以上的，这边需要注意下。2.然后根据提示进入项目目录 先npm install安装依赖，然后npm run dev启动项目。大家可以看到，这速度对比vue2 提升了不是一点半点啊。3.最后就可以打开一个初始化的vue3项目了。最后 ，这是新建好的项目 目录结构，非常简单。
2024-03-05 14:42:13
401
原创 vue双向绑定原理
目前数据监听到此为止了，下面我们肯定需要把更改的数据让页面同时也需要跟着更改，但是需要考虑的是 我们不能数据变一次，页面就跟着改一次，这样太消耗性能了。此时已经可以在页面中显示了(当然是需要调用 )，大家可以看到页面已经没有{{}}了，这里提醒下大家好好学习下正则，递归，es6。此时就有个问题了，这样我们只能访问到第一层，此时用个递归就可解决。4、我们下面创建一个数据解析的函数 compile。下面，我们就需要添加大家常听到的发布者，订阅者了。2、双向绑定，我们当然需要监听data中的数据。
2022-10-30 17:33:04
394
1
原创 require(“child_process“).exec执行报错
require(“child_process”).exec执行报错路径中有空格会导致执行报错，因为路径中有空格，exec会认为这是两个命令，解决方法path = '\"'+path+ '\"' // 加上转义引号exec(`${path}`,{encoding:'GBK'},(error, stdout, stderr) => { console.log(error, stdout, stderr); if (error) { return; } else
2021-05-06 10:20:58
5195
1
原创 浅谈echarts
一起来学习下echarts中的配置，有不好的地方欢迎指出<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=
2021-03-30 15:47:15
443
原创 electron+vue开发录屏小工具
环境：node脚手架：vue-cli4 electron-builder开发工具：vscode目录结构：background.js'use strict'// import { app, protocol, BrowserWindow} from 'electron'import { dialog, app, BrowserWindow, protocol, ipcMain, globalShortcut, Notification, shell, screen } from "ele
2021-03-29 19:46:28
813
2
原创 element-ui中的el-table二次封装
element-ui中的el-table二次封装element-ui这个ui框架现在越来越火，很多公司都在使用它。可以节省很多代码，节省开发时间。此次对el-table组件进行干次封装(vue),费话不多说，直接上代码：<template> <div class="table-box"> <el-table border :data="tableData" @selection-change="changeSelection">
2021-03-22 14:39:05
1421
1
原创 uView中u-button点击事件偶发失效问题
uView中对u-button按钮默认进行了节流操作，并且这个节流操作是会影响一个页面内的按钮的本人今天就遇到了这个坑，怪自己眼瞎，没看到，最后都想哭了~~~~~~
2020-12-30 17:57:30
4281
3
原创 动态操作表格(DOM操作)
动态操作表格(DOM操作) <table>元素是HTML中最复杂的结构之一。要想创建表格，一般都必须涉及表示表格行、单元格、表头等标签。由于涉及标签多，因而使用核心DOM方法创建和修改表格往往都免不了要编写大量的代码。 首先，我们先来看下表格的HTML代码： <table border="1" width="600px"> <tbody> <tr> <td> cell
2020-11-16 16:52:22
846
原创 简单实现MVVM
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>自定义MVVM</title></head><body> <div id="ap
2020-06-30 10:08:57
158
原创 纯css写的鼠标悬停效果
先看一下效果废话不多说，直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>鼠标悬停</title> <style> :r
2020-06-28 10:54:36
654
1
原创 Android通过UDP连接实现简单的实时通信
Android通过UDP连接实现简单的实时通信首先是服务端（java），开发工具自己选择哦。下面先贴上代码------这是一个比较弱的程序，要客户端先发个信息过来，才能通信。。能帮助到大家当然是最好的了package com.xd.udpapplication.udp;import java.io.IOException;import java.net.DatagramPacket;import java.net.DatagramSocket;import java.net.InetAd
2020-06-09 16:14:10
4311
6
原创 greenDAO库修改数据库内容报错
greenDAO 使用update报错通过debug查看，我的_id是为null的，后来查了资料，原来是要自己加一个id，我是这么解决的ipv4Table = new IPV4Table();ipv4Table.setId(1L);//自行加上一个初始id，id必须为Long,这我就不多说了，如果有人须要了解，可以留言，我可以把demo贴上去，本人这么做子之后，就没有再报错了，运行正常的ipv4Table.setIpv4(ipv4.getText().toString());ipv4Table.s
2020-06-08 16:14:18
283
1
原创 Android下载demo
如图所示：这是一个带有进度条的下载文件的的案例。下面上代码：<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.co.
2020-06-01 17:56:21
1017
原创 Java中两个变量的交换
Java中两个变量的交换package code_01;/* * 交换两个变量的值 */public class Test05 { public static void main(String[] args) { int a = 3; int b = 8; System.out.println("a="+a);//3 System.out.println("b="+b)...
2020-05-07 11:58:55
91
原创 使用Scanner获取用户输入
获取用户输入使用Scanner获取用户输入数据步骤： 1、导入Scanner 2、创建Scanner 3、使用Scanner获取输入数据代码：package code_01;//导入Scannerimport java.util.Scanner;public class Test04 { public static void main(String[] args) { ...
2020-05-07 11:49:11
381
原创 Java基础-类型转换
类型转换 两种类型： - 自动类型转换 条件： 1、数据类型要兼容 2、目标类型要大于源类型，如int类型转换成long(long占的字节数是大于int的) - 强制转换 语法：(目标数据类型)数据 可能会导致数据精度不准确 下面代码：public static void main(String[] args) { /* * 自动类型转换...
2020-05-07 11:19:57
125
原创 解决IE浏览器与其它浏览器下载文件兼容问题（纯前端）
在非IE浏览器，这个还是比较简单的，相信基本上都知道<a href="地址" target="_blank" download="下载下来的文件名"></a>这个地址，应该都不会填错吧，然后就是download这个属性在IE浏览器是不支持的，我百度了好久也是没有找到完美的解决方法，经过本人几天的死扣，最终还是解决了，在项目上亲测的哦，下面上代码首先这是一个没有后台参...
2020-04-01 17:26:04
1549
原创 vue模块化项目的搭建
vue项目的环境搭建首先要进行环境依赖检测然后就是vue的脚手架的安装-基于node，必须得要安装npm install @vue/cli -g现在脚手架工具就安装成功了，在命令行输入vue就可以看到帮助接下来，我们来构建项目，在命令行输入vue create my-mall我这边选的是自定义的按回车进入子配置我这这输入N，选择了hash模式然后回车选择了les...
2020-02-11 15:06:42
539
原创 关于this对象
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2020-01-14 14:25:28
132
原创 JavaScript-闭包
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2020-01-08 18:24:31
85
原创 用vue实现元素的拖拽功能
用vue实现元素的拖拽功能去这边实现拖拽功能用到的是vue中自定义指令的方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s...
2020-01-07 17:02:28
5774
原创 JavaScript函数表达式——递归
递归递归函数是在一个函数通过名字调用自身的情况下构成的，如下：function f(num){ if(num<=1){ return 1; }else{ return num * f(num-1); } }...
2020-01-06 14:55:17
169
原创 Vue入门讲解day06-过滤器（filters）
过滤器（filters）用过滤器的功能实现简单的评分，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1...
2020-01-02 14:43:28
107
1
原创 vue入门讲解day05
响应式原理vue的响应式原理：Object.defineProperty()（数据劫持） <script> let defaultV = 'tom'; let obj = {}; Object.defineProperty(obj,'name',{ get(){ cons...
2019-12-28 12:11:41
74
原创 vue入门day04
vue的元素控制指令v-show、v-if<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...
2019-12-27 14:44:30
85
原创 JavaScript RegExp类型--今日分享
RegExp类型ECMAScript 通过 RegExp 类型来支持正则表达式。使用下面类似Perl的语法，就可以创建一个正则表达式var reg = / pattern / flags;其中的模式（pattern）部分可以是任何简单或复杂的正则表达式，可以包含字符类、限定符、分组、向前查找以及反向引用。每个正则表达式都可带有一个或多个标志（flags），用以标明正则表达式的行为。正则表...
2019-12-25 14:31:35
78
原创 vue入门讲解 day03
事件修饰符按键修饰符可以使用按键码和按键的别名q,w,e,r…enter tab delete(捕获删除或者退格键) esc space up down left rightctrl alt shift metajs中的按键事件 ： keyup ，在不加修饰符的情况下，不管按哪个键都会触发，如下：<!DOCTYPE html><html lang="...
2019-12-25 10:51:56
105
原创 细谈js中date类型
Date类型 ECMAScript 中的Date类型是在早期Java中的java.util.Date 类基础上构建的。为此，Date类型使用处UTC（Coordinated Universal Time，国际协调时间）1970年1月1日午夜（零时）开始经过的毫秒数来保存日期。在使用这种数据存储格式的条件下，Date类型保存的日期能够精确到1970年1月1日之前或者之后的100 000 000年。...
2019-12-24 14:34:24
237
原创 JS的归并方法
JS的归并方法–今日分享ECMAScript 5 新增了两个归并数组的方法：reduce():从数组的第一项开始，逐个遍历到最后reduceRight():从数组的最后一项目开始，向前遍历到第一项这两个方法都接收两个参数：一个在每一项上调用的函数和（可选的）作为归并基础的初始值。传给reduce()和reduceRight()的函数接收4个参数：前一个值、当前值、索引、数组对象。这个函...
2019-12-23 16:05:12
607
原创 vue入门讲解 day02
事件绑定指令一、书写<标签 v-on:事件=“事件名”></标签><标签 @事件=“事件名”></标签>//@可以代替v-on:二、说到事件绑定，就不得不说一下vue中的方法仓库methods,如下，在vue实例中：methods:{ // 定义方法，方法仓库 show:function(){ ...
2019-12-23 14:24:14
102
原创 vue入门讲解 day01
一、设计模式1、SPA Single Page Application 单页应用程序就是只有一个web页面的应用，所有的操作都在这个页面上完成（容器页面）浏览器一开始会加载相应的HTML、CSS和JavaScript，然后将所有的活动都局限在该Web页面中当用户与应用程序交互时通过JavaScript动态更新页面中的内容2、MVVM Model-View-ViewMod...
2019-12-20 15:16:52
122
原创 微信小程序悬浮功能小按钮
如上图所示，废话不多说，直接上代码一、WXML<view class="menu-box"> <view class="navbar {{ play?'active':'' }}"> <view class="btn" bindtap="changePlay"> <view class="line" animation="{{...
2019-12-03 16:11:23
5348
2
原创 微信小程序中菜单栏动态两行排法
##CSS中菜单栏动态两行排法一、话不多说，上代码1、wxml<scroll-view class="out" scroll-x="true" scroll-with-animation="{{true}}"> <view class="flex" hover-class="none" hover-stop-propagation="false"> &l...
2019-11-28 11:24:10
1992
原创 vue模块化开发过程中（移动端），页面transition切换时出现X轴滚动条的问题
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-11-06 20:25:23
3219
7
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人