默默地写代码-CSDN博客

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

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

2018-06-13 17:11:43 34199

原创微信小程序云开发模糊搜索

微信小程序云开发多字段模糊搜索，做笔记自用

2022-06-30 10:50:22 333

原创对象字符转对象报错，JSON.parse报错，解决方法

对象字符转对象报错，JSON.parse报错，解决方法

2022-05-14 15:42:05 2324

原创 JSON数组对象，根据属性分类，并求和，排序

function fenzu(array){ var test= {}, array1 = []; for(var i = 0; i < array.length; i++){ var array2 = array[i]; if(!test[array2.college]){ array1.push({ .

2022-04-14 22:46:25 925

原创微信小程序新版canvas绘制图片方法

微信小程序新版canvas绘制图片方法

2022-02-22 14:30:49 13535 17

废话不多说直入主题:在使用layer.alert layer.confirm layer.msg 等等弹窗时，发现看不到弹窗，然后通过控制台检查代码发现，如图弹窗其实已经被创建了，但是跑到了视窗之外。如何解决：如果出现这种现象，百分之八十的可能就是html文件头未使用<!DOCTYPE html>声明文档类型，如果你未使用或使用其他的 DOCTYPE，你可能会面临触发接近标准模式或者怪异模式的风险。...

2021-03-26 10:14:32 1831

原创 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 171

原创 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 5855 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 2660

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

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

2020-09-15 13:04:45 2622

转载 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 1575

原创 Emoji表情匹配正则式

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

2020-06-03 10:33:55 1762

原创 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 664

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

2020-05-13 14:16:25 602

原创网页初始化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 648

转载前端组件库

前端组件库搭建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 847

原创 Vue 命名路由和嵌套路由（子路由）采坑

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

2019-12-04 10:17:22 1821

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

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

2019-11-29 11:42:33 3580

原创 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 290

原创 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 2227

转载 es6开发环境搭建

一，先创建一个项目，项目中有两个文件夹，src和dist，一个html文件src：将编写的ES6的js文件放到此文件夹中（这里是index.js文件）dist：将通过Babel编译成的ES5的js文件放到此文件中（这里是index.js文件）html：注意：将dist中编译好的文件引入到HTML文件中，而不是src中的js文件<!DOCTYPE html><html...

2019-02-16 15:31:33 206 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 10341

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

阿里矢量图库<----地址第一步：第二步：第三步：第四步：第五步：

2018-03-20 10:02:21 1039

原创 JS 暴力禁止alert弹窗

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

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

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

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

2018-03-14 12:23:39 340

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

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

2018-02-09 13:39:24 844

原创 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 1141

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

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

2017-12-07 15:25:02 760

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

页面添加锚点的三种方式锚点的添加方式： 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 4876

原创 js 按钮加载中

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

2017-12-06 14:53:02 2333

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

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

2017-11-10 14:03:34 215

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

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

2017-11-04 15:45:21 8620

原创保存内容到本地（下载到本地）

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

2017-10-26 17:59:24 1621

转载 SyntaxHighlighter异步着色问题

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

2017-10-11 17:34:20 452

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

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

2017-09-25 17:06:36 542

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

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

2017-09-06 20:54:00 2556 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 3934

原创 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 1094

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

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

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

空空如也

空空如也