自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(194)
  • 收藏
  • 关注

转载 Linux安装最新版Node.js

由于直接yum安装的nodejs版本太低,所以本篇文章向大家介绍在 Linux 上安装 Node.js 最新版的方法。安装环境本机系统:CentOS Linux release 7.5Node.js:v10.16.0获取Node.js 安装包Node.js 安装包及源码下载地址为:https://nodejs.org/en/download/,你可以根据不...

2019-09-26 11:27:00 332

转载 JS判断值是否是数字

1.使用isNaN()函数isNaN()的缺点就在于 null、空格以及空串会被按照0来处理NaN: Not a Number/***判断是否是数字***/function isRealNum(val){ // isNaN()函数 把空串 空格 以及NUll 按照0来处理 所以先去除,   if(v...

2019-09-23 14:38:00 392

转载 高效jQuery的奥秘

讨论jQuery和javascript性能的文章并不罕见。然而,本文我计划总结一些速度方面的技巧和我本人的一些建议,来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。首先,在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。首先,如果你是一个javasc...

2019-09-23 10:05:00 245

转载 驴的故事

从前美国法律规定,一个人财产达到60美元以上,才拥有选举权。富兰克林对这条法规很不认同,他讲:如果我有一头驴正好值60美元。我就拥有选举权,如果投票前一天晚上,这头驴死了,我就没有选举权,那么到底谁有选举权,是这头驴,还是我?把这头驴的故事,拿来解释你和男友之间的分歧也是可以的:你们恋爱谈了两年,相处得好好的。结果临结婚了,突然要求男方提供一头驴(20万),有这头驴你才能嫁过去。如果...

2019-09-23 09:55:00 212

转载 一个Web前端工程师或程序员的发展方向,未来困境及穷途末路

如果你刚好是一个Web前端工程师,或者你将要从事web前端工作。你应该和我有同样的感慨,web前端技术到了自己的天花板,前端工作我能做多少年?3年或5年?自己的职业规划应该怎么样?收入为什么没有增长?前端工作做久了感觉有点乏味?等等的问题曾经从心头一闪而过。web前端工程师应该有的技能作为一个初级的前端工程师,对html,h5,jquery,css或css3,bootstrap能够熟练,...

2019-09-12 14:19:00 350

转载 javascript 模块化 (切记:学习思想)

模块化(切记:学习思想)如果不用模块化编写代码,那么会具有以下问题:代码杂乱无章,没有条理性,不便于维护,不便于复用很多代码重复、逻辑重复全局变量污染不方便保护私有数据(闭包)模块化的基本实现:闭包的自调用函数 //日期控件 var DatePicker = (function(){ return { ...

2019-08-29 10:52:00 94

转载 学习 正则表达式 js java c# python 通用

正则表达式 js java c# python学习网站https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/RegExp概念正则表达式是为了解决字符串操作中一些比较麻烦的场景,比如字符串提取、字符串替换、字符串验证等常用于:表单验证:是否是一个数字、是一...

2019-08-29 10:49:00 196

转载 Promise如何解决回调地狱

为什么要有promise:解决(回调地狱)的问题 ### 回调地狱:```js //跟以前的if条件地狱很像// if(){ // if(){ // if(){ // } // } //}$.get("/getUser",function(res){  $.get("/getUserDetail",function(){     $.get("/getCart",...

2019-08-07 15:07:00 641

转载 VSCode 开发插件 推荐

VSCode 必装的 10 个高效开发插件本文介绍了目前前端开发最受欢迎的开发工具 VSCode 必装的 10 个开发插件,用于大大提高软件开发的效率。VSCode 的基本使用可以参考我的原创视频教程「VSCode 高效开发必装插件」。2. 10 个必装的编辑器插件相当于视频教程的补充更新,这里再次给大家整理出 10 个必装的 VSCode 编辑器插件。编...

2019-08-06 09:45:00 128

转载 解密初、中、高级程序员的进化之路(前端)

程序员的标准与要求初级程序员仅能完成简单模块和项目的开发工作难以胜任复杂模块的开发。通常是入行不久 1 年及以下工作经验的同学。能力要求熟悉前端基础知识如 HTML、JS、CSS 。能够使用一门 MVVM 框架进行简单的业务开发。遇到复杂的组件和模块会找现有的轮子使用。会使用百度、google 等检索工具搜索问题。中级程...

2019-07-27 14:06:00 163

转载 js移动端自适应动态设置html的fontsize

JS设计移动端页面时会遇到自适应问题,大多数都知道用rem来设置页面的比例大小,下面就来说几种常见的html中的fontsize设置方法:1.使用flexible.js插件库。 淘宝就是利用这个来设置的。重点说下第二种方法;2.以下是比较简介的方法: $(function(){ initpage(); $(window).resize...

2019-07-22 18:39:00 184

转载 解决移动端页面点击图标或按钮产生阴影

移动端页面按钮或者图标,点击的瞬间会有阴影,这是浏览器自带的,要去除这个阴影可以在css样式里加上以下属性:-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;转载于:https://www.cnblogs.com/lguow...

2019-07-22 13:01:00 373

转载 移动端如何清除输入框内阴影

input,textarea{border:0;/*方法1*/-webkit-appearance:none;/*方法2*/}转载于:https://www.cnblogs.com/lguow/p/11224155.html

2019-07-22 09:59:00 97

转载 让iphone5s 支持 flex 布局

/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;just...

2019-07-22 09:33:00 196

转载 JS解决所有浏览器连续输入英文字母不换行问题,包括火狐(转)

问题描述:<p style="font-size:12px;line-height:30px;">测试数据测试数据</p>p标签内如果输入一长段英文字符,像这样<p style="font-size:12px;line-height:30px;">asfjhasklfjaklsfjalsjflkasjfaslkfjalskfjklashfk...

2019-07-19 15:57:00 494

转载 前端路由简介以及vue-router实现原理

后端路由简介路由这个概念最先是后端出现的。在以前用模板引擎开发页面时,经常会看到这样http://www.xxx.com/login大致流程可以看成这样:浏览器发出请求服务器监听到80端口(或443)有请求过来,并解析url路径根据服务器的路由配置,返回相应信息(可以是 html 字串,也可以是 json 数据,图片等)浏览器根...

2019-07-09 10:59:00 451

转载 touch.js 拖动、缩放、旋转 (鼠标手势)

先上预览地址:https://www.somethingwhat.com/Project/Detail?id=f092710d3f7255b4看下是不是你要的效果,不是就不用往下看了。示例中我用了touch.js这个插件(百度团队开发的,但好像已经停止更新了),再自己封装了一下,可以实现手势操作:拖动、缩放、旋转。封装好的脚本方法是这样的:/** aut...

2019-07-08 21:10:00 236

转载 移动端js触摸touch详解(附带案例源码)

移动端触摸滑动原理详解案例,实现过程通过添加DOM标签的触摸事件监听,并计算触摸距离,通过距离坐标计算触摸角度,最后通过触摸角度去判断往哪个方向触摸的。触摸的事件列表触摸的4个事件:touchstart 触摸屏幕上时触发touchmove 触摸屏幕中滑动时触发touchend 离开屏幕时触发touchcanc...

2019-07-08 15:37:00 697

转载 touch.js - 移动设备上的手势识别与事件库

Touch.js是移动设备上的手势识别与事件库, 由百度云Clouda团队维护,也是在百度内部广泛使用的开发工具。Touch.js手势库专为移动设备设计。Touch.js对于网页设计师来说,是一款不错的辅助工具,可以减少很多写框架控制器的时间。网页合理使用Touch.js不但能增加网页的美观感,而且在节约时间,减少人力投入也有极大的帮助。Touch.js官网:https://ww...

2019-07-05 09:09:00 266

转载 flexible.js 布局详解

原文链接:http://caibaojian.com/flexible-js.html本文讲的通过flexible.js实现了rem自适应,有了flexible.js,我们就不必再为移动端各种设备兼容烦恼,flexible.js是如何通过rem实现自适应的呢?一起来看看:·通过rem与px的换算,你可以把设计稿从px转到rem。再也不用为各种设备横行而担忧。rem是相对于根元...

2019-07-04 09:45:00 210

转载 CSS 权威指南 CSS实战手册 第四版(阅读笔记)

前言:  对于程序员,学习是无止境的,知识淘换非常快,能够快速稳固掌握一门新技术,是一个程序员应该具备的素质.这里将分析本人一点点不成熟的心得.  了解一门语言,了解它的概念非常重要,但是一些优秀的设计思想需要细心和大量实践才能慢慢参悟,在这之前需要做的是能够运用它来开发,那么了解一些基础特性非常有必要,通常这些特性是需要经验积累,从各种坑中累计出来,但是还有一种看似很笨却很有效...

2019-07-01 20:09:00 227

转载 原生javascript 共享onload事件

在工作时,我们给一个元素绑定了事件,如果dom还没加载完成,就执行了js代码,就不会绑定成功。常规解决方案就是用:window.onload = EventFunction;可是如果有两个事件,window.onload = EventFunction1;window.onload = EventFunction2;那2就会将1取代,这时你可能会想:每个事件处理板书...

2019-06-28 11:20:00 169

转载 解决原生javascript 缺少insertAfter的功能,非Jquery方法

在现有的方法后插入一个新元素,你可能会想:既然有insertBefore方法,是不是也有一个相应的insertAfter()方法。很可惜,DOM没有提供方法。下面编写insertAfter函数,虽然DOM本身没有提供,但它确实提供了一个把一个节点插入到另一个节点之后所有工具。我们完全可以利用已有的DOM方法和属性编写一个insertAfter函数:<!DOCTYP...

2019-06-28 10:21:00 93

转载 JavaScript DOM 常用操作

1.理解DOM:  DOM(DocumentObjectModel ,文档对象模型)一种独立于语言,用于操作xml,html文档的应用编程接口。  怎么说,我从两个角度理解:对于JavaScript,为了能够使JavaScript操作Html,JavaScript就有了一套自己的dom编程接口。对于Html,dom使得html形成一棵dom树,类似于一...

2019-06-25 10:33:00 76

转载 通用弹出层

<div class="mask-tip" id="maskTip"> <style> .mask-tip { position: fixed; top: 0; left: 0; width: 100%; ...

2019-06-21 10:49:00 22839

转载 小程序多端适配框架对比

mpvue是美团前端团队开发(基于vue),wepy是腾讯前端团队开发(基于vue),Taro是京东前端团队开发(基于react)个人觉的wepy虽然是腾讯自己弄的一套框架,但有点不伦不类,又不完全是vue代码,还用react的数据管理工具,让用vue的人有点接受不了。还不如直接用mpvue和Taro。转载于:https://www.cnblogs.com/lguow/...

2019-05-31 16:05:00 74

转载 js 价格 格式化 数字和金额

方法一: abs = function(val){//金额转换 分->元 保留2位小数 并每隔3位用逗号分开 1,234.56 var str = (val/100).toFixed(2) + ''; var intSum = str.substring(0,str.indexOf(".")).replace( /\B(?=(?:\d{...

2019-05-31 15:46:00 499

转载 javascript 写一个 map方法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> Array.proto...

2019-05-31 11:34:00 110

转载 JS 九宫格算法 用原生js实现

九宫格算法核心:利用控件索引index计算出控件所在的行数和列数;利用控件计算出left距离;利用控件计算出top距离;写特效时需要用到定位公式:行 row=parseInt(i/cols);列 col=parseInt(i%cols);i是当前的盒子,cols是总列数,代码示例:<!DOCTYPE html>&...

2019-05-28 09:48:00 504

转载 前端路由原理解析和实现

在单页应用如此流行的今天,曾经令人惊叹的前端路由已经成为各大框架的基础标配,每个框架都提供了强大的路由功能,导致路由实现变的复杂。想要搞懂路由内部实现还是有些困难的,但是如果只想了解路由实现基本原理还是比较简单的。本文针对前端路由主流的实现方式 hash 和 history,提供了原生JS/React/Vue 共计六个版本供参考,每个版本的实现代码约 25~40 行左右(含空行)。...

2019-05-25 10:28:00 67

转载 js模块化 javascript 模块化 闭包写法 闭包模块化写法

var main = main || {}; ; (function (main) { 'use strict'; //私有变量 var _s1 = 'Hello '; var _s2 = 'World!~'; //私有方法 var _func = {...

2019-04-29 17:39:00 123

转载 r.js合并实践 --项目中用到require.js做生产时模块开发 r.js build.js配置详解

本文所用源代码已上传,需要的朋友自行下载:点我下载第一步:  全局安装npm install -g requirejs第二步:1、以下例子主要实现功能,  1)引用jq库获取dom中元素文本,  2)实现并引用去空格工具类trim,  3)最后获取文本并去掉空格后输出,  4)打包js(将所有js文件打包成main.min.js)1、下载re...

2019-04-29 15:43:00 136

转载 javascript模块化编程 从入门到实战

<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>javascript模块化编程</title></head><body> <p></...

2019-04-29 15:00:00 59

转载 gulp、browsersync代理跨域

//gulpfile.js"use strict"; const gulp = require("gulp"), newer = require("gulp-newer"), imagemin = require("gulp-imagemin"), sass = require("gulp-sass"), sourcemaps = ...

2019-04-28 15:20:00 289

转载 PostCSS 基本用法

1、postcss相关网站https://www.postcss.com.cn/https://www.ibm.com/developerworks/cn/web/1604-postcss-css/2、介绍PostCSS 的主要功能只有两个:第一个就是前面提到的把 CSS 解析成 JavaScript 可以操作的 抽象语法树结构(Abstract Syntax Tree,...

2019-04-27 16:07:00 88

转载 五大浏览器四大内核

下各常用浏览器所使用的内核。1、IE浏览器内核:Trident内核,也是俗称的IE内核;2、Chrome浏览器内核:统称为Chromium内核或Chrome内核,以前是Webkit内核,现在是Blink内核;3、Firefox浏览器内核:Gecko内核,俗称Firefox内核;4、Safari浏览器内核:Webkit内核;5、Opera浏览器内核:最初是自己的Pre...

2019-04-26 16:53:00 89

转载 vue笔记 递归组件的使用

递归组件什么是递归组件?组件自身去调用组件自身。代码示例DetailList.vue(子组件-递归组件)<template> <div> <div class="item" v-for="(item,index) of list" :key="index"> <div class...

2019-04-26 14:09:00 93

转载 如何查找元素对应事件的js代码,检测定位js事件

比如一张图片当鼠标放到上面时,图片改变。想找到这个事件对应的js代码,假设另存为html之后,文件夹中有.js文件。如果你会调试,可以用打开浏览器的调试功能,以chrome为例,按F12打开调试窗口,切换到Sources选项卡,最右边的EventListenerBreakpoints里勾选Mouse下的mouseover即可,当你鼠标移动到图片上时触发mouseover事件...

2019-04-26 09:27:00 550

转载 响应式WEB设计的基本原则大总结

响 应式Web设计对于解决多类型屏幕问题来说是个不错方案,但从印刷的角度来看,其却存在着很多的困难。没有固定的页面尺寸、没有毫米或英寸,没有任何物理 限制,让人感到无从下手。随着建立网站可用的各种小工具越来越多,像素设计局限于桌面和移动端也已经成为历史。因此,现在就让我们来说明一下如何运用响应 式Web设计的各项基本原则来实现,而不是抗拒流畅的网页体验。为了简单起见,我们将着重讲布局。...

2019-04-25 09:58:00 97

转载 php SESSION入库的实现

session入库,就是重写session制机,在session的周期内,获得到session的数据并记录到数据库Session默认是存放到服务器上的文件中,不方便管理,如果能把session存放到数据库中就可以方便的对数据库进行管理了比如:session入库可以解决哪些问题?1.可以解决跨域操作2.可以实现单点登陆3.可以统...

2019-04-25 09:52:00 150

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除