前端
Vue源码思想在工作中的应用
一、背景由于电脑CPU、内存等的限制 能够同时启动的任务数有一定限制 例如一台电脑能够执行5个异步任务 但是目前有100个异步任务要执行 那么如何让这100个任务无间隔的快速执行完毕呢 二、问题解答刚遇到这个问题的时候 也是出于懵逼状态 怎么处理呢 碰巧的是近期学习了一些Vue的源码知识 那么是不是可以借鉴其思想来解决遇到的这个难题呢 经过一步步分析 确定答案是肯定的。下面从解题思路、知识点及代
日期 2023-10-26 10:15:04Vue 拦截器的使用
拦截器 可以全局进行拦截器设置。拦截器在发送请求前或响应返回时做一些特殊的处理。 拦截器的注册 Vue.http.interceptors.push({ request: function ( request ) { // 更改请求类型为POST request.method = 'POST'; return request;
日期 2023-10-26 10:15:04如何让你的网页加载时间降低到 1s 内
当初分析了定宽高值和定宽高比这两种常见的图片延迟加载场景,也介绍了他们的应对方案,还做了一点技术选型的工作。 经过一段时间的项目实践,在先前方案的基础上又做了很多深入的优化工作。最终将好奇心日报的网页打开速度将降低到了1s内,Web端和Mobile端加载3屏数据消耗的流量也大幅降低。 模拟WIFI条件下的网页加载 该篇文章结合具体的项目实践,将围绕如何更快的访问网页展开,细化到
日期 2023-10-26 10:15:04React使用echarts-for-react
参考npm文档:[echarts-for-react](echarts-for-react) 由于npm上已经有针对react项目出的echarts插件,所以在这里直接安装 第一步:npm安装echarts-for-react npm install --save echarts-for-react npm install
日期 2023-10-26 10:15:04实现easyui datagrid在没有数据时显示相关提示内容
本示例实现easyui datagrid加载/查询数据时,如果没有相关记录,则在datagrid中显示没有相关记录的提示信息,效果如下图所示 本实例要实现如下图所示的效果: 本示例easyui版本为1.3.4,如果运行后没有效果,自己检查easyui版本 不同版本对appendRow和mergeCells支持不一样,参数不一致什么的。 无法隐藏分页导航容器,可以
日期 2023-10-26 10:15:04vue3--学习技术胖笔记----第四波外部方法or比变量调用
<template> <div> <p>{{lucaxText}}</p> <button @click="getName('大人')">点击</button> </div> </template> <script lang="ts">
日期 2023-10-26 10:15:04Vue组件使用基础
这篇博文用来记录 .vue 组件的使用方法。 可以把组件代码按照 template、style、script 的拆分方式,放置到对应的 .vue 文件中。 模板(template)、初始数据(data)、接受的外部参数(props)、方法(methods)、生命周期钩子函数(lifecycle hooks)。 基本步骤 在 html 中使用组件 <div id="app"&
日期 2023-10-26 10:15:04ng-zorro+angular中 input输入框设置disabled属性无效的解决方法
错误描述 ng-zorro是遵循Ant Design设计规范的Angular UI组件库,前端开发中angular + ng-zorro结合使用可以事半功倍。 今天在开发过程中发现ng-zorro的
日期 2023-10-26 10:15:04【Vue 快速入门】使用vue脚手架创建一个项目
文章目录 一、环境检查1.安装node环境2.脚手架配置3.不同版本vue介绍 二、创建项目三、脚手架配置解说1.配置解说2.我的第一个vue程序 一、环境检查 1.安装nod
日期 2023-10-26 10:15:04火狐浏览器的使用
插件: Hide BookmarksBar
日期 2023-10-26 10:15:04Jquery-选择框点击勾选或者取消
1:单选框,直接定位到属性名称 $(document).ready(function(){ var old = null; //用来保存原来的对象 $("input[name='sex']").each(function(){//循环绑定事件 if(this.checked){ this.checked= f
日期 2023-10-26 10:15:04精品微信小程序ssm的大学生社团活动管理系统+后台前后分离VUE
《基于微信小程序ssm的大学生社团活动管理的设计与实现》该项目含有源码、文档等资料、配套开发软件、软件安装教程、项目发布教程等 本系统包含微信小程序前台和Java做的后台管理系统,该后台采用前后台前后分离的形式使用Java+VUE 技术路线 开发语言:Java、小程序 前端技术:JavaScript
日期 2023-10-26 10:15:04如何设计一个 GUI 框架 之 QdUI
在一些嵌入式场合中需要一些UI界面,目前可选的GUI非常之多,ucGUI、QT等等。 这里我们设计开发了一套非常简单的GUI框架,开源给大家使用,同时也探讨一些GUI开发过程中的一些难点。 以下QdUI的图片都是在 STM32F407 上面运行的效果。 代码开源。git下载地址如下
日期 2023-10-26 10:15:04set集合_定长
//set集合的操作 //便利初始化函数 NSSet *set1 = [[NSSet alloc] initWithObjects:@"aa", @"BB", @"CC", nil]; //便利构造器 NSSet *set2 =
日期 2023-10-26 10:15:04解决npm ERR! code ERESOLVE
################# 一、问题:npm install时出现如下错误: > npm install npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: vue-admin-template@3.8.0 npm
日期 2023-10-26 10:15:04JavaScript Array() 对象:push() 和 join() 方法
1 <script> 2 var fruits = ["Banana", "Orange", "Apple", "Mango"];3 function myFunction(){4 fruits.push("Kiwi","Lemon","Pineapple") 5 var x=document.getElementById("demo");6 x.inner
日期 2023-10-26 10:15:04await和async在一般处理程序中的使用
写在前面 有个小项目,前端使用的html页面,那服务端的业务处理就采用最简单的一般处理程序了,之前一直在用,觉得一直用一种方式,确实挺蛋疼的,之前也有了解过async和await的内容。就想着自己折腾折腾。 代码 前端ajax请求 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head
日期 2023-10-26 10:15:04CSS 功能简介
CSS的功能主要包括节点管理(Node Management,以下简称NM)和组管理(Group Management,以下简称GM)两部分,都是由守护进程ocssd.bin 来实现的,这是个多线程的进程(我们可以通过命令pstack获得更多线程的信息,本文并不会详细的介绍每个线程的功能)。 首先,NM主要负责集群中节点的管理。集群是由若干个节点构成的,NM要解决的问题就
日期 2023-10-26 10:15:04json字符串传到前台input
JSONObject把对象转换成的json字符串,无法直接通过request.setAttribute();传到页面的input标签 如下是错误的: request.setAttribute(“pageInfoJsonStr”, JSONObject.fromObject(pageInfo).toString()); 还需要 jsonStr.replaceAll(“\”“, “’”)再放到req
日期 2023-10-26 10:15:04三大框架AngularJS、BackboneJS和EmberJS对比
最流行的JavaScript库是jQuery,它提供了一套JavaScript函数,减少了很多开发工作。但是jQuery只是一个辅助库,真正要在前端MVC模式上有大作为的库,还是要数下面的三个JavaScript库:AngularJS、BackboneJS和EmberJS。下面我将对这三个JavaScript库做对比。 一、介绍 1、AngularJS AngularJS是一个开源的Ja
日期 2023-10-26 10:15:04如何创作用纯 CSS 绘制一支栩栩如生的铅笔
效果预览 在线演示 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/PaZYBw 可交互视频教程 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 https://scrimba.com/p/pEgDAM/cEQqefK 源代码下载 本地下
日期 2023-10-26 10:15:04前端切图+网页排版的注意事项和经验分享
现在在学校里面,培训机构里面都有很多课程是前端切图这一方面的,简单来说就是学习div+css网页排版。有很多人经过这一轮的学习之后就发现自己对排版这一方面非常的熟悉甚至说自己的div+css的高手。其实真正说要懂得一个网页排版需要注意的一些问题是什么呢?是不是在电脑上面看到自己排版出来的页面就真的是一个成功的网页了吗?下面我说一下我自己在网页排版上面会注意的一些事情: 一、使用样式的种类和名字的
日期 2023-10-26 10:15:04FBI和DHS在响应网络攻击时为何存在分歧
据美国官员表示,FBI和DHS(国土安全部)在阻止黑客入侵方面存在利益冲突,这种冲突体现在遭遇入侵时以哪种方式,以及何时告知美国民众。 DHS和FBI意见分歧不可避免 在大规模的网络威胁中需共享信息国家网络安全和通信集成中心(National Cybersecurity and Communications Integration Center,NCCIC)主任约翰-费尔科表示,D
日期 2023-10-26 10:15:04vue 实现实时获取大文件下载进度
ps:为了样式好看,我这里用到了element-plus框架做渲染,你也可以选择不使用 废话不多说,直接上代码 <template > <el-row :gutter="20">
日期 2023-10-26 10:15:04javaweb 解决get,post请求,响应乱码问题
学习资源推荐 https://blog.csdn.net/qq_42813491/article/details/90213353 说明 涉及的请求乱码分为两种,get,post响应只是响应&
日期 2023-10-26 10:15:04一款基于jQuery的支持鼠标拖拽滑动焦点图
记得之前我们分享过一款jQuery全屏广告图片焦点图,图片切换效果还不错。今天我们要分享另外一款jQuery焦点图插件,它的特点是支持鼠标拖拽滑动,所以在移动设备上使用更加方便,你只要用手指滑动屏幕即可切换图片。 在线预览 源码下载 实现的代码。 html代码: <div class="main_visual"> <div
日期 2023-10-26 10:15:04自定义react navigation跳转动画
自定义react navigation跳转动画,实现上下左右跳转页面。 https://blog.csdn.net/u014041033/article/details/77679700 const StackOptions = ({navigation}) => { const gesturesEnable
日期 2023-10-26 10:15:04javascript弹层
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta
日期 2023-10-26 10:15:04angular.element()的用法
1、引用jQuery的前提下,和$用法基本相同:angular.element('#').html()例如:angular.element('#test').html()angular.element('#test').focus() 2、 不引入jQuery。1) angular.element(document.querySelector('')); 2) angula
日期 2023-10-26 10:15:04流媒体传输协议详解之---RTSP认证
基本认证是http 1.0提出的认证方案,其消息传输不经过加密转换因此存在严重的安全隐患。 摘要认证是http 1.1提出的基本认证的替代方案,其消息经过MD5哈希转换因此具有更高的安全性。下面主要介绍摘要认证: 1.基本认证 (basic 认证) 2:RTSP服务端认为没有通过认证,发出WWW-Authenticate认证响应 RTSP/1.0 401 Unauthorized\r\nC
日期 2023-10-26 10:15:04Shiro权限框架简介
最近加入了gxpt项目组,被安排做权限模块,所以也有幸第一次接触到了Shiro框架。让我们来一起领略Shiro的风采吧。 什么是Apache Shiro? Apache Shiro(发音为“shee-roh”,日语“堡垒(Castle)”的意思)是一个强大易用的Java安全框架,提供了认证、授权、加密和会话管理功能,可为任何应用提供安全保障 - 从命令行应用、移动应
日期 2023-10-26 10:15:04重学前端 31 # JavaScript的语句
说明 每天10分钟,重构你的前端知识体系专栏笔记。 一、介绍 在 JavaScript 标准中,把语句分成了两种:普通语句和声明型语句。 1.1、普通语句
日期 2023-10-26 10:15:04AntDesign-React与VUE有点不一样,第一篇深入了解React的概念之一:JSX
AntDesign-React与VUE有点不一样,第一篇深入了解React的概念之一:JSX 一、什么是JSX 使用JSX声明一个变量(REACT当中的元素): const element =<h1>Hello,world!</h1>; JSX是一种JavaScript的语法扩展。我们推荐在REACT中使用JSX来描述用户界面,JSX乍一看起来可能比较像是模板语言,但
日期 2023-10-26 10:15:04【HTTP】Fiddler(一) - Fiddler简介和使用
1.为什么是Fiddler? 抓包工具有很多,小到最常用的web调试工具firebug,达到通用的强大的抓包工具wireshark.为什么使用fiddler?原因如下: a.Firebug虽然可以抓包,但是对于分析http请求的详细信息,不够强大。模拟http请求的功能也不够,且firebug常常是需要“无刷新修改”,如果刷新了页面,所有的修改都不会保存。 b.Wireshark是通用的抓包工具
日期 2023-10-26 10:15:04Bootstrap 源码解析(转)
1、Bootstrap的作用域 2、Bootstrap的类定义 3、Bootstrap的插件定义 4、Bootstrap的事件代理 5、Bootstrap的对象数据缓存 6、Bootstrap的防冲突 7、作用域外如何使用Button类 8、Bootstrap的单元测试 Bootstrap的作用域 Bootstrap每个插件都定义在下面这段作用域代码中:
日期 2023-10-26 10:15:04JavaScript实现TwoQueues缓存模型
本文所指TwoQueues缓存模型,是说数据在内存中的缓存模型。 无论何种语言,都可能需要把一部分数据放在内存中,避免重复运算、读取。最常见的场景就是JQuery选择器,有些Dom元素的选取是非常耗时的,我们希望能把这些数据缓存起来,不必每次调用都去重新遍历Dom树。 存就存吧
日期 2023-10-26 10:15:04pasteimg浏览器中粘贴图片jQuery插件
pasteimg是一款可以在浏览器中实现图片粘贴的jQuery插件,兼容Chrome、Firefox、IE11以及其他使用这些内核的浏览器,比如,国内著名的360浏览器。 pasteimg可以识别浏览器中直接复制的图片,也可以识别复制的富文本中的图片。仅仅可以识别在浏览器中复制的内容,操作系统中复制的图片是不能识别的
日期 2023-10-26 10:15:04浅谈Web自适应
前言 随着移动设备的普及,移动web在前端工程师们的工作中占有越来越重要的位置。移动设备更新速度频繁,手机厂商繁多,导致的问题是每一台机器的屏幕宽度和分辨率不一样。这给我们在编写前端界面时增加了困难,适配问题在当下显得越来越突出。记得刚刚开始开发移动端产品的时候向设计MM要了不同屏幕的设计图,结果可想而知。本篇博文分享一些卤煮处理多屏幕自适应的经验,希望有益于诸君。 特别说明:在开始这一切
日期 2023-10-26 10:15:04vue可展开/收缩搜索条件且支持自适应功能
需求描述 有个搜索栏,总共有7个搜索条件(可想象为7个input输入框)支持搜索条件的展开与收缩,在A分辨率下,默认显示2个,隐藏5个。B分辨率下默认显示3个,隐藏4个。点击展开时则全部显示,点击收缩则回到默认状态 预期的效果 代码实现
日期 2023-10-26 10:15:04如何写出优美的 JavaScript 代码?
作者:尹锋 链接:https://www.zhihu.com/question/20635785/answer/223515216 1,避免使用 js 糟粕和鸡肋 这些年来,随着 HTML5 和 Node.js 的发展,JavaScript 在各个领域遍地开花,已经从“世界上最被误解的语言”变成了“世界上最流行的语言”。但是由于历史原因,JavaScript
日期 2023-10-26 10:15:04硬链接与软链接
UNIX文件系统提供了一种将不同文件链接至同一个文件的机制,我们称这种机制为链接。它可以使得单个程序对同一文件使用不同的名字。这样的好处是文件系统只存在一个文件的副本,系统简单地通过在目录中建立一个新的登记项来实现这种连接。 硬链接(Hard link) 该登记项具有一个新的文件名和要连接文件的inode 号,文
日期 2023-10-26 10:15:04推荐几个移动端前端UI框架
(免费分享,点个赞再走呗) SUI Mobile http://m.sui.taobao.org/components/#popup SUI Mobile 是一套基于 Framework7 开发的UI库。 MUI &nbs
日期 2023-10-26 10:15:04jQuery 制作逼真的日历翻转效果的倒计时
在开发中,一些功能需要用到倒计时,例如最常见的活动开始、结束的倒计时。使用最流行的 JavaScript 库来制作这个效果很简单。下面就是一个 jQuery 制作的逼真的日历翻转效果的倒计时功能。 在线演示 插件下载 调用方法: $(function() { $(".digits")
日期 2023-10-26 10:15:04React-Native自定义单选radio
项目上需要实现如下的效果,两个方式只能选择一种,选中一个另一个取消选中 然后翻了下RN的组件,并没有这个;最后只得自己写,先上最终效果图 好了,撸起袖子就是干! 第一步:
日期 2023-10-26 10:15:04Vue 项目架构设计与工程化实践
文中会讲述我从0~1搭建一个前后端分离的vue项目详细过程 Feature: 一套很实用的架构设计通过 cli 工具生成新项目通过 cli 工具初始化配置文件编译源码与自动上传CDNMock 数据反向检测server api接口是否符合预期 前段时间我们导航在开发一款新的产品,名叫 快言,是一个主题词社区
日期 2023-10-26 10:15:04Native Fullscreen JavaScript API (plus jQuery plugin)
http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/ HTML5 <video> is great, but when it was first released, one of the big complaints was that it couldn’t do true F
日期 2023-10-26 10:15:04vue原理:vue中是如何监听数组变化?
我们知道通过Object.defineProperty()劫持数组为其设置getter和setter后,调用的数组的push、splice、pop等方法改变数组元素时并不会触发数组的setter,
日期 2023-10-26 10:15:04vue-mobile 又一个 vue ui 库正在开发
https://github.com/vum-team/vum What is? vue-mobile is an UI Framework build with Vue.js for SPA: Full Page Structure - header, content, footerPage transition support by vu
日期 2023-10-26 10:15:04基于jQuery仿淘宝产品图片放大镜代码
今天给大家分享一款 基于jQuery淘宝产品图片放大镜代码。这是一款基于jquery.imagezoom插件实现的jQuery放大镜。适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下: 在线预览 源码下载 实现的代码。 html代码: <div class="box">
日期 2023-10-26 10:15:04html如何修改hr水平直线的粗细
hr是常见的超文本标签,是一条水平直线,要设置该直线变粗一些。可以先把hr本身的border隐藏掉,然后设置border-top-width,也就是只留上边框,如图:hr的默认高度height是0,所以不会显示矩形边框,实际hr是有边框的,而且是上下左右四个边框值为1的,可以在浏览器里查看下默认hr的各种边距和边框,但height设置高之后,就可以看出hr本身的带的矩形边框。必须要把hr本身的b
日期 2023-10-26 10:15:04