自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

默默地博客

学习学习再学习

  • 博客(43)
  • 论坛 (1)
  • 问答 (1)
  • 收藏
  • 关注

原创 CSS+JS 滑动导航

公司小需求,引用插件有些不值当,自己写一个算了。(基于bootstrap 导航组件开发,也可自己稍微修改,用在自己的导航上)#cate_nav_box { overflow: hidden; position: relative;}.cate_switch_btn { transition: all 500ms ease; position: absolute; top: 0; bottom: 0; z-index:1; backgrou

2021-01-21 11:43:24 26

原创 js 删除数组中指定元素

// 删除数组中指定元素,通过原型扩展Array方法// 返回相同数组位置Array.prototype.arrindex = function(val) { for (var i = 0; i < this.length; i++) { if (this[i] == val) return i; } return -1;};// 移除数组指定位置的值Array.prototype.remove = functi

2020-12-25 10:14:11 54 1

原创 原生js监听dom节点属性变化

// 选择需要观察变动的节点const targetNode = document.getElementById('js-toc');// 观察器的配置(需要观察什么变动)const config = { attributes: true, childList: true, subtree: true };// 当观察到变动时执行的回调函数const callback = function(mutationsList, observer) { // Use traditional 'for lo

2020-09-15 13:11:12 218

原创 某个滚动盒子,指定某子元素滚动到顶部

使用案例使选中的节点,始终处于顶部位置document.getElementById("xxx").scrollTo(0,document.getElementById("子节点id").offsetTop)document.getElementById(“xxx”) 是含有滚动条的一个元素盒子document.getElementById(“子节点id”)是该元素盒子的可滚动的子元素,通过.offsetTop可以获取前元素相对于其offsetParent元素的顶部内边距的距离。(具体注意事项请

2020-09-15 13:04:45 90

转载 JS 点击按钮及弹框以外的区域时隐藏弹框

<body> <button id="btn" onclick="alertBoxFn()">打开弹窗</button> <div id="alertBox" onclick="outside=false"></div></body> <script> var outside=true function alertBoxFn(e) { outside=false alertBox.style.dis

2020-08-13 10:44:46 160

原创 Emoji表情匹配正则式

Emoji表情js正则式/(\uD83C[\uDF00-\uDFFF])|(\uD83D[\uDC00-\uDE4F])|(\uD83D[\uDE80-\uDEFF])|([\u2700-\u27BF]\uFE0F)/g

2020-06-03 10:33:55 671

原创 CSS选择文本颜色修改

::selection { background-color: #0E8A701a; color: #0099ee;}-moz-::selection { background-color: #0E8A701a; color: #0099ee;}-webkit-::selection { background-color: #0E8A701a; color: #0099ee;}-o-::selection { background-.

2020-06-01 16:32:59 145

原创 Actionsheet操作菜单 手机上拉菜单

<style> .ui-actionsheet { position: fixed; z-index: 9999; top: 0; left: 0; display: -webkit-box; width: 100%; height: 100%; pointer-events: none;.

2020-05-13 14:16:25 275

原创 网页初始化css样式代码

html,body { color: #333; margin: 0; height: 100%; font-family: myriad set pro, helvetica neue, Helvetica, Arial, Verdana, sans-serif; -webkit-font-smoothing: antialiased; -moz-...

2020-04-27 09:23:04 149

转载 前端组件库

前端组件库搭建web app常用的样式/组件等收集列表(移动优先)0. 前端自动化(Workflow)前端构建工具 Yeoman – a set of tools for automating development workflow gulp – The streaming build system grunt – the JavaScript Task Runner...

2020-03-27 16:15:43 121

原创 Vue 命名路由 和 嵌套路由(子路由)采坑

Vue 命名路由 和 嵌套路由(子路由)配置时采坑。错误路由配置入下:let router = [ ... ... { path: "/about", name:'about', // 命名路由 components: { default: about, navs: Navs ...

2019-12-04 10:17:22 635

原创 app文章长按选择复制 (uniapp)

方法:user-select: text;参考文档:长按选择复制

2019-11-29 11:42:33 2256

原创 gulp插件汇总

gulp插件:1、编译gulp-sass - 通过 libsass将Sass编译成 CSSgulp-ruby-sass - 通过 Ruby Sass将Sass编译成CSSgulp-compass - 通过 Ruby Sass和CompassSass编译成CSSgulp-less - Less编译成 CSS.gulp-stylus - Stylus 编译成 CSS.gulp-post...

2019-11-18 15:17:23 133

原创 npx mkdirp命令

npx是什么?npx 是 npm v5.2.0引入的一条命令,更方便开发者使用包内提供的命令行工具。ep1: npm原方式: npm install -g create-react-app create-react-app my-app npx方式: npx create-react-app my-appep2: npm原方式: npm i -D webpack ./no...

2019-11-15 13:32:41 888

转载 es6开发环境搭建

一,先创建一个项目,项目中有两个文件夹,src和dist,一个html文件src:将编写的ES6的js文件放到此文件夹中(这里是index.js文件)dist:将通过Babel编译成的ES5的js文件放到此文件中(这里是index.js文件)html:注意:将dist中编译好的文件引入到HTML文件中,而不是src中的js文件&lt;!DOCTYPE html&gt;&lt;html...

2019-02-16 15:31:33 89 1

原创 mac系统 启动/停止/重启mysql服务

在命令窗口找到mysql服务的目录文件默认路径是个人\磁盘\usr\local\mysql\support-files 目录下执行命令1启动MySQL服务 命令1sudo /usr/local/MySQL/support-files/mysql.server start停止MySQL服务sudo /usr/local/mysql/support-files/mysql.serve...

2018-10-10 11:36:39 8584

原创 vue-router beforeEach钩子,next('/login') 跳转问题

在使用vue-router beforeEach钩子时,你也许会遇到如下问题: 源码:router.beforeEach((to, from, next) =&amp;gt; { //判断登录状态简单实例 var userInfo = window.localStorage.getItem('token'); if (userInfo) { next(); ...

2018-06-13 17:11:43 25203

原创 微信小程序中使用阿里矢量字体图标

阿里矢量图库&lt;----地址第一步:第二步:第三步:第四步:第五步:

2018-03-20 10:02:21 895

原创 微信小程序 WeUI 组件使用教程

预览:下载地址:https://github.com/Tencent/weui-wxss 最后:在项目中使用weui的样式!!!-原文链接 :原文链接

2018-03-20 09:55:43 12604

原创 JS 暴力禁止alert弹窗

// 禁止alert弹窗。 防止错误提醒window.alert = function() { return false;}

2018-03-20 09:51:11 9114 6

原创 开启MySQL远程访问权限 允许远程连接

1、登陆mysql数据库 mysql -u root -p通过查看 user 表内的用户mysql&gt; use mysql;Database changedmysql&gt; select host,user,password from user;+--------------+------+-------------------------------------...

2018-03-14 12:23:39 208

原创 js textarea 或 可编辑div 上,键盘停止操作n秒后执行事件

&lt;textarea&gt;&lt;/textarea&gt;or&lt;div contenteditable="true"&gt;&lt;/div&gt;// 输入的值var editor_start = 0; // 对比时间的值 var editor_end = 0; var timer = null;// a 为 textarea 或 可编辑div...

2018-02-09 13:39:24 642

原创 js 判断滚动条是否停止滚动

// 滚动的值var start = 0; // 对比时间的值 var end = 0; var timer = null;document.onscroll = function(){ clearTimeout(timer) // 每次滚动前 清除一次 timer = setTimeout(Data, 2000); star...

2018-02-08 11:04:25 587

原创 DIV跷跷板特效,3D视差效果

DIV跷跷板特效,3D视差效果

2017-12-07 15:25:02 532

转载 页面添加锚点的三种方式

页面添加锚点的三种方式锚点的添加方式: 1、给锚点文本标签添加id,使用来定位,当单击a链接时,就会跳到id为a01的p标签处;<div> <a href="#a01"></a></div><p>练习</p><p>练习</p><p>练习</p><p>练习</p><p>练习</p><p id="a01">练习</p><p>练习</p>  这样的定位可以针对任何标签来定位。

2017-12-07 15:17:50 3271

原创 js 按钮 加载中

按钮点击,显示加载中,并禁止点击,请求成功后恢复按钮

2017-12-06 14:53:02 1589

原创 js 函数调用各种模式详解

在js 里函数调用有四种方法:方法调用正常函数调用构造器函数调用apply/call 调用无论哪种函数调用 除了 声明时定义的形参外,还会自动添加 两 个形参,分别是 this 和 arguments。this:方法调用: 这个很好理解,函数是一个对象的属性,比如var a = { v : 0, f : function(xx) { this.v = xx

2017-11-10 14:03:34 142

原创 前端 flex弹性布局之弹性布局中文换行

主要提醒大家注意:在使用弹性布局的时候,如果div内部写的是 中文 ,会导致内部换行,请给换行的div加一个 white-space: nowrap; 属性。

2017-11-04 15:45:21 6355

原创 保存内容到本地(下载到本地)

js 保存内容到本地,下载到本地

2017-10-26 17:59:24 1255

转载 SyntaxHighlighter异步着色问题

用SyntaxHighlighter插件动态高亮,SyntaxHighlighter异步着色

2017-10-11 17:34:20 363

翻译 jQuery单行超出,使用省略号代替

jQuery单行超出,使用省略号代替

2017-09-25 17:06:36 381

原创 JS 关于button标签注意事项

<button></button>标签在使用的时候请谨记,为它设置类型,即type=”button”或者type=”sublime”等,如果不设置,浏览器将把<button></button>提交类型默认为<button type="sublime"></buton>,这样如果表单中有多个按钮+一个提交按钮时,它将把未加type=”button”的<button>也当做提交按钮来使用,影响整体表单提

2017-09-06 20:54:00 1516 2

原创 JS range之保存光标位置,为 光标位置添加内容

在此,我们采用可编辑div作为编辑框,首先给编辑框获取focus加光标,然后,点击取消编辑框失去焦点,但是依然保存光标位置(假装失去焦点),然后,点击确定,为光标位置添加内容。<button class="cancel">Cancel</button><button class="Sure">Sure</button><div contenteditable="true" id="textbox

2017-09-03 12:55:17 3063

原创 JS range之将图片等内容加入选区,高亮图片

在可编辑div 中加入图片: click等事件点击图片,将图片加入range选区(即高亮图片): 类似于选中文本效果:如下: 代码如下:<script type="text/javascript"> $(document).on("mousedown",function(e){ if ($(e.target).is('img')) { var s

2017-09-03 12:28:17 733

原创 js 简单实现 弹出确认 取消对话框

if(window.confirm('确定?')){ //alert("确定"); return true;}else{ //alert("取消"); return false;}

2017-08-24 13:24:29 5582 3

原创 仅做本人笔记使用 HTML特殊字符编码对照表

HTML特殊字符编码对照表特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 Α &Alpha; &#913; Β &Beta; &#914; Γ &Gamma; &#915; Δ &D...

2017-08-07 11:17:36 224

转载 JavaScript最重要的5个数组方法

这篇文章将会向大家简要的介绍JavaScript里关于数组的最重要的5个方法,这5个方法是每个想要高效的进行JavaScript编程的程序员必须知道的。Array.forEach().forEach() 方法能够方便的让你 遍历数组里的每个元素,你可以在回调函数里对每个元素进行操作。.forEach()方法没有返回值,你不需要在回调函数里写return,这是无意义的。var ani

2017-08-05 09:56:17 205

原创 移除DOM节点中的所有属性的正则表达式

过正则表达式将所有标签中的属性移除,适用于复制,粘贴无格式文本

2017-08-01 18:34:46 746

转载 js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)

这篇文章主要介绍了js实现ctrl+v粘贴上传图片,兼容chrome,firefox,ie11

2017-07-29 11:47:30 2447

转载 本地图片转base64格式上传到服务器(php)

选择了图片之后,js会先把已选的图片转化为base64格式,然后通过ajax上传到服务器端,服务器端再转化为图片,进行储存的一个过程。

2017-07-29 10:48:07 3359

空空如也

改版造成多大困扰

发表于 2017-11-04 最后回复 2017-11-05

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

TA关注的人 TA的粉丝

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