详解Angular组件之中间人模式
目录一、中间人模式二、例子1、报价组件上加购买按钮2、父组件接收处理事件3、下单组件4、运行结果三、使用服务作为中间人一、中间人模式该组件树中除了组件1以外，每个组件...
2021-08-10
详解Angular组件生命周期(一)
目录概述一、钩子的调用顺序二、onChanges钩子三、变更检测机制和DoCheck()钩子概述组件声明周期以及angular的变化发现机制红色方法只执行一次。变更检测执行的绿色方法和...
2021-08-10
微信小程序实现贪吃蛇游戏
本文实例为大家分享了微信小程序实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下一、项目截图二、源代码1.WXML代码如下（示例）：<view class='container'> <view class='conten...
2021-08-10
js Proxy的原理详解
目录什么是代理模式
引入一个现实生活中的案例结合案例理解代理模式的定义什么是Proxyget(target, propKey, receiver)
set(target, propKey, value, receiver)
总结
什么是...
2021-08-10
浅谈Angular的12个经典问题
目录1. 请解释Angular 2应用程序的生命周期hooks是什么？2. 使用Angular 2，和使用Angular 1相比，有什么优势？3. Angular 2中的路由工作原理是什么？4. 什么是事件发射器？它是如何在A...
2021-08-10
微信小程序实现摇筛子效果
本文实例为大家分享了微信小程序实现摇筛子效果的具体代码，供大家参考，具体内容如下1.效果图：2.HTML代码：<!--pages/game/game.wxml--><view class="text">筛子点数为：{{total}}<...
2021-08-10
详解JavaScript Alert函数执行顺序问题
目录问题分析解决替换 Alert() 函数setTimeOut函数小结问题前几天使用 JavaScript 写 HTML 页面时遇到了一个奇怪的问题：我想实现的功能是通过 confirm() 弹窗让用户选择不同...
2021-08-10
详解Angular组件之投影
目录概述一、简单例子1、子组件中使用<ng-content>指令来标记投影点2、父组件中把要投影到子组件的投影点的html片段写到子组件的标签中二、多个<ng-content>投影点三、Angu...
2021-08-10
详解Angular项目中共享模块的实现
目录一、共享CommonModule二、共享MaterialModule三、共享ConfirmDialog一、共享CommonModule创建share Modele：ng g m shareimport进来所有需要共享的模块都export出去，暂时...
2021-08-10
详解Angular依赖注入
目录概述一、依赖注入二、Angular的依赖注入框架概述依赖注入：设计模式依赖：程序里需要的某种类型的对象。依赖注入框架：工程化的框架注入器Injector：用它的API创建依赖的实例Pr...
2021-08-10
80行代码写一个Webpack插件并发布到npm
1. 前言最近在学习 Webpack 相关的原理，以前只知道 Webpack 的配置方法，但并不知道其内部流程，经过一轮的学习，感觉获益良多，为了巩固学习的内容，我决定尝试自己动手写一个插件。...
2021-08-10
微信小程序页面与组件之间信息传递与函数调用
这篇文章我会以我自己开发经验从如下几个角度来讲解相关的内容 页面如何向组件传数据 组件如何向页面传数据 页面如何调用组件内的函数 组件如何调用页面内的...
2021-08-10
详解Angular组件之生命周期(二)
目录一、view钩子1、实现ngAfterViewInit和ngAfterViewChecked钩子时注意事项2、在一个变更检测周期中禁止一个视图被组装好之后再去更新视图二、content钩子1、Content钩子...
2021-08-10
详解Angular路由之子路由
目录一、子路由语法二、实例1、新建2个组件修改其内容2、修改路由配置3、修改product.component.ts的模版一、子路由语法二、实例在商品详情页面，除了显示商品id信息，还显示了...
2021-08-10
微信小程序开发之组件设计规范
微信小程序组件设计规范组件化开发的思想贯穿着我开发设计过程的始终。在过去很长一段时间里，我都受益于这种思想。 组件可复用 - 减少了重复代码量 组件做为抽离的功...
2021-08-10
小程序实现筛子抽奖
本文实例为大家分享了小程序实现筛子抽奖的具体代码，供大家参考，具体内容如下效果图<!--pages/shaizi/index.wxml--><view class="container"> <view class="shaizi_box {{ac...
2021-08-10
微信小程序基础教程之echart的使用
前言先看下最终实现的效果–自己做的小demo首先到ECharts官网下载官网地址根据上面的网址下载代码把ec-canvas文件拷贝下来放到你自己的项目中，我放的是tool文件夹下面，你们随...
2021-08-10
JavaScript实现动态数字时钟
本文实例为大家分享了JavaScript实现动态数字时钟的具体代码，供大家参考，具体内容如下实现效果代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...
2021-08-10
js实现多张图片打包成zip
目录1、引入文件2、html页面3、主要代码4、优化图片转base64的流程，提高zip的打包速度5、再优化，通过axios把图片转成base641、引入文件<script src="https://cdn.bootcdn.net...
2021-08-10
ThingJS粒子特效一键实现雨雪效果
目录1、粒子效果2、 加载场景3、不同粒子特效实现结尾：使用ThingJS可以快速编写粒子效果，比如：下雨、下雪（可以控制雨雪大小）、喷水、火焰效果等，甚至可以通过对接第三方的数据，实...
2021-08-10
JS实现简单打砖块弹球小游戏
本文实例为大家分享了JS实现打砖块弹球小游戏的具体代码，供大家参考，具体内容如下使用原生JS写的，还有一点瑕疵。代码直接复制到html就能使用速度随机的 因为设涉及横向和纵向...
2021-08-10
JS实现jQuery的append功能
目录Show Me The Code测试下效果
效果PS
另一种方法Show Me The CodeHTMLElement.prototype.appendHTML = function(html) { let divTemp = document.createElement("div");...
2021-08-10
Angular环境搭建及简单体验小结
Angular介绍
Angular是谷歌开发的一款开源的web前端框架，诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。...
2021-08-10
微信小程序使用canvas绘制钟表
本文实例为大家分享了微信小程序使用canvas绘制钟表的具体代码，供大家参考，具体内容如下模拟时钟利用canvas绘制时钟，实现模拟时钟的功能，钟表时间与系统时间保持一致，刻度将24小...
2021-08-10
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
offsetoffset 即偏移量，使用 offset 系列相关属性可以 动态的 获取该元素的位置（偏移）、大小等，如：
元素距离带有定位父元素的位置
获取元素自身的大小（宽度高度）
注：返回的数值不带...
2021-08-10
nodejs获取表单数据的三种方法实例
前言nodejs作为服务端语言，在开发中注册登录等需通过form表单向后端发送数据进行判断，那作为服务端语言的nodejs通过哪些方法可以接收调用form表单的post请求值呢。常见的会用...
2021-08-10
Lombok实现方式JSR-269
前言简介
Lombok是一款好用顺手的工具，就像Google Guava一样，在此予以强烈推荐，每一个Java工程师都应该使用它。Lombok是一种Java™实用工具，可用来帮助开发人员消除Java的...
2021-08-10
js 可选链操作符的使用
前言
可选链操作符(?.)允许读取位于链接对象链身处的属性的值,而不必明确验证链中的每个引用是否有效。不同之处在于，在引用为空（null或者undefined）的情况下不会引起错误，...
2021-08-10
实例详解jQuery的链式编程风格
链式编程的实现原理
jQuery可以让我们开发者一直使用点语法调用自身方法的原理，主要原因是jQuery内部利用了js的对象来实现。在jQuery中，如果一直对同一个元素或元素的其他关...
2021-08-10
浅谈nodejs中创建cluster
目录cluster集群cluster详解cluster中的eventcluster中的方法cluster中的属性cluster中的worker总结cluster集群我们知道，nodejs的event loop或者说事件响应处理器是单线程的...
2021-08-10
JS数组reduce你不得不知道的25个高级用法
前言reduce作为ES5新增的常规数组方法之一，对比forEach、filter和map，在实际使用上好像有些被忽略，发现身边的人极少使用它，导致这个如此强大的方法被逐渐埋没。如果经常使用red...
2021-08-10
替换json对象中的key最佳方案
JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格...
2021-08-10
关于js的事件循环机制剖析
前言众所周知， JavaScript是单线程这一核心,可是浏览器又能很好的处理异步请求，那么到底是为什么呢？其中的原理与事件循环机制大有关系。在探索事件循环之前，我们得先了解浏览器...
2021-08-10
js判断文件是否为utf-8编码的方法
常规方案
使用FileReader以utf-8格式读取文件，根据文件内容是否包含乱码字符�，来判断文件是否为utf-8。如果存在�，即文件编码非utf-8，反之为utf-8。代码如下：const...
2021-08-10
JS中数组常用的循环遍历你会几种
前言
数组和对象作为一个最基础数据结构，在各种编程语言中都充当着至关重要的角色，你很难想象没有数组和对象的编程语言会是什么模样，特别是 JS ，弱类型语言，非常灵活。本文带你...
2021-08-10
微信小程序使用同声传译实现语音识别功能
我使用同声传译语音识别功能是为了实现微信小程序首页的语音搜索功能，如果你也是那么恭喜你，你可以ctrl+c、ctrl+v再改一改，如果你不是那么你也不要着急的走可以看完我的文...
2021-08-10
使用php的mail()函数实现发送邮件功能
利用PHP的mail函数发送邮件 mail()函数的作用：连接到邮件服务器，利用smtp协议，与该服务器交互并投邮件 注意： 1.mail函数不支持esmtp协议，即只能直投不能登录 2...
2021-08-10
jquery实现户籍地选择下拉框
利用jquery实现户籍地选择下拉框的具体代码，供大家参考，具体内容如下
data.jsvar data = [{ provname: '浙江省', provId: 1, citys: [{ cit...
2021-08-10
vue-router history模式服务器端配置过程记录
history路由
history模式是指使用HTML5的historyAPI实现客户端路由的模式，它的典型表现就是去除了hash模式中url路径中的#。在使用Vue-Router时开启history模式非常容易，只需...
2021-08-10
浅谈JS的原型和原型链
目录1.原型prototype2.原型指针：__proto__总结1.原型prototypejavascript中所有函数都具有这个属性，所有具有prototype属性的对象都是一个函数。prototype的作用是向对象添加...
2021-08-10
Vuex状态机的快速了解与实例应用
目录一. 速识概念：1. 组件之间共享数据的方式：2. vuex是什么：二. 基本使用：三.创建项目：四. 讲解前提：五.核心概念：1.state：1.1 组件中访问state的第一种方式：1.2 组件中访问state的...
2021-08-10
vue Element-ui表格实现树形结构表格
本文实例为大家分享了Element-ui表格实现树形结构表格的具体代码，供大家参考，具体内容如下前端效果展示:在el-table中，支持树类型的数据的显示。当 row 中包含 children 字段时...
2021-08-10
解决vue $http的get和post请求跨域问题
vue $http的get和post请求跨域问题首先在config/index.js中配置proxyTable proxyTable: { '/api':{ // target:'http://jsonplaceholder.typicode.com',...
2021-08-10
vue+elementui 实现新增和修改共用一个弹框的完整代码
目录一、新增
二、修改
element-ui是由饿了么前端团队推出的一套为开发者、设计师和产品经理准备的基于Vue.js 2.0的桌面组件库，而手机端有对应框架是 Mint UI 。整个ui风格...
2021-08-10
Vue中插槽slot的使用方法与应用场景详析
什么是插槽？
我们知道在Vue中 Child 组件的标签 的中间是不可以包着什么的 。可是往往在很多时候我们在使用组件的时候总想在组件间外面自定义一些标签，vue新增了一种插槽机制...
2021-08-10
项目中Axios二次封装实例Demo
1.为什么做封装？方便代码整体调用、对请求做公共处理、个性化定制2.别人已经封装了很多，为什么不直接修改使用？ 封装思路不适合自身项目 封装后调用不方便3.个人封装demo...
2021-08-10
详解微信小程序官方人脸核身认证
小程序收集了下用户个人信息上传被打回来说：你好，小程序页面功能涉及：采集用户生物特征（人脸照片或视频）及其他敏感信息，用于身份认识或识别，为保障用户敏感隐私身份信息，平台暂不支...
2021-08-10
分析node事件循环和消息队列
目录什么是异步？为什么需要异步呢？什么是异步IO？什么是事件循环？V8引擎当js运行时消息队列什么是异步？异步和同步应该是经常谈的一个话题了。同步的概念很简单，自上而下依次执行，必...
2021-08-10
分析uniapp入门之nvue爬坑记
目录前言Hello Worldimage 设置 border-radius设置真实像素引入外部的 css使用 ttf 字体文件vue 打开 nvue 时传递参数仿微信朋友圈效果前言uni-app 是 DCloud 出品的新一代...
2021-08-10
JavaScript+html实现前端页面滑动验证（2）
本文实例为大家分享了炫酷的前端页面滑动验证的具体代码，供大家参考，具体内容如下分享炫酷的前端页面滑动验证前面已经发过一种，这里再发一种，只是特效不一样还是直接上代码：<%@...
2021-08-10
