经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 JavaScript

webuploader批量导入文件

第一步: 引入文件 <!--引入CSS--> <link href="~/Content/JS/webuploader.c " rel="stylesheet" /> <!--引入JS--> <script src="~/Content/JS/web...[2021/3/1]

Web性能优化之瘦身秘笈

Web 传输的内容当然是越少越好,最近一段时间的工作一直致力于 Web 性能优化,这是我近期使用过的一些缩减 Web 体积的手段 这些手段主要是为了减少 Web 传输的内容大小,只有干货 CSS ??删除无用的样式 在使用 UI 库的时候,UI 库提供的样式并不是所有的都会使用到 例如一个...[2021/3/1]

JS实现点击图片放大、关闭效果

实现效果: 点击图片在弹出层显示大图,点击大图或空白区域关闭大图,图片高度宽度根据窗口大小判断 html代码 <td width="350"> <img cla ="pimg" height="100" width="100" src="http: or7y3w...[2021/3/1]

详解js创建对象的几种方式和对象方法

这篇文章是看js红宝书第8章,记的关于对象的笔记(第二篇)。 创建对象的几种模式: 工厂模式: 工厂是函数的意思。工厂模式核心是定义一个返回全新对象的函数。 function getObj(name, age) { let obj = {} obj.nam...[2021/3/1]

three.js 实现露珠滴落动画效果的示例代码

前言 大家好,这里是 CSS 魔法使——alphardex。 本文我们将用three.js来实现一种很酷的光学效果——露珠滴落。我们知道,在露珠从一个物体表面滴落的时候,会产生一种粘着的效果。2D平面中,这种粘着效果其实用c 滤镜就可以轻松实现。但是到了3D世界,就没那么简单了,这时我们就得...[2021/3/1]

Layui 源码浅读(模块加载原理)

Layui 源码浅读(模块加载原理)

经典开场 Layui ;! function (win) { var Lay = function () { this.v = ''2.5.5''; }; win.layui = new Lay(); }(window); Jquery (func...[2021/3/1]

getter和setter以及defineProperty的用法

getter 和 setter 和 defineProperty getter:将对象属性绑定到查询该属性时将被调用的函数 说人话就是,当你调用一个getter属性时会调用定义好的get函数,这个函数会返回一些运算结果的值(一般是用其他属性作为运算值),这个值就作为你调用的这个属性的值。 ...[2021/3/1]

一个巧合,我把文档写进了代码里

最近因为公司业务的调整,项目需要开发大量的业务组件、高复用逻辑提供给客户使用。当各类组件、代码多了以后,加上团队内几个成员书写习惯、开发思想的不同,出现了好多问题。尤其两个问题最严重: 大量的业务组件/业务逻辑需要通过查源代码的方式,或者问写组件的人,才能知道组件是否有自己需要的属性/钩子方法...[2021/3/1]

vue 中 用showdown预览markdown文件,并用highlight.js 实现代码高亮

vue 中 用showdown预览markdown文件,并用highlight.js 实现代码高亮

showdownGithub地址: https: github.com howdownj howdown 在vue项目中,通过showdown 实现markdown文件的预览,highlight.js实现代码块的高亮。 1.安装showdown npm install showdown -...[2021/3/1]

《深入浅出React和Redux》(4) - 服务器通信、单元测试

与服务器通信 与服务器通信的时长不可控,需要采用异步的形式,可以使用js的fetch函数来调用api。 fetch函数 fetch函数的基本使用形式为: fetch(apiUrl).then((response) => { if (response.status !== 200) ...[2021/3/1]

JavaScript连载38-编写评论界面 - 心悦君兮君不知-睿

一、编写评论页面 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">   &...[2021/3/1]

vue项目配置 webpack-obfuscator 进行代码加密混淆

背景 公司代码提供给第三方使用,为了不完全泄露源码,需要对给出的代码进行加密混淆,前端代码虽然无法做到完全加密混淆,但是通过使用 webpack-obfuscator 通过增加随机废代码段、字符编码转义等方法可以使构建代码完全混淆,达到无法恢复源码甚至无法阅读的目的。 安装 webp...[2021/3/1]

WEB前端第六十四课——H5新特性:数据持久化cookie、localStorage、sessionStorage

WEB前端第六十四课——H5新特性:数据持久化cookie、localStorage、sessionStorage

1.数据持久化操作对象   本地存储,是相对于数据库存储而言的,是指将数据存储在个人设备上。   存储的操作方式有三种:   ⑴ cookie   ⑵ localStorage   ⑶ se ionStorage 2.cookie   可以通过前台或后...[2021/3/1]

01-mac flutter环境搭建

mac flutter环境搭建 安装国内镜像 export PUB_HOSTED_URL=https: pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https: torage.flutter-io.cn 下载flutter 下载flut...[2021/3/1]

Virtual DOM 简直就是挥霍

彻底澄清“Virtual DOM 飞快”的神话。 注意:原文发表于2018-12-27,随着框架不断演进,部分内容可能已不适用。 近年来,如果你有使用过 JavaScript 框架,那么你可能听说过“Virtual DOM 飞快”,甚至认为比真实的 DOM 还要快。 令人震惊的是,这种...[2021/3/1]

JavaScriptBOM操作

       BOM(浏览器对象模型)主要用于管理浏览器窗口,它提供了大量独立的、可以与浏览器窗口进行互动的功能,这些功能与任何网页内容无关。浏览器窗口的window对象是BOM的顶层对象,其他对象都是该对象的子对象。 1.1使用window对象 win...[2021/3/1]

js实现element中可清空的输入框(2)

接着上一篇的:js实现element中可清空的输入框(1)继续优化,感兴趣的可以去看看哟,直通车链接:https: www.cnblogs.com/qcq0703/p/14450001.html 实现效果如下图:https: element.eleme.cn/#/zh-CN/component...[2021/3/1]

Svelte 码半功倍

你未注意到的最重要的指标。 注意:原文发表于2019-04-20,随着框架不断演进,部分内容可能已不适用。 所有代码都有 BUG,你写的越多,BUG 越多,这很合情合理。 同时,写的越多,费时越多,留给其他事情的就更少,比如代码优化、功能完善或者去户外潇洒而不是蜷缩在笔记本面前。 ...[2021/3/1]

Coposition 详解

Coposition 详解

LifeCycle Hooks 在新版的生命周期函数,可以按需导入到组件中,且只能在setup()函数中使用. import { onMounted, onUnmounted } from ''vue''; export default { setup () { ...[2021/3/1]

前端面试遇到的问题

前端面试遇到的问题

最近一场面试,发现了自己很多的问题,为此做个总结。非常感谢此次的面试。嘿嘿! 一、闭包中的问题 下列代码存在几个变量没有被回收? var i = 0; var i = 1; var add = function () { var i = 3; return function...[2021/3/1]

Svelte 3:反思响应式编程

Svelte 3:反思响应式编程

注意:原文发表于2019-4-22,随着框架不断演进,部分内容可能已不适用。 原文:Svelte 3: Rethinking reactivity 作者:Rich Harris 翻译:前端子鱼 声明:转载请指明本文出处。 终于,尘埃落定。 历经数月之后,这几天来我们喜不...[2021/3/1]

es6 快速入门 系列 —— 迭代器 (Iterator) 和 生成器 (Generator)

其他章节请看: es6 快速入门 系列 迭代器 (Iterator) 和 生成器 (Generator) 试图解决的问题 let colors = [''red'', ''blue'', ''green'', ''yellow''] for(let i = 0, len = colors...[2021/3/1]

Nest.js 授权验证的方法示例

Nest.js 授权验证的方法示例

0x0 前言 系统授权指的是登录用户执行操作过程,比如管理员可以对系统进行用户操作、网站帖子管理操作,非管理员可以进行授权阅读帖子等操作,所以实现需要对系统的授权需要身份验证机制,下面来实现最基本的基于角色的访问控制系统。 0x1 RBAC 实现 基于角色的访问控制(RBAC)是围...[2021/2/22]

博客园第三方主题卡在loading界面的坑(雾)

萌新入坑博客园,开通博客,申请js权限,再加上过年??,前前后后已经过去了11天了,今天终于迎来了博客园的第一篇博客… ? 直接进入正题,在开通博客后,看了一下自带的主题,都不是很喜欢(毕竟年轻人就喜欢花里胡哨的),同时又看到园子里其他人的博客主题都很好看,遂一番Google,发现博...[2021/2/22]

浏览器页面可见性事件详解及基本应用

浏览器页面可见性事件详解及基本应用

页面可见性改变事件 visibilitychange 详解 Page Visibility API 标准概述 这是一个页面可见性API,浏览器标签页被隐藏或显示的时候会触发 visibilitychange事件。 这是 HTML5 新提供的一个 api ,作用是记录当前标签页...[2021/2/22]

Vue 中引用第三方js总结

vue中引用第三方js总结 By:授客 QQ:1033553122 实践环境 win10 Vue 2.9.6 本文以引用jsmind为例,讲解怎么在vue中引用第三方js类库 基础示例 1、把下载好的js类库放在src tatic目录下 2、在src/index.html入...[2021/2/22]

React + AntdMobile + Axios 实现全局Loading提示组件

React + AntdMobile + Axios 实现全局Loading提示组件

1.问题:   开发项目时需要在接口等待期间调用一个Loading组件提示组件提示用户操作已经受理;   最初的解决方案是在每一个调用了接口的页面直接使用 AntdMobile 的活动指示器组件 <ActivityIndicator />,后续开发中发现该方案代码冗余度太...[2021/2/22]

[javascript] 解决移动端手机浏览器软键盘遮挡输入框问题

在手机端经常有这样的需求 , 最下面是输入框类似微信输入框 , 我们一般设置成了position:fixed 但是当点击到输入框的时候, 软键盘弹出来遮挡了输入框   其实解决这个问题非常简单 , 那就是让body滚动到最底部 , 我们给个滚动最大值就可以了 例如下面的...[2021/2/22]

2048小游戏(JavaScript版) (2) 构建游戏界面

2048小游戏(JavaScript版) (2) 构建游戏界面

1. 构建游戏界面 1.1 项目结构 index.html:游戏界面文件 index.c :游戏样式文件 main.js:游戏主逻辑文件 support.js:游戏基本逻辑文件 showanimation.js:游戏动画逻辑文件 大家先把文件按照这个结构创建好,名字自己命名...[2021/2/22]

2048小游戏(JavaScript版) (1) 游戏介绍

1. 游戏介绍 现在开始学编程的,基本上都过手机游戏2048吧,那么这个游戏的玩法相信很多人都熟悉,我在这里再给大家回顾下吧。 1.1 游戏规则 每次控制所有方块向同一个方向运动,两个相同数字的方块撞在一起之后合并成为他们的和,每次操作之后会在空白的方格处随机生成一个2或者4,不断的组...[2021/2/22]

JavaScript基础

  JavaScript基础 1- 初识JavaScript 1.1 JavaScript 是什么 JavaScript是一种运行在客户端的脚本语言,现基于Node.js技术进行服务端编程; 所谓脚本(Script)语言:是运行时不需要编译,运行过程中由 js 解释器(...[2021/2/22]

原生javascript开发计算器实例

计算器的主要作用是进行数字运算,开发一个计算器功能的web实例,有助于更好的掌握js基础的数字运算能力。 本实例详细分析一个js计算器的开发步骤,学习本教程时最好先具备一些基础的js知识。 计算器包括显示数字区域和按键区域两大部分,先把计算器的这两个区域的html元素编写出来,如下所...[2021/2/22]

vue中手写table的升降序

  有些时候,我们总是无可避免的需要自己去手撸一些东西,因为需求总是在不断的变化。例如,最开始的需求,我们只是在首页展示一个数据列表,此时,我们可能直接就自己手写了一个table,后来,突然增加了一个需求,例如:需要在一些指定的列上面增加排序功能。此时,由于我们的样式和界面都已经调整好了...[2021/2/22]

Typescript快速入门

目录什么是Typescript为什么学习Typescript快速搭建开发环境1、安装node.js2、使用node自带的npm安装Typescript编译器3、配置vscode编辑环境4、测试环境 什么是Typescript 为什么学习Typescript 微软支持推广 开源 囊...[2021/2/22]

030_JavaScript - 清风(学习-踏实)

030_JavaScript - 清风(学习-踏实)

目录前端知识体系什么是JavaScript快速入门引入JavaScript基本语法入门数据类型Number 数字String 字符串Boolean 布尔Null 对空Undefined 未定义Symbol 独一无二的值Array 数组Object 对象Function 函数严格检查模式s...[2021/2/22]

关于Js中new操作符的作用详解

前言 Js是当今时代最常用的代码操作语言,其中new操作符尤为常见。对于很多代码小白来说,并不清楚new在Js中扮演着怎样的角色,具体是做什么用,干了什么。本文从new操作符的作用着手,简单介绍new操作符相关知识。 什么是new? 众所周知,在JS中,new的作用是通过构造...[2021/2/22]

Nest.js环境变量配置与序列化详解

环境变量配置简述 程序在不同的环境下需要不同的环境变量,例如生产环境、测试环境以及开发环境所需要不同的数据库信息:链接地址、链接端口号、登录用户名和密码相关信息。为了解决这个问题需要进行相关操作。 在 Nest 中最佳方案创建一个 ConfigModule,该 ConfigModule ...[2021/2/22]

H5外部浏览器唤起微信分享

H5外部浏览器唤起微信分享

最近在做一个手机站,要求点击分享可以直接打开微信分享出去。而不是jiathis,share分享这种的点击出来二维码。在网上看了很多,都说APP能唤起微信,手机网页实现不了。也找了很多都不能直接唤起微信。 总结出来一个可以直接唤起微信的。适应手机qq浏览器和uc浏览器。 下面上代码,把...[2021/2/19]

高阶函数

高阶函数 函数柯里化 函数柯里化,又称部分求值。一个currying函数首先会接收一些参数,接受这些参数后该函数不会立即求值。而是会将传入的参数在函数内保存,待函数真正需要求值时,之前的所有参数都会被一次性用于求值 非柯里化 var mothlyCost = 0; var cost...[2021/2/19]

《深入浅出React和Redux》(3) - Export & Import, 高阶组件

Export & Import export可以导出函数、cla 等,有两种导出方式: 默认导出(default export) 命名导出(named export) 默认导出(default export) default export不需要指定名称,但每个文件中只能有一...[2021/2/19]

Vue3 与依赖注入

Vue3 与依赖注入 本文写于 2021 年 2 月 19 日 在 React 中,我们可以通过 context 与 useContext 实现单例、注入……等诸多特性。 详细请看上一篇文章:如何利用 React Hooks 管理全局状态. 例如: const SomeServi...[2021/2/19]

Nice!JavaScript基础语法知识都在这儿了

Nice!JavaScript基础语法知识都在这儿了

好好学习,天天向上 本文已收录至我的Github仓库DayDayUP:github.com/RobodLee/DayDayUP,欢迎Star ?????转载请注明出处!????? 链接:https: blog.csdn.net/weixin_43461520/article/de...[2021/2/18]

vuejs怎样封装一个插件(以封装vue-toast为例扩展)

插件介绍 插件通常会为 Vue 添加全局功能。插件的范围没有限制——一般有下面几种: 1.添加全局方法或者属性,如: vue-custom-element 2.添加全局资源:指令/过滤器/过渡等,如 vue-touch 3.通过全局 mixin 方法添加一些组件选项...[2021/2/18]

瞧一瞧React Fiber

啥是React Fiber? React Fiber,简单来说就是一个从React v16开始引入的新协调引擎,用来实现Virtual DOM的增量渲染。 说人话:就是一种能让React视图更新过程变得更加流畅顺滑的处理手法。 我们都知道:进程大,线程小。而Fiber(纤维)是一种比...[2021/2/18]

js面向对象封装级联下拉菜单列表

本实例开发的级联下拉菜单是根据已有json数据创建的DOM元素。点击文本框后,显示一级菜单。如果菜单中包含子菜单,菜单右侧会有指示箭头。点击菜单之后,会再显示下一级菜单,以此类推。当菜单下无子菜单时,选择菜单后会在文本框中显示。 打开后的级联菜单效果如图所示:   使...[2021/2/18]

实现一个简单的静态博客生成器

作为一名程序员,写博客是积累知识、提升水平必不可少的一个方法。我们写博客主要有三种方法,一种是使用掘金、博客园、CSDN等博客网站,第二种是自己搭建网站,存放自己的博客,第三种就是使用静态博客生成器,将生成的网页部署到服务器或者github pages、gitee pages等服务上。 ...[2021/2/18]

简易记事本(本地应用):vue框架笔记

简易记事本(本地应用):vue框架笔记

项目背景 这个项目是跟着B站做的,任务目标是完成一个具备基本记事能力的记事本。 基本记事能力:新增、删除、清空。 项目的完整代码:https: www.cnblogs.com/technicist/p/13357766.html 功能实现 新增 通过v-for生成列表结构 &l...[2021/2/18]

《深入浅出React和Redux》(2) - Redux

《深入浅出React和Redux》(2) - Redux

### Redux是Flux理念的一种实现。 关于Flux理念可以通过类比MVC模式来做简单理解。 MVC模式中,用户请求先到达Controller,由Controller调用Model获得数据,然后把数据交给View,按照这种模式,MVC应该也是一个controller->mod...[2021/2/18]

面试官在“逗”你系列:到底应该怎么爬楼梯?!

直奔主题 算法题是在面试过程中考察候选人逻辑思维能力、手写代码能力的一种方式,因为有一句古话说的好:“说一千道一万,不如写段代码看一看”。 今天我们就来个单刀直入,直奔主题,从一个真实面试题到底怎么爬楼梯来聊一聊算法中的动态规划 。 面试真题 小明家有一楼梯共有10级台阶,每次可...[2021/2/18]

Promise精简总结

Promise精简总结

前言 : 个人总结,不是教程,如有错误,欢迎各位批评指正。   主要作用:    解决回调地狱   简单使用 创建Promise let p = new Promise((resolve, reject) => { let i = Ma...[2021/2/18]

101
2
记录数:6241 页数:1/12512345678910下一页尾页
加载更多
 友情链接: NPS