58浏览

0评论

详解Angular路由动画及高阶动画函数

目录一、路由动画二、Group三、Query & Stagger一、路由动画路由动画需要在host元数据中指定触发器。动画注意不要过多，否则适得其反。内容优先，引导用户去注意到某个内容。动...

• 2021-08-10

75浏览

0评论

浅谈JS如何写出漂亮的条件表达式

目录多条件语句多属性对象替换Switch语句默认参数与解构匹配所有或部分条件使用可选链和 Nullish 合并多条件语句多条件语句使用Array.includes举个例子function printAnima...

• 2021-08-10

73浏览

0评论

如何用DevUI搭建自己的Angular组件库

目录前言创建组件库关键配置修改目录布局调整库构建关键配置开发一个Alert组件组件功能介绍组件结构分解定义输入输出定义布局测试Alert组件开发态引用组件编写单元测试发布...

• 2021-08-10

74浏览

0评论

微信小程序实现简单的摇骰子游戏

本文实例为大家分享了微信小程序实现摇骰子游戏的具体代码，供大家参考，具体内容如下页面代码<view class='top'>{{txt}}</view><view class='point1'> <image src='{{one_img}...

• 2021-08-10

63浏览

0评论

JavaScript实现异步获取表单数据

本文实例为大家分享了JavaScript实现异步获取表单数据的具体代码，供大家参考，具体内容如下在上一篇文章中讲到了使用JavaScript异步提交表单中的数据，那么今天我们就讲讲利用Ja...

• 2021-08-10

56浏览

0评论

ES6 解构赋值的原理及运用

目录数组的解构赋值对象的解构赋值
解构赋值的运用
交换变量的值
从函数返回多个值
遍历Map结构
函数参数的解构赋值数组的解构赋值let [a, b, c] = [1, 2, 3]同时定义多个...

• 2021-08-10

57浏览

0评论

详解Angular之路由基础

目录一、路由相关对象二、路由对象的位置三、路由配置四、代码中通过Router对象导航五、配置不存在的路径六、重定向路由七、在路由时候传递数据一、路由相关对象Router和Ro...

• 2021-08-10

73浏览

0评论

关于加快微信小程序开发的一些小建议

1.使用 app.json创建页面&#8203; 按照我们平常的开发习惯，创建一个新的页面，一般都会先创建文件夹，再创建对应page的形式，创建完成后，app.json中会自动注册该页面。实际上，我们还...

• 2021-08-10

64浏览

0评论

微信小程序开发实用技巧之数据传递和存储

结合自己在平时的开发中遇到的各种问题，和浏览各种问题的解决方案总结出一些自己在日常开发中常用的技巧和知点,希望各位不吝斧正。1.短生命周期数据存储以小程序启动到彻底...

• 2021-08-10

56浏览

0评论

小程序实现分页效果

本文实例为大家分享了小程序实现分页效果展示的具体代码，供大家参考，具体内容如下<view class="pages_box"> <view bindtap="pagesFn" class="{{pagesNum==0&#63;'active':''...

• 2021-08-10

67浏览

0评论

JavaScript实现异步提交表单数据

本文实例为大家分享了JavaScript实现异步提交表单数据的具体代码，供大家参考，具体内容如下效果如下：首先看一下HTML代码部分：<div class="container"> <form class="form-...

• 2021-08-10

53浏览

0评论

QT与javascript交互数据的实现

一、数据从QT流向JS
1、QT调用JS的函数，JS通过形参获得QT的值
2、JS调用QT的函数，QT函数的返回值进入JS
二、数据从JS流向QT
1、JS调用QT的函数，QT通过形参获得JS的值
2、QT调...

• 2021-08-10

62浏览

0评论

详解Angular组件之中间人模式

目录一、中间人模式二、例子1、报价组件上加购买按钮2、父组件接收处理事件3、下单组件4、运行结果三、使用服务作为中间人一、中间人模式该组件树中除了组件1以外，每个组件...

• 2021-08-10

84浏览

0评论

详解Angular组件生命周期(一)

目录概述一、钩子的调用顺序二、onChanges钩子三、变更检测机制和DoCheck()钩子概述组件声明周期以及angular的变化发现机制红色方法只执行一次。变更检测执行的绿色方法和...

• 2021-08-10

72浏览

0评论

微信小程序实现贪吃蛇游戏

本文实例为大家分享了微信小程序实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下一、项目截图二、源代码1.WXML代码如下（示例）：<view class='container'> <view class='conten...

• 2021-08-10

49浏览

0评论

js Proxy的原理详解

目录什么是代理模式
引入一个现实生活中的案例结合案例理解代理模式的定义什么是Proxyget(target, propKey, receiver)
set(target, propKey, value, receiver)
总结
什么是...

• 2021-08-10

55浏览

0评论

浅谈Angular的12个经典问题

目录1. 请解释Angular 2应用程序的生命周期hooks是什么？2. 使用Angular 2，和使用Angular 1相比，有什么优势？3. Angular 2中的路由工作原理是什么？4. 什么是事件发射器？它是如何在A...

• 2021-08-10

72浏览

0评论

微信小程序实现摇筛子效果

本文实例为大家分享了微信小程序实现摇筛子效果的具体代码，供大家参考，具体内容如下1.效果图：2.HTML代码：<!--pages/game/game.wxml--><view class="text">筛子点数为：{{total}}<...

• 2021-08-10

74浏览

0评论

详解JavaScript Alert函数执行顺序问题

目录问题分析解决替换 Alert() 函数setTimeOut函数小结问题前几天使用 JavaScript 写 HTML 页面时遇到了一个奇怪的问题：我想实现的功能是通过 confirm() 弹窗让用户选择不同...

• 2021-08-10

48浏览

0评论

详解Angular组件之投影

目录概述一、简单例子1、子组件中使用<ng-content>指令来标记投影点2、父组件中把要投影到子组件的投影点的html片段写到子组件的标签中二、多个<ng-content>投影点三、Angu...

• 2021-08-10

71浏览

0评论

详解Angular项目中共享模块的实现

目录一、共享CommonModule二、共享MaterialModule三、共享ConfirmDialog一、共享CommonModule创建share Modele：ng g m shareimport进来所有需要共享的模块都export出去，暂时...

• 2021-08-10

73浏览

0评论

详解Angular依赖注入

目录概述一、依赖注入二、Angular的依赖注入框架概述依赖注入：设计模式依赖：程序里需要的某种类型的对象。依赖注入框架：工程化的框架注入器Injector：用它的API创建依赖的实例Pr...

• 2021-08-10

71浏览

0评论

80行代码写一个Webpack插件并发布到npm

1. 前言最近在学习 Webpack 相关的原理，以前只知道 Webpack 的配置方法，但并不知道其内部流程，经过一轮的学习，感觉获益良多，为了巩固学习的内容，我决定尝试自己动手写一个插件。...

• 2021-08-10

72浏览

0评论

微信小程序页面与组件之间信息传递与函数调用

这篇文章我会以我自己开发经验从如下几个角度来讲解相关的内容 页面如何向组件传数据 组件如何向页面传数据 页面如何调用组件内的函数 组件如何调用页面内的...

• 2021-08-10

76浏览

0评论

详解Angular组件之生命周期(二)

目录一、view钩子1、实现ngAfterViewInit和ngAfterViewChecked钩子时注意事项2、在一个变更检测周期中禁止一个视图被组装好之后再去更新视图二、content钩子1、Content钩子...

• 2021-08-10

68浏览

0评论

详解Angular路由之子路由

目录一、子路由语法二、实例1、新建2个组件修改其内容2、修改路由配置3、修改product.component.ts的模版一、子路由语法二、实例在商品详情页面，除了显示商品id信息，还显示了...

• 2021-08-10

73浏览

0评论

微信小程序开发之组件设计规范

微信小程序组件设计规范组件化开发的思想贯穿着我开发设计过程的始终。在过去很长一段时间里，我都受益于这种思想。 组件可复用 - 减少了重复代码量 组件做为抽离的功...

• 2021-08-10

52浏览

0评论

小程序实现筛子抽奖

本文实例为大家分享了小程序实现筛子抽奖的具体代码，供大家参考，具体内容如下效果图<!--pages/shaizi/index.wxml--><view class="container"> <view class="shaizi_box {{ac...

• 2021-08-10

46浏览

0评论

微信小程序基础教程之echart的使用

前言先看下最终实现的效果–自己做的小demo首先到ECharts官网下载官网地址根据上面的网址下载代码把ec-canvas文件拷贝下来放到你自己的项目中，我放的是tool文件夹下面，你们随...

• 2021-08-10

73浏览

0评论

JavaScript实现动态数字时钟

本文实例为大家分享了JavaScript实现动态数字时钟的具体代码，供大家参考，具体内容如下实现效果代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...

• 2021-08-10

75浏览

0评论

js实现多张图片打包成zip

目录1、引入文件2、html页面3、主要代码4、优化图片转base64的流程，提高zip的打包速度5、再优化，通过axios把图片转成base641、引入文件<script src="https://cdn.bootcdn.net...

• 2021-08-10

86浏览

0评论

ThingJS粒子特效一键实现雨雪效果

目录1、粒子效果2、 加载场景3、不同粒子特效实现结尾：使用ThingJS可以快速编写粒子效果，比如：下雨、下雪（可以控制雨雪大小）、喷水、火焰效果等，甚至可以通过对接第三方的数据，实...

• 2021-08-10

55浏览

0评论

JS实现简单打砖块弹球小游戏

本文实例为大家分享了JS实现打砖块弹球小游戏的具体代码，供大家参考，具体内容如下使用原生JS写的，还有一点瑕疵。代码直接复制到html就能使用速度随机的 因为设涉及横向和纵向...

• 2021-08-10

48浏览

0评论

JS实现jQuery的append功能

目录Show Me The Code测试下效果
效果PS
另一种方法Show Me The CodeHTMLElement.prototype.appendHTML = function(html) { let divTemp = document.createElement("div");...

• 2021-08-10

75浏览

0评论

Angular环境搭建及简单体验小结

Angular介绍
Angular是谷歌开发的一款开源的web前端框架，诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。...

• 2021-08-10

83浏览

0评论

微信小程序使用canvas绘制钟表

本文实例为大家分享了微信小程序使用canvas绘制钟表的具体代码，供大家参考，具体内容如下模拟时钟利用canvas绘制时钟，实现模拟时钟的功能，钟表时间与系统时间保持一致，刻度将24小...

• 2021-08-10

57浏览

0评论

JavaScript offset实现鼠标坐标获取和窗口内模块拖动

offsetoffset 即偏移量，使用 offset 系列相关属性可以 动态的 获取该元素的位置（偏移）、大小等，如：
元素距离带有定位父元素的位置
获取元素自身的大小（宽度高度）
注：返回的数值不带...

• 2021-08-10

57浏览

0评论

nodejs获取表单数据的三种方法实例

前言nodejs作为服务端语言，在开发中注册登录等需通过form表单向后端发送数据进行判断，那作为服务端语言的nodejs通过哪些方法可以接收调用form表单的post请求值呢。常见的会用...

• 2021-08-10

66浏览

0评论

Lombok实现方式JSR-269

前言简介
Lombok是一款好用顺手的工具，就像Google Guava一样，在此予以强烈推荐，每一个Java工程师都应该使用它。Lombok是一种Java&#8482;实用工具，可用来帮助开发人员消除Java的...

• 2021-08-10

64浏览

0评论

js 可选链操作符的使用

前言
可选链操作符(&#63;.)允许读取位于链接对象链身处的属性的值,而不必明确验证链中的每个引用是否有效。不同之处在于，在引用为空（null或者undefined）的情况下不会引起错误，...

• 2021-08-10

64浏览

0评论

实例详解jQuery的链式编程风格

链式编程的实现原理
jQuery可以让我们开发者一直使用点语法调用自身方法的原理，主要原因是jQuery内部利用了js的对象来实现。在jQuery中，如果一直对同一个元素或元素的其他关...

• 2021-08-10

67浏览

0评论

浅谈nodejs中创建cluster

目录cluster集群cluster详解cluster中的eventcluster中的方法cluster中的属性cluster中的worker总结cluster集群我们知道，nodejs的event loop或者说事件响应处理器是单线程的...

• 2021-08-10

71浏览

0评论

JS数组reduce你不得不知道的25个高级用法

前言reduce作为ES5新增的常规数组方法之一，对比forEach、filter和map，在实际使用上好像有些被忽略，发现身边的人极少使用它，导致这个如此强大的方法被逐渐埋没。如果经常使用red...

• 2021-08-10

71浏览

0评论

替换json对象中的key最佳方案

JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格...

• 2021-08-10

61浏览

0评论

关于js的事件循环机制剖析

前言众所周知， JavaScript是单线程这一核心,可是浏览器又能很好的处理异步请求，那么到底是为什么呢？其中的原理与事件循环机制大有关系。在探索事件循环之前，我们得先了解浏览器...

• 2021-08-10

75浏览

0评论

js判断文件是否为utf-8编码的方法

常规方案
使用FileReader以utf-8格式读取文件，根据文件内容是否包含乱码字符&#65533;，来判断文件是否为utf-8。如果存在&#65533;，即文件编码非utf-8，反之为utf-8。代码如下：const...

• 2021-08-10

51浏览

0评论

JS中数组常用的循环遍历你会几种

前言
数组和对象作为一个最基础数据结构，在各种编程语言中都充当着至关重要的角色，你很难想象没有数组和对象的编程语言会是什么模样，特别是 JS ，弱类型语言，非常灵活。本文带你...

• 2021-08-10

48浏览

0评论

微信小程序使用同声传译实现语音识别功能

　　我使用同声传译语音识别功能是为了实现微信小程序首页的语音搜索功能，如果你也是那么恭喜你，你可以ctrl+c、ctrl+v再改一改，如果你不是那么你也不要着急的走可以看完我的文...

• 2021-08-10

63浏览

0评论

使用php的mail()函数实现发送邮件功能

利用PHP的mail函数发送邮件 mail()函数的作用：连接到邮件服务器，利用smtp协议，与该服务器交互并投邮件 注意： 1.mail函数不支持esmtp协议，即只能直投不能登录 2...

• 2021-08-10

75浏览

0评论

jquery实现户籍地选择下拉框

利用jquery实现户籍地选择下拉框的具体代码，供大家参考，具体内容如下
data.jsvar data = [{ provname: '浙江省', provId: 1, citys: [{ cit...

• 2021-08-10