- 博客(20)
- 收藏
- 关注
RSS订阅原创 CSS 回忆录
前言本文章将围绕CSS的基础知识进行回忆，加深巩固CSS的知识点内容语法定义层叠样式表 (Cascading Style Sheets，缩写为 CSS），是一种 样式表 语言，用来描述 HTML 或 XML（包括如 SVG、MathML、XHTML 之类的 XML 分支语言）文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题.注释/* 单行注释 *//** 多行注释*/@规则@namespace 是用来定义使用在CSS样式表中的XML命名空间的@规
2021-05-04 23:18:09
172
原创 webpack4构建速度和体积优化策略
webpack构建速度和体积优化策略初级分析：使用webpack内置的stats速度分析：使用speed-measure-webpack-plugin体积分析： 使用webpack-bundle-analyzer 分析体积性能提升的方法使用高版本的 webpack 和 Node.js多进程、多实例构建欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPan
2021-02-09 17:52:09
919
原创 Vue3 新特性
前言Vue.js 3.0 “One Piece” 已正式发布啦，在 2020 年 9 月 19 日 Vue3 更新了 正式版本，正式版本一出，代表着不会再有太大的改动了，也意味着又要开始学习啦官方网站地址: v3.vuejs.org新特性1 向下兼容Vue3和Vue2是一样的，也是一套用于构建用户界面的渐进式框架，并且向下兼容，也就是说用Vue2的语法基于Vue3进行开发是没有问题的2 性能的提升官方网站给出的数据是：打包大小减少 41%，初次渲染快 55%，更新快 133%，内存使用减少
2020-12-03 15:57:23
430
原创 分析Vue双向数据绑定原理以及简单实现MVVM
前言随着Vue的火热发展，越来越多的程序员并不满足于对框架的使用，更多地追求其内在的原理，就像不能沉沦于美丽的外表，更应该追求灵魂的高度。正文好了，废话不多说，接下来我们将通过俩方面开展我们对外在的追求，哦不，内在的追求。1 了解vue双向数据绑定原理2 了解原理后，对有趣的灵魂进行一波塑造，简单实现一个MVVM框架Vue实现双向数据绑定的做法vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，
2020-05-08 17:50:18
325
原创 jQuery 开发规范
前言小白在公司进行jQuery的项目开发时，常常会因为知道规范，但是在实际开发中却没有使用到开发规范，这里对jQuery的开发规范做一些记录，时刻提醒自己，开发要规范，文明你我他！选择器的选择当一个页面有唯一元素时，使用id，不用class尽可能使用idjQ变量存放 jQuery 对象的变量以 $ 开头；将 jQuery 选择器返回的对象缓存到本地变量中复用；使用驼峰命名变量...
2019-02-15 10:19:57
417
原创 jQ 表单验证插件
/*** * 表单验证插件 * @author chenshuofeng * * use: * example 1 * ------- * HTML: * <div id="checkInput"> * <input id="phone" type="tel"> *
2019-01-21 18:44:54
284
原创 gulp 自动化更新版本号
文章目录描述步骤1. 步骤12. 步骤2进阶1. 步骤12. 步骤2注意事项描述利用gulp,当引入文件改动时，版本号自动更新步骤1. 步骤1安装gulp-asset-rev，这是一个gulp.js的插件，通过添加内容哈希来替换文件的名称 cnpm i gulp-asset-rev --save-devgulpfile.js文件配置如下所示var gulp = require('...
2019-01-04 15:59:28
2960
原创 新手教学 gulp 合并压缩js、css文件
文章目录打包压缩js、css文件如何运行打包压缩js、css文件先上代码，如下所示// 获取 gulpvar gulp = require('gulp');// 获取 uglify 模块（用于压缩 JS）var uglify = require('gulp-uglify');var concat = require('gulp-concat');// 获取 cleancss 模...
2018-12-21 11:29:40
263
原创 css 基本的垂直居中技巧
前言对于css的垂直集中，想必困扰着许多初学前端的童鞋，我也不例外。在这儿，我提供几种方法给大家参考参考，希望大家会喜欢。1 line-height适用场景：单行文字或某些单行元素垂直居中 .content{ width: 400px; background: #ccc; line-height:100px; margin: auto; ...
2018-12-07 14:01:31
202
原创 原生js跨浏览器兼容事件对象
1 对于事件对象event在其他浏览器中Event对象属性如下所示在IE中其Event对象属性如下图所示2 如何兼容？不废话…直接上代码var eventUtils = { addHandle: function(element,eventType,handler){ if(element.addEventListener) ...
2018-11-29 15:21:28
251
原创 原生js 实现轮播图
原理介绍html <div id="swiper-container" class="swiper-container" onmouseenter="swiperImg()" onmouseleave="stopSwiper()"> <div id="img-list" style="left:0px;">
2018-11-02 15:15:31
154
原创 原生js 实现到搜索的下拉框
1 介绍在实现下拉框的时候，如果用select+option可以在满足pc端的需求，但如果需应用到手机端，由于select的样式太丑。。。。所以接下来利用div+p实现到输入文本的下拉框2 思路1 利用一个input充当搜索框，div+p充当下拉框放置于input的下方。如图所示:2 接下来就是js的实现了，我们先把红色区域的div+p利用display:none隐藏起来。对表单in...
2018-11-02 10:19:59
7889
原创 js中 mouseout/mouseleave事件
js的mouseout和mouseover事件mouseover事件mouseout和mouseleave事件例子mouseover事件mouseover在鼠标停留在某个元素时触发，有点类似与hovermouseout和mouseleave事件 mouseout 与 mouseleave 事件不同，不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。只有在鼠标指针...
2018-10-22 18:02:53
5966
原创 EventUtil不能直接调用
在学习离线检测的使用，书上说HTML5定了俩个事件：online和offline。当网络从离线变成在线或者从在线变成离线时，分别触发这俩个事件。代码如下： EventUtil.addHandler(window,"online",function () { alert("离线转化成在线！"); }); EventUtil.addHandler(windo...
2018-09-28 11:17:23
1312
原创 js 数组函数
js相关的数组函数1 concat() 方法用于连接两个或多个数组。语法 arrayObject.concat(arrayX,arrayX,……,arrayX)返回值 返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组，那么添加的是数组中的元素，而不是数组。<scrip...
2018-08-17 15:31:26
216
原创 js常用的字符串函数
1 substring:提取字符串中介于两个指定下标之间的字符。语法 stringObject.substring(start,stop)说明 substring() 方法返回的子串包括 start 处的字符，但不包括 stop 处的字符。 如果参数 start 与 stop 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。如果 start 比 stop 大，那么该方法...
2018-08-14 19:23:09
273
原创 新手教学 基于webpack4.x搭建React项目
1 webpack4.x搭建1.1 创建文件夹1.2 打开cmd 执行npm init -y 快速初始化项目 1.3 创建项目结构，结构如下图所示:1.4 执行 npm i webpack -D 安装webpack 安装完成后将出现node_modules文件夹以及package-lock.json文件 1.5 执行 npm i webpack...
2018-08-12 12:21:50
820
翻译 web前端 关于Cookie那些事
关于Cookie那些事1 什么是cookie？Cookie 是由 Web 服务器保存在用户浏览器（客户端）上的小文本文件，它可以包含有关用户的信息。无论何时用户链接到服务器，Web 站点都可以访问 Cookie 信息2 如何设置Cookie？ 直接上代码..........function setCookie(key,value,expire_seconds){...
2018-08-03 15:07:51
185
原创 window环境下Xshell使用SSH远程连接服务器
window使用Xshell登录到远程服务器进行部署 1 Xshell的具体步骤如下: 1.1 在官网上下载Xshell，并安装后，图标如下所示： 1.2 打开Xshell 点击文件 → 新建，操作后点击连接，连接界面如下图所示 1.3 完成身份认证后，不...
2018-07-27 17:04:20
7486
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人