我们应该知道的标签

版权声明：本文为博主原创文章，欢迎转载，转载请注明出处。 https://blog.csdn.net/FE_dev/article/details/70767206

纯CSS实现侧栏卡片显隐

以前我有写过一篇基于Butterfly的手机端fixed定位侧栏布局魔改方案,抛开被洪哥忽悠而起的这么长的标题不谈，在这篇中是通过编写一个手机端fixed定位的样式，并通过js监测到对应的点击动作后，给相应的侧栏卡片添加上这个样式。同时也是通过js不断的进行样式初始化和class的增减。

近期外包总结

欢迎访问源码: https://github.com/ZZES-ZCDC/questionnaire_manage_bd

认识一下 Material Design Lite 布局组件

MDL的布局/Layout组件用来作为整个页面其他元素的容器，可以自动适应不同的浏览器、 屏幕尺寸和设备。

直播平台开发的功能机制以及直播系统开发的功能实现

直播系统需要经过采集、编码、推流、分配、拉流、解码、观看等过程，直播的实现与传统的视频直播过程平稳一致。因此，所使用的开发框架、开发语言、业务服务等方面与传统的Live平台开发基本一致。ThinkHP框架可用于开发框架。对于直播平台开发语言，根据不同的应用终端，手机的Android端是用Java语言开发的，而iOS端是在OC中开发的，OC是苹果系统的开发语言。对于服务器端，可以根据要求选择Java或PHP语言。建设和部署所需服务器的直播平台还包括消息服务器、业务服务器、视频服务器、即时聊天服务器和流媒体服务器。

工作玩手机识别监测系统

工作玩手机识别监测系统通过YOLOV5网络深度学习算法模型对画面中人员玩手机行为进行实时监测，当工作玩手机识别监测系统识别到有人在玩手机行为时，无需人为干预工作玩手机识别监测系统立即抓拍存档触发告警。YOLO算法- YOLO算法是一种基于回归的算法，它不是选择图像中有趣的部分，而是预测整个图像中的类和包围框运行一次算法。要理解YOLO算法，我们首先需要了解实际预测的是什么。最终，我们的目标是预测一类对象和指定对象位置的边界框。

页面中元素的锚点定位

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第12天，点击查看活动详情 >>

HTML锚点

以前只是知道有锚点这么个东西，一直没有用到，昨天做毕设用到了锚点，现在总结一下控制锚点的几种情况：         1. 在同一页面中

VUE-项目结构

3.项目结构 开始编码前，我们先了解下项目的结构。 3.1.目录结构 3.2.调用关系 我们最主要理清index.html、main.js、App.vue之间的关系： 理一下： index.html：

一、VueJs 填坑日记之基础概念知识解释

鸿蒙开发学习（二）之ArkUI

方舟开发框架（简称：ArkUI），是一套构建HarmonyOS应用界面的UI开发框架，它提供了极简的UI语法与包括UI组件、动画机制、事件交互等在内的UI开发基础设施，以满足应用开发者的可视化界面开发需求。

初试小刀自我简历小程序

最近在做小程序，和域名更换，和新域名备案事情，甚是较忙，少写了文章，今天尝试写一篇小白总结小程序的常见问题，刚接触小程序不到2周，在业余时间尝试小刀小程序，在做这个简历之前，自己亲身搜索了个人简历的小程序，都体验过，大部分是参差不齐，我这个算是比较用心的制作了，搜索出来的简历小程序要不就是其他第三方支持自动生成的，或者是自己制作的，但是都是放置一个设计的图，比较简单，但是也不缺一些好的案例。

HTML 锚点三种实现方法

scrollIntoView()的用法 scrollIntoView是一个与页面（容器）滚动相关的API，该API只有boolean类型的参数能得到良好的支持（firefox 36+都支持）

yaml语言学习笔记

YAML 是 “YAML Ain’t a Markup Language”（YAML 不是一种标记语言）的递归缩写。在开发的这种语言时，YAML 的意思其实是：”Yet Another Markup Language”（仍是一种标记语言）。

yaml语言教程

YAML 是 “YAML Ain’t a Markup Language”（YAML 不是一种标记语言）的递归缩写。在开发的这种语言时，YAML 的意思其实是：“Yet Another Markup Language”（仍是一种标记语言）。

scroll-behavior & scrollIntoView 的使用，以及解决ios手机不兼容的问题

在平时的日常开发中，我们可能会遇到这样的需求，点击一个导航链接，页面会定位到一个元素或上去。如下图vue官网所示，我点击左侧导航栏链接，右边会定位到相应的位置。

让你见识一下什么叫最完整、最系统的前端学习路线

随着互联网的深入发展，前端开发工程师已成为市场上极具竞争力的人才。许多学生，包括以前的UI，java，或完全零基础，想学习的前端。那么话不多说，直接上干货，希望能帮助到大家。

深入浅出 ARCore

其实关注 ARCore也蛮久了，但一直没有腾出时间来写个总结。正好应朋友之约，我们今天就来好好聊一聊 ARCore.

React项目中如何实现一个简单的锚点目录定位

锚点目录定位功能在长页面和文档类网站中非常常见,它可以让用户快速定位到页面中的某个章节

Safari 中简书登录框屏蔽

在借助腾讯混元助手屏蔽简书登录框中已经实现了Chrome 中屏蔽简书登陆框、右侧热门、左侧点赞、以及底部推荐。然后我用Userscripts 在 Safari 中使用了一下，发现登陆框并不能屏蔽掉，所以这里再补充下，如果在 Safari 中移除简书登陆框。

hash实现锚点平滑滚动定位

解析  访问该页面的地址:http://127.0.0.1/anchor.html(我是在本地服务器上测试的)  点击a链接锚点1，则页面会直接跳到红色的div(锚点1)，同时，浏览器地址改变为http://127.0.0.1/anchor.html#anchor1  虽然可以直接定位到制定的位置，但是效果很差，没有平缓的过渡效果。

关于页面滚动的两个 CSS 属性

一般返回顶部都是直接用 JS 实现的，但是我不懂 JS ，写个 console.log 我都不会就不用说写返回顶部了。那就直接用回最原始的方法：锚点定位。 锚点定位其实很好用，但主要是太生硬了，点一下定位就瞬间冲过去了，没有任何过渡。很多人用JS来做返回顶部而不用 CSS 可能就是锚点定位的这个缺点。

YAML基础语法

YAML是"YAML Ain't a Markup Language"的缩写，它是一种数据序列化语言，并不是一种标记语言 YAML(带有”骆驼”的韵律)是一种基于 Unicode 的基于 Unicode 的数据序列化语言,它围绕敏捷编程语言的常见本机数据类型而设计，它使用 Unicode可打印字符,其中一些字符提供结构信息,其余字符包含数据本身；但是如果你使用过类似XML/JSON这种标记语言(利于人们读写的数据格式)，那么你可能会很快的学会YAML，与XML相同的是我们可以使用YAML编写配置文件;

SPA应用路由器如何工作？

SPA(single page application)-单页面应用有两个特点，一是路由控制，二是模板渲染。通过路由器，可以在不reload页面的情况下，实现页面部分刷新。那么，最关键的地方，就是如何设计路由器，如何让路由器工作？

word目录链接无法跳转_怎样跳转网页

目前使用的 next 版本是 5.1.4 ，文章左侧的目录一直不能跳转也不能展开，按网上的办法一直没法解决，今天自己琢磨了一阵总算搞定了。

php学习之html–精彩回顾（七）

表格 结构：

HTML标记之a标签

1.内部链接（当前文档与目标文档在同一站点内）； 　　　2.外部链接（当前文档与目标文档不在同一站点内）； 　　　3.E-mail链接（并允许访问者向指定的地址发送邮件）； 　　　4.锚点连接 跳转到同一网页或其他文档的指定位置：创建锚点，显示内容链接锚点，显示内容； 　　　5.空链接，就是没有目标端点的链接，显示内容； 　　　6.脚本链接：是一种特殊的链接，当单击设置脚本链接的文本或图像时，可以运行相应的JS语句。

一个App卖了4亿美元，这家听声识曲公司为何得到Apple的青睐？

2018 年 9 月，苹果最终以 4 亿美金完成对 Shazam 公司的收购，让不少人为之振奋，在当时对外公布的一份声明中可以看到，自Shazam应用登陆App Store以来，是其最受欢迎的iOS应用之一。

一个App卖了4亿美元，这家听声识曲公司为何得到Apple的青睐？

2018 年 9 月，苹果最终以 4 亿美金完成对 Shazam 公司的收购，让不少人为之振奋，在当时对外公布的一份声明中可以看到，自Shazam应用登陆App Store以来，是其最受欢迎的iOS应用之一。

VUE-路由vue-router

接下来我们来实现登录组件，以前我们都是写在一个文件中，但是为了复用性，开发中都会把组件放入独立的JS文件中，我们新建一个user目录以及login.js及register.js：

YAML基础语法

YAML是"YAML Ain't a Markup Language"的缩写，它是一种可读性高，用来表达数据序列化语言，你仍然可以理解是是一种标记语言，但是为了强调这种语言以数据未中心，而不是以标记语言为重点; YAML(带有”骆驼”的韵律)是一种基于 Unicode 的基于 Unicode 的数据序列化语言,它围绕敏捷编程语言的常见本机数据类型而设计，它使用 Unicode可打印字符,其中一些字符提供结构信息,其余字符包含数据本身；但是如果你使用过类似XML/JSON这种标记语言(利于人们读写的数据格式)，那么你可能会很快的学会YAML，与XML相同的是我们可以使用YAML编写配置文件;

初识AngularJS

虽然AngularJS正在走向没落，但是我们要知道它背后所带来的价值。 它带领前端行业步入了 MV* 时代，带领当今市场上的前端框架走向了模块化，架构化。

Vue.js 2 入门与提高（一）

Vue.js作为一个后起的前端框架，借鉴了Angular 、React等现代前端框架/库的诸多特点，并且 取得了相当不错的成绩。

将Markdown字符串转成HTML

使用以下插件，依次实现：markdown字符串转HTML、自动生成目录(toc)、代码高亮等功能。

5G双连接下的载波聚合是怎样的？

5G在NSA架构下引入了双连接（Dual Connection简称DC）技术，手机可以同时连接到4G基站和5G基站，实现4G载波与5G载波的载波聚合。

Javascript - BOM 对象

用以下内容可以自己手写一个 TodoList 小程序，再添加几行代码就可以用手机浏览器保存在桌面变成一个 web-app 使用！我自己写的托管在 GitHub，感兴趣的可以看看源码给个 star！~

h5-history解析

这是一个不太常用的api，但有一些场景比较适用，比如说，某用户填写了一个很复杂的表单，点了一下回退，就回退了一个网页，那用户的填写的所有信息都没了，那么，history就可以派上用场了 我们来看一下这个实例把

基于jsplumb构建的流程设计器

最近在准备开发工作流引擎相关模块，完成表结构设计后开始着手流程设计器的技术选型，调研了众多开源项目后决定基于jsplumb.js开源库进行自研开发，保证定制化的便捷性，相关效果图及项目地址如下

wordpress自动生成文章目录

看过百度百科的同学都知道，如果百科文章比较长，那么他会生成一个目录，不仅增强了用户体验，还为文章引入了锚点内链，对SEO优化起到了十分积极的作用。

操作滚动条小结：scrollIntoView/animate等方法的来龙去脉

操作滚动条可以通过锚点跳转，JS操作滚动条，与scrollIntoView等方法。对此，我来考古一下。

返回顶部的五种实现方法

上面几种方式实现起来比较简单，但是效果生硬，直接从底部切换到顶部，没有一个过渡的动画。此方法能使页面动态滚动，同时将按钮换成一个箭头标志，判断页面滚动的距离，当页面滚动到一定的距离后再显示返回顶部箭头标志。这样的效果更佳生动。

HTML标签学习

h1到h6：会将其中的数据加粗显示，并且显示依次减弱，标题标签自带换行功能（块级标签）

IOS开发系列——UIWebView专题【整理，部分原创】

iOS: UIWebview loadhtmlstring & Localcss/js/image resources

谈谈HTML中锚点及其使用

元素 (或HTML锚元素, Anchor Element)通常用来表示一个锚点/链接。但严格来说，元素不是一个链接，而是超文本锚点，可以链接到一个新文件、用id属性指向任何元素。如果没有元素没有href属性的话，可以作为原本链接位置的占位符，常用于home链接

浅谈移动端页面无刷新跳转问题的解决方案

浅谈移动端页面无刷新跳转问题的解决方案 2017-12-22  祈澈姑娘 最近开发微信公众号，用的框架是 一般的 UI，但是涉及到多页面之间的相互跳转的问题，降低了浏览器的性能，用户体验特别不好，卡顿，不流畅,因此不采用传统的页面跳转方式，看到不少手机网页开发的框架都都是在一个html文档中包涵多个页面的内容，每页放到不同的 里面。 于是采用当下流行的单页面模，在做pc网页的时候一般都直接给链接的。比起用链接来跳转页面，这样做也是有很多好处的（比如appjs,jquery Mobile) 这种web形式在如

从一个webpack打包bug到探索resolve背后的机制

经过进一步调试发现，原因是在业务代码的lib/axios.ts的import axios, { AxiosError, AxiosRequestConfig, AxiosResponse } from 'axios';这行代码的引入居然是引入的 业务代码的lib/``axios``.ts而不是node_modules中的axios

解救不懂PS的设计小白，它适用多平台

解救不懂 PS 的设计小白！Fotor 是一款集图片编辑、美化滤镜、拼图功能以及「傻瓜式平面设计」于一身的全能型在线设计工具，可以帮助你在几分钟内快速修图或者制作出专业水准的平面设计作品。

UWB数字钥匙到底“香在哪里”

汽车数字钥匙也被称为汽车智能钥匙，简单理解就是把我们身边的数字化设备集成车钥匙功能。例如我们身边的手机、手环、手表...从此我们无需再单独携带“车钥匙”，因为我们的手机或者手表就是钥匙了。在这个“机不离手”的时代，我们也许会忘记带钥匙但很少会出现忘记带手机的情形。

AJAX常见面试问题[通俗易懂]

cache：默认为true（当dataType为script时，默认为false）, 设置为false将不会从浏览器缓存中加载请求信息。

布局编码的未来

客户端布局是客户端开发最为基础也是最为重要的编程实践之一，对于一个有着良好技术架构的客户端开发团队来说，布局编码工作占业务开发工作量的80%。显然，对于布局编码进行深入的思考、总结统一最佳实践、提供有力的基础架构支撑，对于提升客户端开发团队的生产力非常关键。 同时，客户端动态化是当前移动开发领域的技术热点，也是移动开发未来最为重要的发展方向之一。当前业界涌现出了React Native和Weex等解决方案，但是这里就存在迷一样的事实：所有框架的指导思想都是保持Web基本布局实践的前提下，通过原生渲染来