通过JS判断浏览器语言后跳转到对应语言(中文和英文)站点 中文站点模板头部增加JS代码:var lang = navigator.language || navigator.userLanguage; //获取浏览器的语言if(lang.substr(0, 3) == "zh-"){;}else{ //否则转向下面的页面location = "http://你的英文站点地址/";}英文站点模板头部增加JS代码:var lang = navigator.l... admin 2022-06-10 60 #JavaScript
NodeJs ORM 框架Sequeslize生成model的工具sequelize-gen 最近公司项目用的node.js 操作数据库时用到了Sequeslizesequelize-gen可以生成和数据表对应的model,免去了手动创建的麻烦首先安装:npm install -g sequelize-gen操作命令:sequelize-gen -h host -p 'port' -d 'db_name' -u user -x password -e'mysql' -o ./model... admin 2022-05-31 157 #JavaScript
Node自动重启工具 nodemon 为什么要使用在编写调试Node.js项目,修改代码后,需要频繁的手动close掉,然后再重新启动,非常繁琐。现在,我们可以使用nodemon这个工具,它的作用是监听代码文件的变动,当代码改变之后,自动重启。npm install -g nodemon安装在全局编写代码 app.jsvar express = require("express")var app = express()app.get... admin 2022-05-31 107 #JavaScript
js获取当前时间(昨天、今天、明天) 开发过程中某些前台页面的时间控件我们需要给默认当前时间,可以通过下面的方法进行实现,代码如下//昨天的时间var day1 = new Date();day1.setTime(day1.getTime()-24*60*60*1000);var s1 = day1.getFullYear()+"-" + (day1.getMonth()+1) + "-" + day1.getDate();//今天的... admin 2022-05-31 109 #JavaScript
JS截取数组:使用splice()和slice()方法 JS 截取数组(得到数组片段)的方法有两种,分别是使用 splice() 和 slice() 方法,简单说明如下。使用 splice() 截取数组splice() 方法可以添加元素、删除元素,也可以截取数组片段。删除元素时,将返回被删除的数组片段,因此可以使用 splice() 方法截取数组片段。由于 splice() 方法的功能多,参数复杂,使用时应该注意下面几个问题。1) splice() 方... admin 2022-05-31 75 #JavaScript
CSS实现单行、多行文本溢出显示省略号 如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。单行文本框后面显示省略号实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图:多行文本框后面显示省略号实现方法:实现方法:display: -webkit-box;-w... admin 2022-05-31 67 #JavaScript
解决JS外部文件 中文出现乱码的问题 在我们查看别人的js文件,或者引用其他的js时,有时候会发现在新的窗口打开这个文件会出现中文乱码。例如:解决办法在自己的html文档中引入,加上charset编码格式charset属性规定在外部脚本文件中使用的字符编码然后在前端开发者工具中(F12出来的)找到Network,然后... admin 2022-05-31 2574 #JavaScript
js数组与字符串相互转换 1. 数组转字符串.join() 将数组中所有元素放到一个字符串中,并用指定的分隔符进行分割const a = [1, 2, 3]a.join(',') // "1,2,3"a.join('_') // "1_2_3"2. 字符串转数组.split() 将字符串以指定的分隔符分... admin 2022-05-31 2412 #JavaScript
基于uni-app全端弹框组件uaPopup「兼容h5+小程序+app端|nvue」 uniapp兼容多端自定义模态弹框组件UAPopupua-popup 一款轻量级的uniapp自定义弹窗组件。汇集了android、ios和微信弹窗效果(msg消息、alert提示框、dialog对话框、actionsheet底部动作框、toast轻提示、长按定位菜单)等功能。如... admin 2022-05-24 2769 #JavaScript
node.js 运行app.js服务器的时候报错:Error: Cannot find module 'express' 完整错误提示:错误分析:这句警告意思是module文件夹中没有express框架相关依赖包。解决方案:只需要运行命令自行安装express依赖包即可。123456PS D:\WEB前端\案例\前端工程化:ES6模块化和webpack打包\webpack_study> npm in... admin 2022-05-24 2672 #JavaScript
Ant Design of Vue的select组件placeholder属性失效问题 12345678 桌面 移动上面的代码:设置sourceType:''后,显示如下,选择框没有默认文字原因是v-model绑定的变量初始值为''、null、0时,placeholder属性会失效。解决变量初始值设置为:undefined admin 2022-05-24 256 #JavaScript
jquery.pager.js分页实现详解 本文实例为大家分享了jquery.pager.js分页实现代码,供大家参考,具体内容如下jquery.pager.js/* * jQuery pager plugin * Version 1.0 (12/22/2008) * @requires jQuery v1.2.6 or later * * Example at: http://jonpauldavies.github.com/JQuery... admin 2022-05-23 128 #JavaScript
解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法 在使用validate进行表单验证时会有第一次验证通过,但是第二次验证不通过时,第一次验证通过的信息残留在label上面的情况,最常见的就是√残留如此图所示:此时“请输入姓名”前面应该时×才是正常情况。如何解决这个问题?需要对jquery.validate.js文件进行修改,原因... admin 2022-05-23 2843 #JavaScript
封装全局icon组件 svg (仿造element-ui源码) 一、引入 svg-sprite-loader 插件npm install svg-sprite-loader --save-devvue-cli项目默认情况下会使用 url-loader 对svg进行处理,会将它放在/img 目录下,所以这时候我们引入svg-sprite-loader 会引发一些冲突。//默认`vue-cli` 对svg做的处理,正则匹配后缀名为.svg的文件,匹配成功之后使用... admin 2022-05-23 302 #JavaScript
ckeditor 粘贴图片,粘贴截图 我们在ckeditor 中有上传图片,但是实际使用中这种手动上传图片方式并不是很方便,而是复制或者截图粘贴图片。这里我们实现主要是获取对应的粘贴事件。CKEDITOR.instances["editor1"].on('instanceReady', function(e) { this.document.on("paste", function(e) { var items =... admin 2022-05-23 148 #JavaScript
JavaScript 如何计算文本的行数的实现 需求:根据行数决定是否限制展开和收起。思路:用2个块统计行高,一个不加高度限制用来统计行数(css隐藏),一个加高度限制用来显示(加高度限制会导致统计行数不准)要想知道文本的行数,那就需要知道文本的总高度和每一行的高度,总高度除以行高就是行数。当然总高度的计算必须是文字所在的 D... admin 2022-05-22 3163 #JavaScript
vue swipeCell滑动单元格(仿微信)的实现示例 抽离Vant weapp滑动单元格代码改造而成带有拉动弹性回弹效果demo展示:https://littaotao.github.io/me/index(切换为浏览器调试的手机模式并且再次刷新一次) admin 2022-05-22 3116 #JavaScript 仿照Element-ui实现一个简易的$message方法 前言在需要对用户进行提示时,有时会遇到这种场景:使用模态框提示太过硬核,使用toast提示又太轻了,这时候可以选择使用页面顶部滑下的消息提示。本文仿照element-ui的实现一个类似$message的方法。思路梳理首先我们来看下element-ui中消息提示的效果是怎么样的,找... admin 2022-05-22 3111 #JavaScript js实现特别简单的钟表效果 本文实例为大家分享了js实现钟表效果的具体代码,供大家参考,具体内容如下 * { margin: 0; padding: 0; } .clock { position: relative; widt... admin 2022-05-22 3385 #JavaScript elementui之el-tebs浏览器卡死的问题和使用报错未注册问题 elementui之新版本组件使用报错未注册问题现在elementui已经更新到2.10.1也新加了一些组件,也给我们带来了很多的方便,再此非常感谢elementui,但是在有些版本中有些组件,应该是不太兼容,不知道大家有没有遇到过,下面我说下我遇到的两个小问题我们习惯开发的时候看的文档都是最新的文档,当你去使用一些组件例如,无限滚动,日历这些,可能会遇到未注册的报错报错是未注册这个组件,原因是你... admin 2022-05-22 37 #JavaScript 共26条12下一页
仿照Element-ui实现一个简易的$message方法 前言在需要对用户进行提示时,有时会遇到这种场景:使用模态框提示太过硬核,使用toast提示又太轻了,这时候可以选择使用页面顶部滑下的消息提示。本文仿照element-ui的实现一个类似$message的方法。思路梳理首先我们来看下element-ui中消息提示的效果是怎么样的,找... admin 2022-05-22 3111 #JavaScript
js实现特别简单的钟表效果 本文实例为大家分享了js实现钟表效果的具体代码,供大家参考,具体内容如下 * { margin: 0; padding: 0; } .clock { position: relative; widt... admin 2022-05-22 3385 #JavaScript
elementui之el-tebs浏览器卡死的问题和使用报错未注册问题 elementui之新版本组件使用报错未注册问题现在elementui已经更新到2.10.1也新加了一些组件,也给我们带来了很多的方便,再此非常感谢elementui,但是在有些版本中有些组件,应该是不太兼容,不知道大家有没有遇到过,下面我说下我遇到的两个小问题我们习惯开发的时候看的文档都是最新的文档,当你去使用一些组件例如,无限滚动,日历这些,可能会遇到未注册的报错报错是未注册这个组件,原因是你... admin 2022-05-22 37 #JavaScript