组件 页面html5 html
React学习二：表单受控绑定、获取Dom、组件通信、useEffect、自定义Hook
一、受控表单绑定 概念：使用react组件的状态（useState）控制表单的状态。双向绑定，数据变化视图也变，视图变数据也变。 import { useState } from 'react' function App() { const [content, setContent] = useSt ......
12.页面优化插件
页面优化插件 应用场景 原生的页面在对于前端不够熟悉的情况下，编写起来是比较困难的。包括设置一些样式，从头再学习 CSS 成本较大。 如果要简化学习成本，可以通过响应式的前端框架 Bootstrap 完成，通过使用 Bootstrap，开发者可以节省大量的时间和精力。 在 Bootstrap 的基础 ......
如何删除 Angular SSR 应用 State Transfer 嵌入到 HTML 里的某些字段
笔者这篇文章介绍了 Angular SSR 应用 State Transfer 的工作机制和错误排查方法。 SSR 服务器端发送给客户端 response 里包含的 State Transfer 数据的一个例子如下： <script id="serverApp-state" type="applic ......
html 下载图片
var image = new Image() image.setAttribute('crossOrigin', 'anonymous') image.onload = function() { var canvas = document.createElement('canvas') canva ......
前端骨架HTML
HTML5 如果将网页比作机器人，那么HTML就是骨架，CSS就是是表现与展示效果，JavaScript就是功能与行为 简单介绍 超文本标记语言HTML(HyperText Markup Language) 一、配置HTML编译器 1. 安装vscode 下面是官网： vscode官网 2. 安装v ......
Android Material组件库(日期选择和时间选择器)基本使用
原文:Android Material组件库(日期选择和时间选择器)基本使用 - Stars-One的杂货小窝 简单的封装下Material组件里的日期选择器和时间选择器的使用方法 效果 代码 需要添加Material组件库的依赖(不过后面新版本Android Studio创建的新项目都会有此依赖了 ......
WPF----日志输出组件
输出日志需要另外下载日志专用的包比如使用 Serilog 将日志输出到文件需要下载以下几个包 Serilog Splat.Serilog Serilog.Sinks.File Serilog 记录日志 - 雨水的命运 - 博客园 (cnblogs.com) 官网：https://serilog.ne ......
Form表单组件封装和使用
表单Form是中后台频繁使用的组件，以下是一个基于arco design vue组件库封装的表单组件。 这个表单组件特点： 所有配置都是直接继承组件库组件的props，无需其他文档 可配置展开折叠 支持响应式布局 表单项支持动态隐藏 插槽支持，自定义扩展 组件库的良好支持，封装代码简洁优雅 plac ......
前端页面部署之后刷新页面之后出现HTTP 错误 404.0 - Not Found错误问题解决
前端页面部署能正常访问，但是一旦刷新页面就报如下错误：404.0 - Not Found 解决办法：下载IIS URL重写模版，并安装。下面为安装地址： URL Rewrite : The Official Microsoft IIS Site 安装之后IIS中出现如下IIS重写模块： 点击进去添加 ......
Vue 设置为history模式之后，刷新页面报404错误的解决办法
网上搜索出现很多修改前端或后端的方法试了都不行，后来在IIS中添加URL重写规则就解决了（如果没有Url重写模块,需要下载安装：rewrite_amd64_zh-CN.msi），设置重写之后会在网站前端根目录下生成一个web.config文件。所以如果嫌配置url重写麻烦的话，直接把这个web.co ......
Vue多页面和单页面的场景
开发分类 实现方式 页面性能 开发效率 用户体验 学习成本 首屏加载 SEO 单页 一个html页面 按需更新性能高 高 非常好 高 慢 差 多页 多个html页面 整页更新性能低 中等 一般 中等 快 优 场景 单页面应用 系统类网站 内部网站 文档类网站 移动端站点 多页面应用 公司官网 电商类 ......
打工笔记----------------------------iframe重定向让父级页面跳转
"top.location.href"是最外层的页面跳转 $.ajax({ url: URL + "SystemPrivileges/UserChangePW", data: { userName: userName, passWord: passWord, oldpwd: passWordold, ......
log4j三大组件(入门级)
@目录🥪log4j简介🌭Logger🍔Appenders🍕 Layouts🍟 Layouts的输出格式🧀按时间拆分( DailyRollingFileAppender)🍧 按大小拆分(RollingFileAppender) 🥪log4j简介 Log4j有三个主要的组件：Logger ......
在单页HTML中使用npm包
在单页 HTML 中使用 npm 包 在笔者印象中，上一次写单页 HTML 还是在刚开始接触前端开发，学习 HTML 和 JavaScript 的时候。自从开始用 Vue 和 React 这样的框架之后，就几乎再也没写过单页应用了。框架和 npm 给开发带来了很多便利：对于想用的包，npm inst ......
javascript 自定义分页组件
仿boostrap 前端分页组件的实现 一 写一个前端自定义分页组件，需要考虑以下问题 /* 需要一个<ul id="pagination"></ul>标签 total; // 总数据的数量 pageSize; // 一页显示数量 pageIndex; // 当前页 */ 二 实现细节 编写html ......
Vue 项目配置自动更新，自动刷新页面
今天用户反馈使用页面的时候，有时候点击没反应，排查下来，是因为发布版本的时候，用户那边没有加载最新的文导致的，然后根据思路，做了这个自动更新的功能 效果预览 http://demo.webwlx.cn/#/update 实现思路 1. 把当前版本的编译时间，通过环境变量的方式保存起来 打开 vite ......
前端页面的懒加载和预加载
前言 懒加载也就是延迟加载。当访问一个页面的时候，先把 img 元素或是其他元素的背景图片路径替换成一张大小为 1*1px 图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，从而减轻服务器压力，避免用户等待时间过长（一般在网站图片很多的时候使用 ......
Vue 该如何实现组件缓存?
在面向组件化开发中，我们会把整个项目拆分为很多业务组件，然后按照合理的方式组织起来，那么自然会存在组件之前切换的问题，vue 中有个动态组件的概念，它能够帮助开发者更好的实现组件之间的切换。但是在面对需求频繁的变化，切换组件时，动态组件在切换的过程中，组件的实例都是重新创建的，而我们需要保留组件的状 ......
Vue-keep-alive 缓存组件 & 动态组件
动态组件： 动态组件：即组件是否展示需要根据条件判断，该组件即为动态组件 作用：多用于 tap 切换时某个板块展示对应组件内的内容 功能点：点击一级 tap 时，展示一级 tap 对应板块内容（一级组件）；点击二级 tap 时，展示二级tap对应的板块内容（二级组件） 示例图： 创建组件; 最外层包 ......
vue-echarts图表组件
封装代码： <!-- * @Descripttion：图表组件--> <template> <div class='YxkEcharts'> <VEcharts :params="echartsObj"></VEcharts> </div> </template> <script> // 图表 co ......
Vue-打印组件
组件代码： <el-button v-print="{id: 'print-content'}" icon="el-icon-printer">打印</el-button> // 插件 vue-print-nb 示例： ......
Vue-表格组件封装
封装代码： <!-- * @Descripttion：表格组件--> <template> <div class='YxkTable'> <el-table :data="data" v-bind="tableBind" v-on="this.$listeners"> <ELTableColumn ......
Vue-搜索组件封装
组件代码： <!-- * @Descripttion：搜索组件--> <template> <div class='YxkSearch'> <el-form :model="form" :ref="$attrs.formRef" v-bind="$attrs"> <!-- 搜索项 --> <temp ......
Vue-Drag 拖拽组件
组件代码： <!-- 拖拽组件，使用说明见 README.md，--> <template> <div class='YxkDrag'> <VDraggable v-bind="dragBind(dragObj)" @start="dragStart" @end="dragEnd" v-on="th ......
Vue-表单组件
组件代码： <!-- * @Descripttion：表单组件--> <template> <div class='YxkForm'> <el-form :model="form" :ref="$attrs.formRef || 'ruleForm'" v-bind="formBind(formOb ......
从输入url到页面展现发生了什么
大致是如下步骤: 根据地址栏输入的地址向 DNS(Domain Name System)查询 IP 通过 IP 向服务器发起 TCP 连接 向服务器发起请求 服务器返回请求内容 浏览器开始解析渲染页面并显示 关闭连接 一.DNS 域名解析的过程是逐级查询的 浏览器缓存: 首先会向浏览器的缓存中读取上 ......
created中两次数据修改，会触发几次页面更新
面试题：created 生命周期中两次修改数据，会触发几次页面更新？ 一、同步的 先举个简单的同步的例子： new Vue({ el: "#app", template: `<div> <div>{{count}}</div> </div>`, data() { return { count: 1, ......
vue组件递归
这样的场景：渲染列表数据的时候，列表的子项还是列表。如果层级少尚且可以用几个 for 循环搞定，但是层级多或者层级不确定就有点无从下手了。 其实这就是树形结构数据，像常见的组织架构图，文件夹目录，导航菜单等都属于这种结构。很多组件库都带有树形组件，但往往样式不是想要的，改起来也非常的费劲。那么，如何 ......
vue2.0源码简读（3. 组件化）
3.1 createComponent 在分析 createElement 的实现的时候，它最终会调用 _createElement 方法，其中有一段逻辑是对参数 tag 的判断，如果是一个普通的 html 标签，上一章的例子那样是一个普通的 div，则会实例化一个普通 VNode 节点，否则通过 ......