javascript
suchcl
这个作者很懒,什么都没留下…
展开
-
数字添加千位符
数字添加千位符原创 2022-08-31 18:18:20 · 1563 阅读 · 1 评论 -
electron隐藏默认菜单
electron隐藏默认菜单原创 2022-08-18 17:33:17 · 4113 阅读 · 0 评论 -
umi4+antDesignPro实现多tabs
um4+antdesign实现多tabs原创 2022-07-06 15:16:28 · 4171 阅读 · 10 评论 -
daterangepicker.js快捷筛选项的高亮显示问题修复
daterangepicker.js快捷筛选项高亮效果回显问题原创 2022-07-04 14:36:53 · 261 阅读 · 0 评论 -
select2开启tags后输入中文样式错乱
select2开启tags后输入中文样式错乱原创 2022-06-29 20:24:16 · 392 阅读 · 0 评论 -
vscode插件问题不能识别html文件中script部分的代码
vscode编辑器开发html无法识别script模块中的js代码。原创 2022-04-28 18:21:45 · 1696 阅读 · 4 评论 -
jstree选中父节点时不和子节点联动
jstree控件,选中父组件时不和子组件关联同时选中原创 2022-04-28 16:30:44 · 824 阅读 · 0 评论 -
datatables:Uncaught TypeError: Cannot set properties of undefined (setting ‘_DT_CellIndex‘)
使用datatables的时候,不要使用colspan,还要注意th和td的匹配,列数相等;原创 2022-04-27 20:18:05 · 3280 阅读 · 0 评论 -
express跨域配置
express、跨域设置原创 2022-03-22 11:31:19 · 4767 阅读 · 0 评论 -
好 好写代码
错误的认知,带来了错误的结果,技术的人生,不要想着什么捷径,没有什么人和捷径,只有“干”。原创 2022-02-21 15:05:26 · 52 阅读 · 0 评论 -
Uncaught (in promise) Error: Maximum recursive updates exceeded. This means you have a reactive effe
Uncaught (in promise) Error: Maximum recursive updates exceeded. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook.原创 2021-09-29 17:16:17 · 7539 阅读 · 6 评论 -
Error: React.Children.only expected to receive a single React element child.
next.js项目,开发环境,运行的时候报错了:Unhandled Runtime ErrorError: React.Children.only expected to receive a single React element child.看到这个提示,应该都会知道React组件中的Children参数希望接收1个React子元素,那么报异常的原因就可能是我代码中传递了多个子元素.贴代码:layout.jsx布局文件import Header from "../component原创 2020-05-14 22:44:55 · 5053 阅读 · 0 评论 -
taro区分编译环境,根据编译的不同的端打包到不同的目录
taro是一个多端统一开发框架,可以实现编写一套代码,实现编译输出不同的端,主要有微信小程序、支付宝小程序、H5、快应用、React Native以及百度小程序、头条小程序、京东小程序等,基本上覆盖到所有的端了,框架默认的编译输出目录为dist,但我们使用taro的目的是为了多端统一开发,需要将不同的端编译输出到不同的目录,以满足我们同时开发的目的.taro给我们提供了process.env....原创 2020-04-30 11:57:15 · 3199 阅读 · 0 评论 -
react中引入图片
React使用jsx语法引入图片的时候,不能像在HTML中那样直接给img的src属性一个图片的地址,如:<img src="../images/img01.jpg" />而在React中,则需要通过先引入图片资源,然后将该图片资源赋值给img的src属性,如import Logo from "./images/logo.png"<img src={Logo} ...原创 2020-04-21 12:11:22 · 674 阅读 · 0 评论 -
React添加事件
React添加事件,和DOM上添加事件类似,但又有细微的不同.React添加事件,需要注意:1.React的事件命名采用小驼峰(camelCase)的命名方式,DOM采用的是纯小写的方式;2.使用JSX语法时,需要传入一个函数作为事件的处理函数,DOM传入的是一个字符串(虽然DOM中传入的事件名称也可以是函数名称,但数据类型还是一个字符串)DOM元素添加事件<a hre...原创 2020-04-14 17:19:36 · 1392 阅读 · 0 评论 -
JS获取某个时间点的时间戳
js获取某个时间点的时间戳:new Date('2020-3-14 11:30:00').getTime()JS获取当前时间的时间戳new Date().getTime()原创 2020-03-14 11:10:06 · 10866 阅读 · 0 评论 -
HTTP请求常用状态码
HTTP请求状态码,是客户端向服务器发送了请求后,服务器给客户端返回的请求结果.客户端借助状态码,可以知道当前请求的状态是成功还是失败,如果失败了,是客户端出问题了还是服务端的问题.常用的HTTP状态码可以分为以下5个大类:状态码 类别 原因短语/描述 1xx Informational信息性状态码 临时响应/接受的请求正在处理 2xx Success成功...原创 2019-11-26 22:18:05 · 189 阅读 · 0 评论 -
koa获取请求数据方式
koa获取Get请求参数客户端常用的请求方式是Get和Post,koa中,获取客户端Get方式请求数据的方式为使用koa中request对象的query和querystring方法.区别是,query方法返回的是序列化好的对象,而querystring返回的是请求字符串.koa中,由于上下文对象ctx有对request的API有直接引用的方式,所以也可以直接通过上下文对象的query和qu...原创 2019-10-25 14:54:29 · 2287 阅读 · 0 评论 -
vue-cli取消打包时生成css和js对应的map文件
现在交付的前端项目,文件都都是压缩混淆过的,压缩混淆代码,主要可以见效代码质量,压缩文件提交,再就是可以增加代码的安全性.因为尤其是近几年来,前端在项目中的权重越来越高,越来越多的逻辑代码都会写到前端部分,然后前端代码又必须借助于浏览器这个载体,才能将它的作用发挥出来,那么前端的代码安全也就越来越重要了,那么混淆压缩代码,就可以在一定程度上增加代码的安全性.我们在使用Vue的时候,打包后发现c...原创 2019-06-20 16:29:59 · 5265 阅读 · 0 评论 -
ES6中数组和对象的解构赋值
数组的解构赋值ES6允许按照一定的模式从数组和对象中取值,然后对变量进行赋值,这种操作被称为解构.比如我们以前为一些变量赋值的时候,只能声明一个变量赋值一个变量,如下:let a = 1;let b = 2;let c = 3;这样的操作有很简单,但也有规律性,就是只是声明了一些简单的变量然后为其赋值.到了ES6之后,有了新的标准和技术实现方案,可以简化这些操作:let...原创 2019-06-18 11:28:29 · 791 阅读 · 0 评论 -
Hicharts柱状图使用百分比展示数据
先把代码贴上来把,数据可能不合逻辑,但计算的结果都是正确的。图表容器:<div id="container"></div>var chart = Highcharts.chart('container', { chart: { type: 'column' }, title: { ...原创 2018-08-27 13:31:51 · 1791 阅读 · 0 评论 -
JavaScript程序开发(二)—在html中使用js脚本
要在网页中运行js脚本,先学习html的一个标签。属性需要提出的一点是js是一门解释型的脚本语言,不像java那样需要编译器先将java源代码编译成.class的字节码文件,包含在中的代码将按照从上到下的顺序解释执行,在解释器对中的代码解释完以前,页面其余部分的代码不会被浏览器加载解释。标签除了type这个必须的属性之外,还有其他还有另外2个可选属性和1个废弃属性。下面就来一一介绍原创 2012-05-21 21:58:36 · 926 阅读 · 0 评论 -
Vue中组件之间的传值
先简单说一下Vue中的组件,Vue中的组件为了能够在模板中使用,必须要先注册以便Vue能够识别到这个组件.组件注册分为两种类型:全局注册和局部注册.有了组件,就会有或者涉及到组件之间的传值.总的来说,Vue组件之间的传值,主要分为3种类型或情况下的传值:简单的父子组件之间的传值 同属于同一个父组件之间兄弟组件之间的传值 好不相关的组件之间的传值简单的父子组件传值和同属于同一个父组件的...原创 2019-06-06 14:01:43 · 235 阅读 · 0 评论 -
JavaScript程序开发(六)—js语法
变量ECMAScript的变量是松散类型的 ,即定义一个变量就可以用来保存任何类型的数据,或者也可以这么理解,变量就是一个用于保存值的占位符,要保存的值很长,不容易记,或者记住这个保存的值是随时变的不确定的,就将这个值保存在了变量中,这个变量也就是指向这个值的一个指针,指向这个值的一个引用。ECMAScript中变量的声明可以用var操作符,在var后跟一个变量既可以,就是一个变量的声明,如下原创 2012-05-26 10:46:45 · 441 阅读 · 0 评论 -
JavaScript程序开发(五)—js语法
语句js中的语句以一个分号结束,但是分号可以省略,如果省略了分号,则由解析器确定语句的结尾。如下代码所示: var c = a + b return c var c = a + b; return c;以上两种方式都是正确的语句写法,但是不推荐前面一种写法。因为加上分号可以避免很多错误,另外开发人员也可以通过删除多余空格来压缩代码文件(这么做时如果没有分号会导致压缩错误),在就是加原创 2012-05-24 21:30:10 · 469 阅读 · 0 评论 -
JavaScript程序开发(四)—js语法
Javascript语言借鉴了很多其他编程语言的语法,如C、java,了解了这些语言的语法,对于学习javascript就会轻松很多。区分大小写js是一门弱类型的程序语言,但是它区分大小写,包括但不限于变量、函数名、操作符。如test和Test、tesT是3个不同的变量。标示符标示符,就是指变量、函数、属性名或函数的参数名,标示符由下列方式组成:第一个字符必须是字母、下划线原创 2012-05-23 18:05:48 · 472 阅读 · 0 评论 -
JavaScript程序开发(三)—在html中使用js脚本
前面说到了标签的一些属性,对script标签有了个初步的认识,接下来需要知道的是js脚本在页面中的位置和一些注意事项。标签的位置按照惯例,和标签都放在head部分,这样做是为了便于统一管理外部资源,但是这样做有一个弊端,我们知道html中的代码是按照从上到下的顺序一次执行的,上面的代码解析没有完成,下面的代码就无法加载,也就无法正常展现页面的内容。这对于那些需要很多js文件的页面来说,就会原创 2012-05-23 18:02:22 · 655 阅读 · 0 评论 -
JavaScript程序开发(一)—JavaScript和ECMAScript异同
从今天开始,将要开始JavaSCript的学习。以前虽然也接触过JavaScript,概念性的和一些简单的js代码页都在写,不过没有系统的学习过,就是需要什么效果就从网上直接找什么效果,拿到自己的项目中,如果不报异常,那就算过了,以至于到了现在虽然接触了好几年了,也还是模模糊糊的状态。既然要系统的学习JavaScript,那么首先就先来搞清楚JavaScript是什么吧。其实很多时候概念并不重原创 2012-05-20 21:41:09 · 643 阅读 · 1 评论 -
JavaScript程序开发(九)—js语法之数据类型
接着前面的章节继续学习。String类型String类型是由0或多个16位Unicode字符组成的字符序列,即字符串。字符串可以由双引号或单引号表示,但是一定要成对出现,即以双引号开始的字符串要以双引号结束,以单引号开始的字符串要以单引号结束这个字符串。这个应该很好理解,不写例子了。1.字符字面量String包含一组特殊的字符字面量,也叫转义序列,其他的编程语言叫转义字符,用于表示原创 2012-05-29 00:39:28 · 527 阅读 · 0 评论 -
JavaScript程序开发(八)—js语法之数据类型
由于环境关系,今天下定决心,要在半年之内,让自己的技术水平有一个很大的提高,而不能仅仅限于在自己的工作范围之内,但是我做的工作,绝不是为了某些人而做,是为了给自己争口气,即所谓人活一张脸,树活一张皮!废话少说,进入正题,接着昨天的题目,继续js的数据类型。Boolean类型 Boolean类型是js中使用的最多的一种数据类型,该类型只有两个值:true和false。这两个数值和数字值不是原创 2012-05-28 23:21:37 · 386 阅读 · 0 评论 -
Nicholas C. Zakas如何面试前端工程师
面试前端工程师对我来说是一件非常有意思的事,因为面试过程很大程度上也是自我提升的过程。无论大公司还是小公司,之所以在如何招聘到真正有能力的前端工程师方面会遇到同样的问题,就是因为负责招聘的那些人不知道自己公司需要什么样的人,结果问问题时也问不到点子上。经过这几年在行业里的摸索,我总结出了自己的一套很有效的面试前端工程的方法。有的应聘者说我不好对付,但留给他们这样的印象也并非我所愿。我觉得之所以转载 2012-05-27 18:39:59 · 342 阅读 · 0 评论 -
vue-cli脚手架搭建的项目怎么去除eslint验证
eslint验证,为我们提升我们的代码质量和良好的编码风格带来了非常大的帮助,但是由于其语法验证的严格,很多程序员在初期使用的时候很不适应,就想怎么能够去掉eslint验证。其实把eslint验证去除的方法并不复杂,因为我们的脚手架是基于webpack的,那么一般的配置操作都会在webpack工具的配置文件中进行配置,那么我们就直接找webpack的配置文件就可以了。可能我们的很多刚开始接触vue...原创 2018-03-05 10:49:38 · 8211 阅读 · 1 评论 -
通过a连接方式删除数据的确认删除效果的实现
标题可能说的有点绕,场景是我们经常会有一些数据列表,数据会有删除的操作,很多的时候,我们的删除是通过a连接的方式实现的,通过a传递一个id值之类的主键,比如我这里有一个示例:我这里的删除操作,是通过a连接传递给路由,带有该条数据的id来实现的。实现删除的操作不难实现,获取到了id值,执行相应的sql语句就可以了,但功能完成后总觉着少了点什么。对了,就是数据直接删除了,有的时候我们并不是想删除这条数...原创 2018-05-03 20:05:53 · 926 阅读 · 0 评论 -
document.getElementsByClassName与document.getElementById
document.getElementsByClassName()与document.getElementById(),大家应该对这两个方法都非常的不能再熟悉的js方法了,就是获取DOM元素嘛,有什么难的。今天我在这两个简单的方法上面犯了错误。我页面中有一个按钮button,把按钮的结构代码直接贴上来吧,说的不直观,直接看代码最好了。<button type="button" class="...原创 2018-05-04 16:56:30 · 18192 阅读 · 7 评论 -
ES6中模板字符串
模板字符串,是ES6标准新引入的一种字符串.说到底,它还是字符串,只是和以前的字符串比起来,有了一些特殊的地方.模板字符串(template string),是ES6标准之前的es版本的字符串的增强版,但它的本质上还是字符串,用反引(电脑键盘中ESC下面的那个键)号标识.它可以当作普通的字符串来使用,也可以定义多行字符串,而且在定义多行字符串的时候还会保持字符串的格式;也可以在字符串中嵌入变量...原创 2019-06-12 19:38:25 · 372 阅读 · 0 评论 -
ES6中的Set与Map
Set与Map都是ES6标准中新增的数据结构.SetSet是一种类似数组的数据结构,也是一种数据集合,但并不是数组.区别在于Set的值不能重复,Set本身是一个构造函数,用来生成Set数据结构.使用Set有两种数据传入的方式,一种就是在实例化Set的时候传入一个数组,另外一种是为Set实例使用add方法.数据传入Set是一个构造函数,在实例化对象的时候,传入一个数组let a...原创 2019-05-05 20:04:04 · 133 阅读 · 0 评论 -
NPM查看包的版本信息
分两种情况,npm分别可以查看服务器上的包的版本信息和本地安装的包的版本信息.查看服务器上的包的版本信息1. npm view pkg version 查看npmjs服务器上包pkg的最新版本npm view grunt version1.0.42. npm view pkg versions 查看服务器上包pkg的所有的版本信息npm view grunt versio...原创 2019-03-29 00:04:02 · 3006 阅读 · 0 评论 -
hicharts堆叠柱状图堆叠数据标签显示百分比
hicharts的堆叠柱状图,对于一些数据的统计有着很好的数据体验,但是堆叠的数据标签,好像只提供了一个总和的展示,如但有的时候,我们需要统计一些数据的对比情况,比如我想知道如上图中的小刘的销售额占据总销售额的百分比,来确认小刘的销售业绩,同样也可以统计其他人的相关数据,这个时候我们就想将最想看到的、最关注的数据以百分比的形式放到堆叠标签的位置,还拿业绩的统计来说,我想统计小刘的销售业绩,或者...原创 2018-09-03 14:25:48 · 12162 阅读 · 0 评论 -
js中的属性检测
js中的属性检测,主要就是检测一个属性是否属于某个对象。常用的方式主要有3种:in、hasOwnProperty()、propertyIsEnumerable()。in运算符in运算符的左侧为属性名称,右侧为对象。var obj = { name:"Nicholas", age: 12, job: "Teacher"};console.log("name" in obj...原创 2018-06-01 22:09:13 · 802 阅读 · 0 评论 -
同一表单中多个输入字段的非空验证
直接上代码,结构如下:<form id="user"> <ul class="form"> <li> <div class="th">姓名:</div> <div class="td&原创 2018-05-07 14:25:31 · 1384 阅读 · 0 评论