前端
【Vue 开发实战】实战篇 # 45：如何构建可交互的组件文档让代码高亮的显示在页面
说明 【Vue 开发实战】学习笔记。 效果 要实现这个代码的显示 使用 raw-loader 实现代码输出到页面 https://github.com/webpack-contrib/raw-loader n
日期 2023-10-26 10:15:06
Angular 学习笔记 (Typescript 版本更新)
记入每一期我会用到的功能 : v4.3 1. getter setter 的类型可以不一样咯, 这个困扰很久了. (interface, object, class 都可以这样用) class Thing { #size = 0; get size(): number { return this.#size;
日期 2023-10-26 10:15:06React-Native 1px处理
当UI设计图上标注某间距为1px时，只需在间距设置的地方填如下值： import { View, StyleSheet, PixelRatio, } from 'react-native' //要用到 PixelRatio.get() 则需从react-native组件中引用 PixelRatio
日期 2023-10-26 10:15:06
vue项目刷新当前页面
场景： 有时候我们在vue项目页面做了一些操作，需要刷新一下页面。 解决的办法及遇到的问题： 移动端用下拉刷新的方式实现上拉加载 this.$router.go(0)。这种方法虽然代码很少，只有一行，但是体验很差。页面会一瞬间的白屏，体验不是很好 用vue-router重新路由到当前页面，页面是不进行刷新的。 location.reload()。这种也是一样，画面一闪，体验不是很好 推荐
日期 2023-10-26 10:15:06认真总结Vue3中ref与reactive区别和isRef与isReactive 类型判断
1.什么是ref? 1.ref和reactive-样 也是用来实现响应式数据的方法 由于reactive必须传递一个对象， 所以导致在企业开发中如果我们只想让某个变量实现响应式的时候会非常麻烦 所以Vue3就给我们提供了ref方法，实现对简单值的监听 2.ref本质: ref底层的本质其实还是reactive 系统会自动根据我们给ref传入的值将它转换成 ref(xx) -> react
日期 2023-10-26 10:15:06
jQuery插件：jqGrid引入及基本属性
1. jqGrid下载 jqGrid下载地址： http://www.trirand.com/blog/ jqGrid Demo: http://www.guriddo.net/demo/guriddojs/ 2. jqGrid引用 jqGrid自身依赖于jQuery UI，引用jqGrid需要同时引用jQuery UI样式。 <link href="/C
日期 2023-10-26 10:15:06jquery常用方法总结（转）
取值与赋值操作 $("#ID").val(); //取value值 $("#ID").val("xxx"); //赋值 $("#ID").text(); //相当于取innerText $("#ID").text(""); //相当于赋值给innerText $("#ID").html()
日期 2023-10-26 10:15:06vue数据传递--我有特殊的实现技巧
前言 https://segmentfault.com/a/1190000012808179 最近碰到了比较多的关于vue的eventBus的问题，之前定技术选型的时候也被问到了，vuex和eventBus的使用范围。所以简单的写一下。同时有一种特殊的实现方案。 有这么几种数据传递方式，vuex、pr
日期 2023-10-26 10:15:06
html 页面跳转
页面跳转 第一种 <a href="#div1">to div1</a> //跳转链接<div id="div1">div1</div> //跳转地点 第二种 这种方法会跳转到底部 <a href="#label">Jump</a> //跳转链接 <a name="label">Text to be
日期 2023-10-26 10:15:06[译] 扁平化的 UI 元素既朴实又玄乎
本文讲的是[译] 扁平化的 UI 元素既朴实又玄乎，我们利用眼球追踪实验来记录并可视化用户的眼睛在界面上的移动行为，研究了强点击性指示符（strong clickability signifier）（传统的提示诸如下划线、蓝色字眼或臃肿的 3D 按钮）、弱指示符（weak signifier）及零指示符（absent signifier）对用户处理和理解网页的影响。 摘要：扁平化界面通常伴随着
日期 2023-10-26 10:15:06手写MVVM框架 之vue双向数据绑定原理剖析
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>自定义MVVM框架,这是比较牛逼的v-text，v-model和数据绑定原理介绍</title> </head> <body&
日期 2023-10-26 10:15:06vue3 eventBus订阅发布模式
Ⅰ. 什么是eventBus？ 通俗的讲，就是在任意一个组件，想把消息（参数） -> 传递到任意一个组件 ，并执行一定逻辑。
日期 2023-10-26 10:15:06HTML5 video标签播放视频下载原理
HTML5 video https://github.com/remy/html5demos/blob/master/demos/video.html <video preload="metadata"> <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=676422 --> <source src="
日期 2023-10-26 10:15:06【HTML——旋转红线】（效果+代码）
效果展示 效果将跟随鼠标的移动而移动 ~ 代码 HTMl——旋转红线.html 以下即为全部源代码： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transi
日期 2023-10-26 10:15:06浏览器端的九种缓存机制介绍
浏览器缓存是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制，有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据，整体上加速网页展示给用户。浏览器端缓存的机制种类较多，总体归纳为九种，这里详细分析下这九种缓存机制的原理和使用场景。打开浏览器的调试模式- resources左侧就有浏览器的8种缓存机制。 一、http缓存 http缓存是基于HTTP协议的浏览器文件级缓存机
日期 2023-10-26 10:15:06Jquery实现全选和取消全选的方法
<input type="checkbox" id="all" />全选<br /> <input type="checkbox" name="permission" />添加权限<br /> <input type="checkbox" name="permission" />修改权限<br /> <i
日期 2023-10-26 10:15:06H5 边框：带border的百分比布局
响应式Web设计经常需要我们通过百分比设置组件宽度。如果我们不考虑边框，那么很容易就可以实现，但如果你给每一列以及总宽度都采用百分比设置，那这个时候固定的边框大小就会出来捣乱。下面我们将看到一组方法去解决这个问题，你会学到如何创建一个流式布局，而不用担心额外的边框以及内边距。 假设我们需要一个五列的布局。我们要考虑的第一件事就是外边距（margins）.假设所有的列都需要4%的外边距，我们需要为
日期 2023-10-26 10:15:06递归解析XML
1 package com.app.test; 2 3 import java.io.InputStream; 4 import java.util.List; 5 6 import org.dom4j.Attribute; 7 import org.dom4j.Document; 8
日期 2023-10-26 10:15:06我对vue3的理解
我对 reactive源码的理解 reactive 只能够代理对象 首先它判断传递过来的值是否是对象，如果是才会进行代理。变成响应式的。 Proxy 并没有重写对象的属性，只做代理，在取值的时候回调用get,设置值的时候回调用set方法 在get的时候使用了 Reflect.get(target,key)方法 在set的时候使用了 Reflect.set(target,key,value)方法
日期 2023-10-26 10:15:06
vue——storage命名冲突问题解决
参考：客户端localStorage命名冲突问题 - 韩帅 - 博客园 (cnblogs.com) Vue的Vue-ls使用 - 简书 (jianshu.com) 我的情况：项目采用localStorage方式储值，但变量名多后，会出现同名变量，跟其他项目冲突 解决方法：存储时，增加项目前缀名 方法一. 使用vue-ls插件 1.安装vue-ls npm in
日期 2023-10-26 10:15:06【新知实验室-TRTC开发】实时音视频之web端云监工系统（Vue3+Element plus+TS+Pinia）
在线上线下一体化、虚拟现实加速融合的趋势下，音视频已经演进成一种基本能力，深刻变革了社会的交互方式。未来，音视频作为全真互联时代的重要基石，将持续推动互联网和实体产业的
日期 2023-10-26 10:15:06Vue3 的学习教程汇总、源码解释项目、支持的 UI 组件库、优质实战项目
1. Vue3 中文文档先给大家提供 3 个 Vue3 的中文学习网址。Vue3 中文文档 国内 CDN 加速版https://vue3js.cn/docs/zh/Vue3 设计理念Vue3 设计理念 动机与目的 上手必读。https://vue3js.cn/vue-composi...Vue3 相关项目聚合网站https://vue3js.cn/2. Vue3 源码为什么要学习源码 ?1. 阅
日期 2023-10-26 10:15:06优雅的在 react 中使用 TypeScript
写在最前面 为了在 react 中更好的使用 ts，进行一下讨论怎么合理的再 react 中使用 ts 的一些特性让代码更加健壮 讨论几个问题，react 组件的声明？react 高阶组件的声明和使用？class组件中 props 和 state 的使用？... 在 re
日期 2023-10-26 10:15:06前端学习之前端工程化(二)：Vue-cli3和Element-UI
文章目录 一、vue脚手架:1. vue脚手架的基本使用:2. 使用步骤:2.1 安装3.x版本的vue脚手架:2.2 基于3.x版本的脚手架创建vue项目2.2.1 基于交互式命令行的方式, 创建新版vue项
日期 2023-10-26 10:15:06你只会用 xxl-job？一款更强大、新一代分布式任务调度框架来了，太强大了！
概述 PowerJob是新一代分布式任务调度与计算框架，支持CRON、API、固定频率、固定延迟等调度策略，提供工作流来编排任务解决依赖关系，能让您轻松完成作业的调度与繁杂任务的分布式计算。 为什么选择PowerJob？ 当前市面上流行的作业调度框架有老牌的Quartz、基于Quartz的elastic-job和原先基于Quartz后面移除依赖的xxl-job，这里分别谈一些这些框架现存的缺点。
日期 2023-10-26 10:15:06CSS-相关练习4-HTML与CSS综合(婚纱摄影)
对应css文件 @charset "utf-8"; *{ margin: 0px; padding: 0px; } .container{ width: 1200px; mar
日期 2023-10-26 10:15:06[Full-stack] 增量开发框架 - Vue.js
吉斯·霍华德 GEESE HOWARD ギース・ハワード 故事背景 一、是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。 与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。 Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。 另一方面，当与现代化
日期 2023-10-26 10:15:06bootstrap -- 一个标签中，同时有 col-xs , col-sm , col-md , col-lg
.col-xs- 超小屏幕 手机 (<768px) .col-sm- 小屏幕 平板 (≥768px) .col-md- 中等屏幕 桌面显示器 (≥992px) .col-lg- 大屏幕 大桌面显示器 (≥1200px) HTML代码： <div class="col-xs-12 col-sm-9 col-md-6 col-lg-3">
日期 2023-10-26 10:15:06JavaScript资源大全中文版（Awesome最新版）
目录 前端MVC 框架和库 包管理器 加载器 打包工具 测试框架 框架 断言 覆盖率 运行器 QA 工具 基于 Node 的 CMS 框架 模板引擎 数据可视化 编辑器 UI 输入 日历 选择 文件上传 其它 提示 模态框和弹出框 滚动 菜单 表格/栅格 框架 手势 地图 视频/音频 动画 图片处理 ECMAScript 6 软件开发工具包(SDK) 利器 精品阅读 更多资源 园
日期 2023-10-26 10:15:06javascript 内置对象Math总结及其案例
📋 个人简介 💖 作者简介：大家好，我是阿牛😜📝 个人主页：馆主阿牛🔥🎉 支持我&#
日期 2023-10-26 10:15:06HTML5的classList API优化对样式名className的操作
HTML5的classList API提供了以下几个比较有用的控制CSS样式名的方法： //添加一个class elem.classList.add(classname); //删除一个class elem.classList.remove(classname); //判断一个class是否已存在 elem.classList.contains(classname); //如果class
日期 2023-10-26 10:15:06让Bootstrap 3兼容IE8浏览器
http://www.ijophy.com/2014/05/bootstrap3-compatible-with-ie8.html 看到这篇文章有越来越多的人看，我决定给大家节省时间，废话少说。有几个点大家要注意。 1、本地调试需要Web Server（如IIS、Apache，Nginx），单纯地本地打开文件不能看到兼容效果。 2、如果你发现已经引用了respond.js和Bootstrap，
日期 2023-10-26 10:15:06Vue格式化日期或时间
netget下载Moment.js 在需要格式化日期的页面引用： 在Vue内，添加一个自定义函数，如： 然后在html应用此函数：
日期 2023-10-26 10:15:06【笔记】Vue Element+Node.js开发企业通用管理后台系统——电子书上传功能开发
文章目录 一、创建上传页面组件二、上传组件开发三、上传 API 开发四、上传图书表单 电子书上传 | 「小慕读书」管理后台 一、创建上传页面组件 在前端目录，新建\
日期 2023-10-26 10:15:06Vue从入门到精通——第二章 Vue组件化编程
文章目录 1.模块与组件、模块化与组件化1.1. 模块1.2. 组件1.3. 模块化1.4. 组件化 2.非单文件组件2.1基本使用2.2几个注意点：2.3组件的嵌套2.4VueCompon
日期 2023-10-26 10:15:06Javascript 严格模式详解
一、概述 除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。 设立"严格模式"的目的，主要有以下几个： - 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为; - 消除代码运行的一些不安全之处，保证代码运行的安全； - 提高编译器效率，增加运行
日期 2023-10-26 10:15:06jquery get checkbox inside element(td).
1 <td id="skill"><input name="skill" type="checkbox" value="vc"> 2 vc 3 <input name="skill" type="checkbox" value="vb"> 4 vb 5
日期 2023-10-26 10:15:06Html-Css-div标签设定-剧中
<!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>
日期 2023-10-26 10:15:06一个网页是如何从你的手机中盗窃数据的
介绍 今年9月15日，Chrome61发布，它启用了WebUSB作为其默认功能。而WebUSB是一个Javascript API，可以允许网页访问已连接的USB设备。这里的USB设备是指系统和工业的USB设备，所以不支持常见的USB设备(比如网络摄像头，HID或大容量储存设备)。然而通过WebUSB API，很多其他的USB设备可以被访问，且当用户授权给网页时，自己可能根本不了解网页获取的访
日期 2023-10-26 10:15:06vue.js父传子案例
如何进行父子组件间的通信呢？Vue官方提到 通过props向子组件传递数据通过事件向父组件发送消息 代码 <!DOCTYPE html> <html> <head>
日期 2023-10-26 10:15:06芯盾时代： 开启“智慧身份认证”新时代
【51CTO.com原创稿件】随着信息化的快速发展，无论对国家、公司还是个人，越来越多的机密或私密信息通过网络传输与存储，这也促使为获取这些信息为目的的网络犯罪事件急剧上升。身份认证技术作为网络安全的第一道，甚至是最重要的一道防线，有着十分重要地位。 想要解决因认证缺陷导致的互联网信任危机，确保信息只被“对的人”访问，需要提高身份认证水平，采用更加先进的技术和方法。目前有哪些专注做身份认证的公司
日期 2023-10-26 10:15:06Vue系列（二）：发送Ajax、JSONP请求、Vue生命周期及实例属性和方法、自定义指令与过渡
上一篇：Vue系列（一）：简介、起步、常用指令、事件和属性、模板、过滤器 一、 发送AJAX请求 1. 简介 vue本身不支持发送AJAX请求，需要使用vue-resource、axios等插件实现 axios是一个基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0官方推荐的，同时不再对vue-resource进行更新和维护 参考：GitHub上搜索axios，查看API
日期 2023-10-26 10:15:06JavaScript面向对象编程指南（第2版）》读书笔记
一、对象 1.1 获取属性值的方式 water = { down: false } console.log(water.down) // false console.log(water['down']) // false 1.2 获取动态生成的属性的值 var type = 'down' console.log(water[type]) // false 二、数组 2.1 检测是否为
日期 2023-10-26 10:15:06「经典题」Vue中最全生命周期钩子函数11个
目录 一、什么是生命周期？ 二、什么是生命周期钩子函数都有哪些？分别是什么意思？ 三、什么是钩子函数？ 四、最详细生命周期图解 五、面试回答 六、代码分析 七、Vue的DOM异步渲染 八、三个钩子函数详解 一、什么是生命周期？ 生命周期：
日期 2023-10-26 10:15:06u3d 加载PNG做 UI图片
u3d 加载PNG做 UI图片 using UnityEngine; using System.Collections; using System.IO; using UnityEngine.UI; public class UITexLoader : MonoBehaviour { public string _Path =&
日期 2023-10-26 10:15:06jquery validate使用说明
//validate 选项*********************************************************** $("form").validate({ debug
日期 2023-10-26 10:15:06layer,一个可以让你想到即可做到的javascript弹窗（层）解决方案
学习网址：http://layer.layui.com/ 下载地址：http://res.layui.com/download/layer-v2.1.zip 我们提到的基础参数主要指调用方法时用到的配置项，如： layer.open({content: ''})， layer.msg('', {time: 3})， 其中的content和time即是基础参数，以键值形式存在，基础参数
日期 2023-10-26 10:15:06Vue3中使用Ant Design Vue图标
1、安装 npm i --save ant-design-vue@next //注意后边一定要@next否则会报错，文档上没有加 2、引入 import { createApp } from 'vue' impo
日期 2023-10-26 10:15:06129.JQuery中使用AJAX
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content
日期 2023-10-26 10:15:06HTTPS的页面发送不了HTTP请求？——关于混合内容
们都知道HTTPS的页面是发送不了HTTP请求的，那么是什么原因导致HTTPS页面不能发送HTTP请求呢？如果有发送的需求，怎么样才能发送？最近刚好遇到了这个问题，而且搜了半天没搜到靠谱的答案，所以有了本文。 1. 故事起源 我在《Jquery ajax, Axios, Fetch区别之我见》中提到过，Fetch作为一种不同于XHR的请求方式，展示了它更多API，以及符合ES规范的良好前景；更不
日期 2023-10-26 10:15:06