m0_67619362-CSDN博客

原创 CSS3-新增的属性

一、新增的选择器1.属性选择器2.结构伪类选择器2.1: nth-child（n）2.2: nth-of-type(n)区别：执行顺序不同3.伪元素选择器二、盒子模型box-sizing1.盒子模型存在的问题2.解决方案三、图片变模糊或颜色偏移filter四、盒子宽度计算calc[五、过度动画transition](abou 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源徽信..

2022-05-10 11:45:39 302

原创 Cesium资料大全

[Cesium 实现Entity的拖拽](()[Cesium获取鼠标点击位置](()[cesium(鼠标事件)](()[cesium之三维漫游飞行效果开始暂停实现篇](()[Cesium控件Clock开始暂停](()[clock](()[Cesium的内存泄漏](()[Cesium的3D在多个单页面应用中,内存只增不减致内存溢出问题的解决](()[Cesium内存溢出问题](()[Cesium 本地部署案例](()[CesiumJS 添加会动的GIF](()[gif图转成base64]

2022-05-10 11:42:31 618

原创 C++基础语法----多态

[](()1.实现多态的三个先决条件进行了类的继承；子类与父类写了结构相同的函数(并且基类的函数是虚的)；使用了基类指针指向了子类的对象[](()2.语法//语法(条件1,2)：calss A{public:virtual void print(){}};class B:public A{public:void print(){}};//语法(条件3)int main(){A *p;B q;p=&q;（基类的指针指向子类的对象）//此时便可以进

2022-05-10 11:40:41 388

原创 Ant Design Vue 日期选择器，绑定的日期和框内不一致，日期格式化

<a-range-pickerstyle=“width: 400px”v-model:value=“shijian”:ranges=“ranges” //预设时间范围快捷选择,会在左边出现小蓝框:disabled-date=“disabledDate” //不可选择的日期:disabled-time=“disabledRangeTime” //不可选择的时间:show-time="{ //增加时间选择功能hideDisabledOptions: true, //隐藏禁止选择的选

2022-05-10 11:38:58 1940

原创 Angular4中使用jquery和bootstrap

[](()引入jquery类型在使用过程中，好像是没有什么问题的，但是好像通过点号调用jquery方法时，没有任何代码提示（我使用的是VSCode）。原因是编辑器不识别jquery的类型，所以不知道jquery中可以调用哪些方法。因此我们需要引入类型。npm install --save @types/jquery这个时候，我们再通过点号调用jquery方法时，就会有代码提示了。如：$(‘body’).hide();[](()Angular中引用bootstrap如何在angular中使用bo

2022-05-10 11:36:36 171

原创 Android WebView 踩坑日记，字体怎么突然变小了？

parsedHtml += “<meta name=“viewport” content=“width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover”>”;Web 网页字体的适配规则，这里就不班门弄斧了,有兴趣的可以自行搜索。[](()端内其他地方排查我们知道，加载自定义 html，通常需要调用 loadDataWithBaseURL 方法，

2022-05-10 11:34:49 666

原创 2021前端社招面试题总结

Flex:none那每个项目保持不变，还是占据没有使用flex的空间 0 0 auto如果每个项目都加了flex:1,项目等分空间如果只有1个项目加了flex:1（flex:2, flex:3…），那么其余项目占据空间不变，此项目占据剩余所有空间[](()Flex-driction项目排列方向[](()flex-wrap 项目换行方式[](()Flex-flow：row nowrap[](()Vuex[](()含义和用法mapGetters :Cumputed计算方法里用的mapAct

2022-05-10 11:25:51 297

原创 3 年小前端聊聊跳槽、技术成长与职业规划

【坚持原创】：笔者是一个工作三年多工作经验的小前端，平时偶尔写一些文章，写几个小项目，定期会总结，把近期的一些技术感想输出成文章，每一篇文章都是原创并且不求太多人喜欢，还是那句话，只要文章里面某个点对一些人有用处或者让你觉得能学到点东西，就很满意了。2021 年上半年算是个人经历比较多的一段时间，正好写出来一些感想，给一些刚入门的前端同学，或者刚毕业的同学，或者对未来迷茫的前端同学，一些思路。绝不自诩为导师或者引路人，单纯的分享一下个人经验，个人总结，对你有用的话就看看聊聊，对你没用的话直.

2022-05-09 12:15:49 571

原创 28岁开始零基础学前端，这些血的教训你一定要避免

Web性能权威指南功夫不负有心人，看书和做练习让我的技术水平得到了极大的提升，以至于后面对 Vue 源码的学习起到了很大的作用。[](()库、框架关于第三方库的学习，我只对 JQuery 和 Vue 进行了深入学习，其他的库都是看文档按需使用。深入学习 JQuery 的成果：写了两个组件。深入学习 Vue 的成果：写了一个 Vue 动态表单组件，发布到 NPM上。模仿 Vue1.0 版本写了一个 MiniVue，这让我对 Vue 的理解达到了源码级别。写了几篇关于 Vue 的.

2022-05-09 12:13:46 182

原创 2021年，vue3

target[property] += value}})2. Vue3.0 编译做了哪些优化？（底层，源码）a. 生成 Block treeVue.js 2.x 的数据更新并触发重新渲染的粒度是组件级的，单个组件内部需要遍历该组件的整个 vnode 树。**在2.0里，渲染效率的快慢与《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源徽信搜索公众号【编程进阶路】组件大小成正相关：组件越大，渲染效率越慢。**并且，对于一

2022-05-09 12:12:13 426

原创 2021年React常见的面试题以及答案(持续更新中

相同点两者都是 JavaScript 对象两者都是用于保存信息props 和 state 都能触发渲染更新区别props 是外部传递给组件的，而 state 是在组件内被组件自己管理的，一般在 constructor 中初始化props 在组件内部是不可修改的，但 state 在组件内部可以进行修改state 是多变的、可以修改[](()说说对React refs 的理解？应用场景？======================================

2022-05-09 12:10:42 324

原创 2021 整理的最全学习资源，送给每一个努力着的人

3、进阶：Vue.js 框架如何实践服务端渲染方案？掌握服务端渲染（SSR）核心解决的问题掌握使用 Nuxt.js 框架开发的最佳实践掌握 Nuxt.js 框架使用中的 SEO 优化处理掌握同构开发模式以及同构应用中的状态激活了解同构类型应用的发布与自动化部署4、优化：Vue 的长列表虚拟滚动[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wHQqvWYB-1652069316083)(https://img-blo 《大厂前端面试题解析+W

2022-05-09 12:08:53 941

原创 2020最新版前端学习路线图--让前端学习变得美如画

此阶段的市场价值：具备网页开发的基础能力(网页布局和网页应用开发)，但是无法和服务器交互，还达不到企业用人的标准。此阶段的重点知识：掌握JavaScript基本语法；掌握常见JavaScript算法；掌握DOM的各种操作；熟练使用面向对象思想进行DOM编程；掌握JavaScript的高级语法；熟练使用jQuery操作DOM；熟练使用和编写jQuery插件；独立完成电商网站的页面搭建（包括HTML结构、CSS样式、JavaScript特效）；掌握应对业务编程《大厂前端面试题解析+Web

2022-05-09 12:07:12 222

原创 17086 字典序的全排列

输出样例1 1242 1423 2144 2415 4126 421提示这里两个办法来输出字典序的所有排列。方法一：可以用STL的next_permutation()函数，标准库全排列next_permutation()的返回值：bool类型。假设数列：d1d2d3d4…… 范围由[first,last)标记，调用next_permutation使数列逐次增大，这个递增过程按照字典序。C++ Reference中next_permutation的函数声明如下：#include

2022-05-09 12:03:01 287

原创 1100-1109 例题1-1-1 按要求输出信息(1)

=======================题目描述编写一个C语言程序，输出以下信息：********************Very Good!********************[](()输入无输出–Very Good!#include<stdio.h>int main(){printf(“********************\n”);printf(“Very Good!\n”);printf(“****************

2022-05-09 11:58:35 268

原创 10分钟理解ES6箭头函数

const obj = {x: 1,print: () => {console.log(this === window); // => trueconsole.log(this.x); // 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源徽信搜索公众号【编程进阶路】 undefined}};obj.print();this.x 打印出来是 undefined。为什么？然后，我在上面加了一行，发现 this 指向了 window。解

2022-05-09 11:56:19 115

原创 01年北漂程序员年度总结，2021我废了，2022我重新做人了

先说我本人吧，作者本人呢，在生活中对陌生人的话还是比较少的，除非是熟人。高中的时候我也是个不爱学习的孩子，再无聊也不会想学习，我会想：要不睡会？后来也知怎么就开始学习了，脑子不是太灵光，但是可能就是喜欢比吧，毕竟我们生在这个内卷的时代，别人能做好的我也能做好，我一直是这样想的，如果做不好那就找问题、找方法，没有一个人是学不好的，只有你自己不想学，找理由找借口，从小我就感觉人必须有自己的强项，能干别人干不了的事，但是又能干别人的事，比如上学期间：要不你就学习好，要不你就混的好（混指的也就类似一些精神小伙）

2022-05-09 11:54:06 115

原创 bootstrap-datetimepicker 添加清除按钮

在这之前，大家需要清楚：[bootstrap-datepicker](() 是一个基于 jQuery 和 Bootstrap 的插件，提供日期选择的功能。而 [bootstrap-datetimepicker](() 是基于 bootstrap-datepicker 而来的一个分支。bootstrap-datepicker 不支持 Time 选择。而 bootstrap-datetimepicker 中可以选择时间了。------------------ 《大厂前端面试题解析+Web核心总结学习笔记

2022-05-08 08:25:59 1260

原创 axios封装与api接口管理

// 这里可以跟你们的后台开发人员协商好统一的错误状态码// 然后根据返回的状态码进行一些操作，例如登录过期提示，错误提示等等// 下面列举几个常见的操作，其他需求可自行扩展error => {if (error.response.status) {switch (error.response.status) {// 401: 未登录// 未登录则跳转登录页面，并携带当前页面的路径// 在登录成功后返回当前页面，这一步需要在登录页操作。case 401:router.replace

2022-05-08 08:23:56 251

原创 axios七大特点

6、自动转换 JSON 数据；7、客户端支持保护安全免受 XSRF 攻击；[](()五种axios的请求方法：============================================================================get、post、put、patch、deleteput/patch: 编辑、更新数据put: 是要讲所有数据全部推送到后端（一般用于更新）patch: 只将修改的数据推送到后端delete: 删除数据![在这里插入图片描述]

2022-05-08 08:22:23 207

原创 33道面向初中级前端的基础面试题(持续更新中）

str.replace(/^\s+|\s+$/g, ‘’)// 原生方法str.trim()[](()10.创建对象有几种方法字面量const obj = {a: 1}构造函数function Obj(val) {this.a = val}const obj = new Obj(1)Object.createconst obj = Object.create({a: 1})[](()11.null和undefined的区别null 表示一个对象是“没有值”的值，也就是

2022-05-08 08:17:17 392

原创 27 个 CSS 案例演示和 DEMO

看上去有点乱糟糟的对吧？没事，给它加上overflow: hidden，把多余的文本遮住。通过JS分割文本并应用交错动画，就得到了如下的效果，这也是接下来本文要讲的overflow障眼法。**本demo地址：**https://codepen.io/alphardex/full/wvBeXjd8、overflow障眼法=================之前有做过闪光按钮的效果：鼠标悬浮按钮上时一道光从左到右划过去。笔者就用渐变来模拟那道光，通过transform: translateX()将其.

2022-05-08 08:13:07 690

原创 2022前端面试笔试题及答案

[](()继承原理是：复制父类的属性和方法来重写子类的原型对象原型继承构造函数继承组合继承寄生继承寄生组合继承class等等// 寄生组合继承方法function Father(…arr) {this.some = ‘父类属性’;this.params = arr;}Father.prototype.someFn = function() {console.log(1);}Father.prototype.someValue = ‘2’;function Son() {

2022-05-08 08:11:11 622

原创 2020最全前端面试系列（VUE）

watch和computed的优缺点与区别VUE通信Vue性能优化方法VUE-Routerhash模式history模式路由守卫动态路由VUEXVUE nextTick虚拟DOM和Diff算法原理mixinrender函数[](()2020前端面试系列（VUE）=================================================================================..

2022-05-08 08:08:49 106

原创 2020 前端面试题总结大全及答案

[](()6、vue的生命周期Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。通俗说就是 Vue 实例从创建到销毁的过程，就是生命周期。beforeCreate: vue元素的挂载元素el和数据都为undefined，还未初始化；created：vue实例的数据对象data有了，el还没有；beforeMount：vue实例的$el和data都初始化了，但是还挂载在之前的虚拟dom节点上，da

2022-05-08 08:06:33 215

原创 2 年前端,如何跟抖音面试官 battle

面试日期为 5月7日20:00我提前先到牛客的面试房间等待了半小时,焦灼ing…这是一场拳击手与拳击手的较量。芜湖,起飞!!!作者：小黄https://juejin.cn/post/6961675763070271519自我介绍首先上来就是唠,介绍个人信息,亮点以及项目经历之后,面试的自我介绍阶段就结束了。ps :这里通过自己的话术成功将面试官的注意力吸引到项目优化方向,经过2分钟的自我介绍,面试官也应该读完的简历了,算是达到自己目标的预期了。简历相关问

2022-05-08 08:04:22 217

原创 CSS定位描述

如果把所有三个框都向左移动，那么框 1 向左浮动直到碰到包含框，另外两个框向左浮动直到碰到前一个浮动框。如下图所示，如果包含框太窄，无法容纳水平排列的三个浮动元素，那么其它浮动块向下移动，直到有足够的空间。如果浮动元素的高度不同，那么当它们向下移动时可能被其它浮动元素“卡住”：[](()清除浮动简单介绍下清除浮动的2中方法。方法一：结合:after选择器清除浮动。Document box2 lallalalalalal啦啦啦 lallalalalalal啦啦啦lal

2022-05-07 09:55:33 91

原创 CSS中的动画效果

[](()三、动画属性========================================================================[](()1.代码示例Document[](()2.效果展示[](()四、项目案例========================================================================[](()①奔跑的小熊<meta ch 《大厂前端面试题解

2022-05-07 09:54:03 274

原创 css两种常用的不定宽高的水平垂直居中方法，记住它，不再为样式发愁

首先来创建一个html页面，html代码和css代码如下：我是box中的内容效果图：接下来我们就在这个基础上，对红色方框的元素标签进行水平垂直居中的操作[](()第一种方法第一种方法我强烈推荐，用到了我们熟悉的flex布局《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源徽信搜索公众号【编程进阶路】。元素标签内容我是box中的内容样式内容.box{width: 600px;height: 300px;backgrou

2022-05-07 09:52:15 618

原创 CSS(五)(定位)

[](()3.相对定位 relative相对定位是元素在移动位置的时候，是相对于它原来的位置来说的（自恋型）语法：选择器{positi 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源徽信搜索公众号【编程进阶路】 on：relative;}相对定位的特点：它是相对于自己原来的位置来移动的（移动位置的时候参照点是自己原来的位置）。原来在标准流的位置继续占有，后面的盒子仍然以标准流的方式对待它。因此，相对定位并没有脱标。[](()4.

2022-05-07 09:50:35 148

原创 Chrome 的小恐龙游戏，被我破解了

科普：Chrome 浏览器是 Google 家的官方浏览器，使用体验全世界南波万。当用户在无网络时访问某一网址，浏览器会提示“无网络链接”（也就是上面这张图），按下空格键，就会唤醒一个小恐龙跑步刷分的游戏。如果在有网络连接时也想玩的话，可以直接在地址栏输入：chrome://dino出于职业本身的敏感和好奇，我突然心生疑问：这应该是用 JS 做的吧？我顺势打开控制台，不如先看一下所有的全局变量？239 个…太多了，我可没这个耐心我停止了操作，开始思考这一切的可行性：**我在干什么

2022-05-07 09:48:13 909

原创 CentOS7环境部署kubenetes1

至此，node1节点已成功加入kubernetes集群，接下来我们来验证集群环境是否能正常工作；[](()验证环境在master节点上执行以下命令，创建一个deployment的配置文件：cat < ~/tomcat001.yamlapiVersion: extensions/v1beta1kind: Deploymentmetadata:name: tomcat001spec:replicas: 1template:metadata:labels:name: tomc

2022-05-07 09:44:30 90

原创 2021前端学习路径书单—自我成长之路

豆瓣评分 9.3这本书，真的是神书，我先看的高级程序设计，但是看完我对一些作用域啊，闭包，原型链还是懵懵懂懂，看完这本书瞬间打通了任督二脉，豁然开朗。[《ECMAScript 6 入门电子版》](()[《ECMAScript 6 入门》](()豆瓣评分 8.8这本书属于工具书，建议电子版，翻翻常用的一些 ES6 语法就好了，当年我准备实习的时候就看了常用的一些语法例如（Map、Set、Proxy、Promise、Generator、async、Module等）。（当然如果对你有帮助还是可以买一下实

2022-05-07 09:37:39 139

空空如也

空空如也