qq_40665861的博客

HTML（Hyper Text Markup Language--超文本标记语言）

项目开发流程

目录前言正文面试前简历的准备简历的重点格式问题不要针对性的写多份简历简历上不要给自己挖坑跟招聘者的沟通筛选合适的公司拒绝不合适不喜欢的公司确定面试确定面试后的准备前言2021年的春季，金三银四的时候，我也选择了加入告别当前城市前往另外一个城市求职的热潮。我是在四月的中下旬去放开的简历，我在求职的时候只使用了BOOS直聘，也没有主动的去投递一些简历。这样做不好的地方就是各种公司都会给你发信息或者打电话，有的也要加你微信。除了一些你比较排斥的工作类型，其他的合不合适你，是不是你喜欢的工作，只有在你去面试的时

1.单行和多行文本超出省略号<div class="container"> <p class="single"> <span class="c-red">单行溢出：</span>花半开最美，情留白最浓，懂得给生命留白，亦是一种生活的智慧。淡泊以明志，宁静以致远，懂得给心灵留白，方能在纷杂繁琐的世界，淡看得失，宠辱不惊，去意无留;懂得给感情留白，方能持久生香，留有余地，相互欣赏，拥有默契;懂得给生活留白，揽一份诗意，留一份淡定，多一份睿智，生命方能

在前面的一篇文章里提到了，现有项目的升级，但升级结束并不意味这整个任务的结束。还有针对项目打包速度的提升，当一个vue的项目页面在200以上的时候，这个打包速度就会大幅度的降低。那么针对webpack的打包优化就是一件不得不做的事情了，webpack打包优化分为两部分，一部分是大小优化，另一部分是速度优化。大小优化1.Externalswebpack 提供Externals的方法，可以通过外部引用的方法，引入第三方库： index.html<script src="https://code.

昨天突然提出要在小程序中使用SVG，因为我们的小程序项目是有主题色的。不同的主题色时有些图片一直是固定的，显的有些格格不入，所以打算使用SVG来实现根据主题色的颜色进行变化。什么是SVGSVG是”Scalable Vector Graphics”的简称。中文可以理解成“可缩放矢量图形”。是一个基于XML的图形描述语言。它是可以用于描述静态图、动画，以及用户界面的一种图形格式。1999年由万维网联盟发布。于2013年成为W3C推荐标准。SVG有哪些优势与其他图像格式相比，使用SVG的优势在于：SV

目录写在前面的话安装 webpack-cli ，升级webpack重新安装node包升级webpack-dev-server至3.X升级html-webpack-plugin升级vue-loader增加VueLoaderPlugin插件代码安装babel-plugin插件转换es6代码。同时安装webpack webpack-dev-server webpack-cli写在前面的话由于公司项目是19年创建的，因此还是基于vue/cli2搭建的，webpack版本也是3.6.0。（当时有vue/cli3和

前言说真的第一次看到CSDN这个插件的时候并没有感觉特别吸引我的地方，因为我个人安装了好多的插件。第二次看到CSDN插件还是因为广告上说的参赛拿奖…（其实我的动机也不是很纯o(╯□╰)o…）插件地址CSDN插件: 走起.对于谷歌的插件安装方式很多，可以下载到本地拖拽进入也可以直接通过商店安装。作为一个资深的专业人士当然是选择第二种啦。产品形象第一眼看到这个界面的时候感觉还可以，比谷歌干巴巴的页面好看了一丢丢。不过亮点在一集成了大多数的技术论坛和技术网站，对于一个开发人员来说是很友好的。同时自

前言在开发小程序项目的过程中，由于功能的不断增加导致了代码包体积的越来越大。相对其体积进行一下压缩处理，看了几篇给小程序瘦身的博客，决定给自己的项目做一套配置文件，使用gulp来支持小程序文件的编译以及上传之前压缩文件的空行之类的。通过gulp实现代码处理，要进行一些必须文件的配置，放在小程序根目录下，然后将小程序的所有文件移至src下。gulpfile.js – 使用了插件功能，支持gulp开头的插件const gulp = require('gulp')const SRC_DIR = '

原理概述前端文件上传这个可以说是一个老生常谈的话题了，其中主要用的是全栈的思维，和对http协议 、node⽂件处理的深入了解。在这里使用vue+element+nodejs来演示这个。1.上传功能初步实现formData <input type="file" @change="handleFileChange" /> <el-button type="primary" @click="handleUpload">上传</el-button>

一、成品展示与介绍在点击输入框的时候会弹出车牌输入键盘二、相关思路解析首先车牌号码由31位汉字，26位字母，10位数字组成的，开头第一位由省份简称的汉字，第二位字母根据省份下的城市或地区区分，最后的五位或者六位，是有字母和数字组成的，共有七位的车牌号码和八位的车牌号码。其中的八位数的车牌号码为新能源车的车牌号码。再次是对于输入键盘的设计。这里设计了两个键盘一个是有31位汉字组成的，第二个是数字加英文字母。最后是对交互的设计，在本次的设计中是从第一位开始输入。从最后一位进行删除，这样做的好处是

前言近期由于客户现场出现了非法接口的调用，为了处理此类问题和杜绝后续问题的出现。针对公司现有的项目实现接口加密，防止接口被恶意的调用。设计思路：客户端存储超级私钥，客户端返回加密的公钥。客户端先使用超级私钥对公钥进行解密，使用解密出来的公钥对接口进行加密。把加密后的字符串进行验签发送给服务器，服务器进行字符串对比。相关引用文件文件的引用这里就只放截图了，源文件网上很容易找到的。这里使用jsencrypt.min.js是为了节省小程序的空间。获取服务器的加密公钥var baseURL = req

一、原型依据在我这个项目中小程序端所需要实现的只有红包雨的下落动画和通屏背景图的兼容，关于红包点击金额的计算是由后端实现的。首先来看下需要实现的效果图。二、实现代码首先是第一次进入的页面，在这个页面的时候会进行静默登录。静默登录成功的话会显示当前剩余次数，否则在点击开始的时候回跳转登录页面。不论是否登录成功都会去调用活动信息监测的接口，判断当前是否有可以参加的活动。在点击开始后进行三秒钟的倒计时，倒计时结束则转入下一个界面实现红包雨的下落。<!--RedEnvelopes/page

知识点汇总页面基础模型页面的基础模型部分介绍的是在浏览器中渲染一个页面时用到的建模方式。在这个模型中，它会把每个元素涉及成一个带有尺寸、边距的盒子（盒模型）；还设计了每个盒子排布的方式（定位）；同时这些盒子还可以有层叠关系，就要处理他们之间的叠加方式（层级）；此外，这个模型中还包含了页面的渲染方式（页面渲染机制）。这几种模型里都包含了什么具体内容，可以参考下图里的详细划分：CSS 基础CSS 基础部分讲的是 CSS 语言的特性，包括 CSS 选择器、样式优先级和计量单位。同时，这部分内容里还包含我

常用页面切图的设计与开发在一些大的前端团队中，前端工程师这个职位会出现一个分支，叫做重构工程师。重构工程师主要负责 HTML 和 CSS 的制作，也就是把设计稿转换成 HTML 和 CSS 代码。重构工作完成以后，把制作好的 HTML 和 CSS 交给 JS 工程师来完成 JS 逻辑的部分。一、首页的制作首页整个网站的核心，也是主要功能的入口位置。所以在设计这个页面的时候，我们会把最重要的内容安排进去。这个应用的首页会有搜索功能来直达各个模块，然后会使用网格组件来制作网站的导航，再下面会是一些推荐的文

UI 框架的集成这一章中我们把之前完成的代码进行优化、整合和包装，达到可以在实战项目中直接使用的状态。在这一章的内容里，会涉及到一些基于 nodejs 的工具，并且会使用 shell 脚本来完成一些辅助的工作。我们这一章主要包含两部分内容。第一部分是把我们之前零散的文件打包成一个最终压缩好的文件，提供给传统的项目使用。第二部分是再把压缩好的目标文件依照 npm 包的规则进行修改，并发布到 npm 源上，提供给一些基于 npm 的项目使用。下面来简单说下这两部分内容里都要做哪些事。一、文件方式的集成在