JavaScript - 教程之家

117浏览

0评论

JavaScript获取网页的宽高及如何兼容详解

很多场景下会需要获取当前网页的宽高来达到一些效果，但是获取网页的宽高这里面还是有一点（hen duo）坑的，这里我进行了总结和详解，若有补充欢迎评论补充~方式一：window.innerWidth...

2021-08-10

104浏览

0评论

jquery插件实现鼠标隐藏

本文实例为大家分享了jquery插件实现鼠标隐藏的具体代码，供大家参考，具体内容如下鼠标悬浮在某个dom上的时候，自动给你隐藏，效果图因为录屏软件的问题，作用不出来效果如下代码部...

2021-08-10

161浏览

0评论

如何实现axios的自定义适配器adapter

目录1. 适配器要实现的功能1.1 promise 和工具1.2 响应的格式1.3 超时设置1.4 主动取消请求2. 编写自定义适配器3. 将适配器添加到 axios 中4. 总结1. 适配器要实现的功能我...

2021-08-10

105浏览

0评论

JS如何让你的移动端交互体验更加优秀

目录1. 即时反馈1.1 按钮的即时反馈1.2 持续性的反馈1.3 页面初始化1.4 数据的展示2. 行为跟随2.1 点击按钮后呼起弹窗2.2 列表中有对象变动时2.3 丝滑的滑动跟随3. 考虑移...

2021-08-10

181浏览

0评论

JS如何实现基于websocket的多端桥接平台

目录1. 要调试什么2. websocket 的特性3. 建立 socket 连接3.1 如何创建房间3.2 客户端的断线重现机制3.3 心跳检测4. 进行接口的调试4.1 接口的调试4.2 历史记录的存储5....

2021-08-10

70浏览

0评论

JavaScript实现可拖拽的进度条

本文实例为大家分享了JavaScript实现可拖拽的进度条的具体代码，供大家参考，具体内容如下一.进度条实现<html><head> <meta http-equiv="X-UA-Compatible" content="IE=edge">...

2021-08-10

102浏览

0评论

详解JS中你不知道的各种循环测速

目录前言1. for 循环2. while 循环和 do-while 循环3. forEach、map 和 reduce 循环3.1 forEach 的简要介绍3.2 forEach 等的测速4. for-of4.1 for-of 的简要介绍4.2 for-of...

2021-08-10

86浏览

0评论

jquery 步骤进度轴插件的实现代码

每天一个jquery插件-步骤进度轴步骤进度轴很多工具型的网站入门教程或者注册账号走流程的时候会有这个结构存在，所以做了一个来尝试一下，回调动作也能用吧效果如下代码部分*{...

2021-08-10

85浏览

0评论

如何理解JavaScript模块化

目录1. 浏览器支持2. export 导出模块3. import 导入模块4. 创建模块对象5. export import 中转站6. 动态加载模块1. 浏览器支持使用JavaScript 模块依赖于 import 和 expor...

2021-08-10

107浏览

0评论

JavaScript定时器实现无缝滚动图片

本文实例为大家分享了JavaScript实现无缝滚动图片的具体代码，供大家参考，具体内容如下文本： setInterval 开启间隔型定时器 clearTimeout 关闭定时器 offsetWidth 获...

2021-08-10

110浏览

0评论

如何用JS有效的压缩图片

目录前言转化关系具体实现file2DataUrl(file, callback)file2Image(file, callback)url2Image(url, callback)image2Canvas(image)canvas2DataUrl(canvas, quality, type)da...

2021-08-10

148浏览

0评论

js实现经典扫雷游戏

本文实例为大家分享了js实现经典扫雷游戏的具体代码，供大家参考，具体内容如下项目结构实现效果思路流程1、写出基本的布局
2、利用js生成扫雷的table表格
3、利用随机数来做地...

2021-08-10

156浏览

0评论

jQuery轮播图功能实现方法

本文实例为大家分享了jQuery轮播图功能的实现代码，供大家参考，具体内容如下jQuery轮播（无animation）html布局 <div class="container"> <!-- 轮播图 --...

2021-08-10

84浏览

0评论

JavaScript实现简易tab栏切换内容栏

本文实例为大家分享了JavaScript实现简易tab栏切换内容栏的具体代码，供大家参考，具体内容如下html+css部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...

2021-08-10

101浏览

0评论

Chrome插件(扩展)开发全攻略(完整demo)

目录写在前面前言什么是Chrome插件学习Chrome插件开发有什么意义为什么是Chrome插件而不是Firefox插件开发与调试核心介绍manifest.jsoncontent-scriptsbackgroundevent-pag...

2021-08-10

83浏览

0评论

详解Angular动态组件

目录使用场景怎么实现一、动态组件放在哪二、怎么获取组件的实例使用场景我们先明确下动态组件的使用场景，在代码运行时要动态加载组件，换成普通人话，代码需要根据具体情况（比如...

2021-08-10

89浏览

0评论

详解Angular父子组件通讯

目录概述一、输入输出属性概述二、输入属性三、属性绑定是单向的，从父组件到子组件四、输出属性1、先模拟一个实时变动的IBM的股票价格2、把信息输出出去，告诉组件外部，谁感兴...

2021-08-10

83浏览

0评论

详解Angular结构型指令模块和样式

目录一，结构型指令二，模块Module写一个forRoot()三，风格定义使用ngStyle在拖拽的时候调整顺序一，结构型指令*是一个语法糖,<a *ngIf="user.login">退出</a>相当于<ng-template [...

2021-08-10

89浏览

0评论

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

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

2021-08-10

104浏览

0评论

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

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

2021-08-10

104浏览

0评论

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

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

2021-08-10

97浏览

0评论

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

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

2021-08-10

80浏览

0评论

JavaScript实现异步获取表单数据

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

2021-08-10

84浏览

0评论

ES6 解构赋值的原理及运用

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

2021-08-10

90浏览

0评论

详解Angular之路由基础

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

2021-08-10

106浏览

0评论

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

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

2021-08-10

88浏览

0评论

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

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

2021-08-10

79浏览

0评论

小程序实现分页效果

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

2021-08-10

91浏览

0评论

JavaScript实现异步提交表单数据

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

2021-08-10

78浏览

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

85浏览

0评论

详解Angular组件之中间人模式

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

2021-08-10

103浏览

0评论

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

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

2021-08-10

91浏览

0评论

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

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

2021-08-10

72浏览

0评论

js Proxy的原理详解

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

2021-08-10

79浏览

0评论

浅谈Angular的12个经典问题

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

2021-08-10

97浏览

0评论

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

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

2021-08-10

102浏览

0评论

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

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

2021-08-10

76浏览

0评论

详解Angular组件之投影

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

2021-08-10

95浏览

0评论

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

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

2021-08-10

101浏览

0评论

详解Angular依赖注入

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

2021-08-10

97浏览

0评论

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

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

2021-08-10

100浏览

0评论

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

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

2021-08-10

95浏览

0评论

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

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

2021-08-10

91浏览

0评论

详解Angular路由之子路由

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

2021-08-10

91浏览

0评论

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

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

2021-08-10

76浏览

0评论

小程序实现筛子抽奖

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

2021-08-10

65浏览

0评论

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

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

2021-08-10

98浏览

0评论

JavaScript实现动态数字时钟

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

2021-08-10

92浏览

0评论

js实现多张图片打包成zip

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

2021-08-10

107浏览

0评论

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

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

2021-08-10

热门文章