场景: 在React或者Vue中使用Redux或者vuex做数据状态管理时,当定义action的type类型时,往往使用的就是const去定义我们要改变store的事件类型常量,若有这方便开发经验的是不会陌生的,小程序开发也是如此
前言 代码写的久了,就会发现很多时候都是在写一些重复的东西,这个时候就应该要考虑到提高工作效率了,比如对常用方法的封装,例如日期格式化,浏览器类型判断等。 今天这篇文章我们就来看看如何封装常用的Javascript方法,打造出属于自己的一套Javascript武器库吧。封装的代码为了不依赖于其他库,都采用原生的Javascript编写。 文中的代码有些比较长,理解的不是很清楚的,可以直接去github上看。 https://github.com/zhouxiongking/article-pages/blo
说到 gulp 的运作方式,就不得不提到 vinyl 和 Node.js 的 stream。
访问 https://www.jsdelivr.com/package/npm/dayjs 下载最新版本的 Day.js。
2、配置vuex全局 vuex的全局配置与上一节中vue-router的配置相似,抽象上我们有一个store文件夹,store文件夹下内容是实现,main.js中调用实现的内容。 我们看到import store from 'store/index' 代表引用store的index实现,在第12行中将store的实现作为参数赋值给Vue的全局配置进行使用,这样所有的页面都可以使用Vuex了。
这道题因为js没有判断字符串同时包含字母和数字得方法,考虑到更简单...所以通过正则将字符串保留为字母(大写字母转为小写字母用js)和数字之后,使用双指针法,一头一尾判断字符是否相等,若存在不相等时输出false
第二章 正则表达式位置匹配攻略 正则表达式是匹配模式,要么匹配字符,要么匹配位置。请记住这句话。 然而大部分人学习正则时,对于匹配位置的重视程度没有那么高。 本章讲讲正则匹配位置的总总。 内容包括:
永远一致同一套编码规范,可以是这里列出的,也可以是你自己总结的。如果您发现本规范中有任何错误,敬请在问题中指正。
1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value) 6.一个小写转大写的JS: document.getElementById(
1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value) 6.一个小写转大写的JS: document.getEl
本篇文章会列举 react 的所有常见面试问题. 并附上详细解答.如果你想更深入的了解底层原理, 可到文末的建议阅读中查找.
vue的新知识点,过滤器,这个过滤器是要过滤谁?其实就是某个变量而已。但是这里我觉得叫过滤器并不准确,因为它能做的事情太多了,叫修改器还差不多。
官方手册:https://www.kancloud.cn/manual/think-template/#/catalog
作为一门web框架,Django需要一种便利的方法来动态地生成html。常见的做法是使用模板,模板中包含了HTML静态内容和动态标签。
前言 事实上, 只有10%-20%的最终用户响应时间是发在从 Web 服务器获取 HTML 文档并传送到浏览器中的。如果希望能够有效地减少页面的响应时间,就必须关注剩余 80%-90% 的最终用户体验。–Steve Souders 优化方法 项目技术栈: 框架:Vue2 。 打包工具:webpack 。 1.代码压缩 使用 gzip 压缩可以节省 50%-70% 的网络开销。 浏览器支持的压缩类型可以通过 network 的 Accept-Encoding: gzip, deflate 来查看。很多浏
大家好,前端性能优化是一个非常重要的问题,首屏时间长短,直接影响到用户的体验与留存。本文介绍一下优化过程的心路和历程。最终从2000ms优化到148ms。
format 必需。规定时间戳的格式。 timestamp 可选。规定时间戳。默认是当前的日期和时间。
项目中的组件多了之后,全都写在一个地方,就会显得很乱,这时候我们就可以将每个组件放到单独的js 文件中去。
validator.js是一个对字符串进行数据验证和过滤的工具库,同时支持Node端和浏览器端,github地址是https://github.com/chriso/validator.js 主要API如下:
今日推文说明: 次条是JS破解教程 三条是某企业破产动态,没有永久的企业,也没有永久的工作
在日常开发中,我们难免要和字符串打交道,各种各样的功能都可能用到上面的字符串函数,本文参考网上文章,W3C资料,以及自己平常开发中的高频需求整理形成,希望能够帮到有需要的人。
注意:String 对象的方法 slice()、substring() 和 substr() (不建议使用)都可返回字符串的指定部分。slice() 比 substring() 要灵活一些,因为它允许使用负数作为参数。slice() 与 substr() 有所不同,因为它用两个字符的位置来指定子串,而 substr() 则用字符位置和长度来指定子串。
后续的文章我也补充齐全了,一共有两篇,都是实战篇,一篇是制定自己团队的前端开发规范之 eslint,另外一篇是手摸手带你实践标准的前端开发规范,希望大家可以去看一下,然后把这套规范实践起来,让自己的开发存在更少的bug。
installcnpm install postcss-px2rem px2rem-loader --save
上周,《中文技术文档写作规范》加入了文件的命名规则。 "文件名建议只使用小写字母,不使用大写字母。" "为了醒目,某些说明文件的文件名,可以使用大写字母,比如README、LICENSE。"
20. 判断是否相等时候 采用=== 判断包括类型的相等 21. 尽量使用语法严格模式 消除代码之中的不友好;代码运行更快 ;保证运行的安全 ;为新版本的js做好铺垫。 22. 匿名函数的调用写在匿名函数的内部
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom 转为真实 dom 进行挂载。其实函数是组件和类组件也是在这个基础上包裹了一层,一个是调用函数返回虚拟 dom,一个是调用实例的 render 方法,返回虚拟 dom,进而转换为真实 dom,本小节我们了解一下具体的实现原理。
1.组件开发需要全面的收集需求,深刻分析此组件可以覆盖的业务范围,并作出正确的取舍。 2.一个组件不可能是大而全的,但可以是层层扩展的,从一个基础组件,一层层的扩展成更复杂的组件,甚至超大型的组件。 3.组件的props、method、events需要遵守同样的命名规范,如获取值用getXXX,设置值用setXXX,创建用createXXX等,这些可以快速的帮助使用者找到需要的接口。 4.组件需要添加name,在设置keep-alive时需要用到。 5.组件头部应该添加组件的说明注释,如接收的传入参数、向外层抛出的事件名等。 6.props定义应该尽量详细,包括type、default、required、甚至validator 7.样式应该设置scoped,避免污染全局样式。
•UpperCamelCase 每个单词的首字母都大写,包含第一个单词•lowerCamelCase 每个单词的首字母都大写,除了第一个单词, 第一个单词首字母小写,即使是缩略词•lowercase_with_underscores 只是用小写字母单词,即使是缩略词, 并且单词之间使用 _ 连接
一、JSX语法转换到Js语法 从 JSX 转换到 JS 会用到React.createElement(),所以先熟悉下 JSX 到 JS 的转换。
大家平时网上搜索能搜出一堆Code Review 实践、Code Review 流程、如何如何 Code Review 等等。好像实际的 review 记录并不多,恰好本人有幸担任前端小组长一职,平时摸鱼就去偷偷看看大家又写了什么优秀代码。所以今天就由小弟我,给大家分享一下,小厂一线前端平时写的代码😸
解决 TS 问题的最好办法就是多练,这次解读 type-challenges Medium 难度 9~16 题。
来自:阮一峰的网络日志 链接:www.ruanyifeng.com/blog/2017/02/filename-should-be-lowercase.html 《中文技术文档写作规范》加入了文件的命
正例:mall-management-system 反例:mall_management-system / mallManagementSystem
本期文章是js的一些算法题,包括数组去重、数组删除元素、数组排序、字符串排序、字符串反向、字符串改大写 、数组改大写、字符替换。
最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。
在做管理系统是经常会遇到修改密码的情况,这时,我们需要检测用户输入的密码来判断密码的复杂程度,即密码强度,如下图
高性能网站架构方案(二)——优化网站响应时间 (原创内容,转载请注明来源,谢谢) 一、概述 优化网站响应时间是保证网站受用户关注的要点,主要方案有: 1、减少HTTP请求 当需要加载图片、css、js等内容时,尽量减少加载的次数。可以合并加载,另外当改动量很少时,尽量将内容进行缓存。 图片的缓存可以设定更新时间,定时去服务器查看是否有需要更新的内容。通常可以定时在1周甚至更久的时间。 CSS、JS的缓存,通常可以通过文件名的方式来判断是否需要重新加载。当网页确定需要加载某些js和c
对于字符串的一些操作,可以通过正则表达式来实现。一般的搜索操作想必大家已经学会,今天就来说说它的校验功能,这样可以帮助判断字符串类型或者是其它的组成,比如密码、中文、字符串的组成等。下面就js正则表达式的校验带来内容分享,同时要考虑在js中支持的类型。
1.字符串的一般操作 1.字符串的强转 var a ="123"; var b =parseInt(a); //parseInt()方法将字符串类型的数字转化为数字 console.log(b); 2.浮点型的强转 var a ="123.33"; var b =parseFloat(a); //parseFloat()方法将字符串类型的小数转化为小数 console.log(b); 3.字符串的拼接 var s1 = "leon"; var s2 = "haha"; var s3 = s1+s2; con
时光太瘦,指缝太宽。不经意间的一瞥,已隔经年。如果你不努力,一年后的你仍然是现在的你。要知道,你不是别人羡慕的“富二代”。你想要是生活,别人无法给你,只有靠自己拼搏,靠自己努力,靠自己奋斗,汗水永远比泪水更能打动成功,汗水的浇灌注定绽会放出绚丽的花朵! 今天给大家讲解下有关页面URL的问题,URL在SEO中,可以说是比标题还要重要,可以说是禁忌中的禁忌,各位同学一定要多加留意。现在我给各位同学讲解下,在日常中我们都会遇到哪些URL问题。 1 URL上使用#号好不好? URL当中的#号是一个锚点的标志位
在实际开发中,为了提高开发的效率,我们会把常用到的功能封装成方法,这样后期开发需要,拿来即用。
简称JS,是一种浏览器解释型语言,嵌套在HTML文件中交给浏览器解释执行。主要用来实现网页的动态效果,用户交互及前后端的数据传输等。
(1)如果在HTML文档中设置的data-自定义属性的单个字符串的名称的属性中若有大写值,在js文件中获取时只能用小写的形式获取。如:
在学习编程的时候,每次看到那些整齐规范的代码,心里顿时对这个程序员表示点点好感,有时,比如看到自己和朋友写的代码时,那阅读起来就是苦不堪言,所以,一些基本的开发规范是必须的,是为了自己方便阅读代码,也方便他人阅读修改代码。
前几天主管和我说学一下lodash,今天就来学一下怎么使用,还有归纳一些常用的方法。
初期想了蛮久也搜了蛮多,没搜到,找到的结论是图表使用的是svg实现,必然无法选择文字,似乎是个死问题,已经濒临放弃
用于判断参数的值是否是对象,这里运用了Object 构造函数创建一个对象包装器,如果是对象类型,将会原值返回。
领取专属 10元无门槛券
手把手带您无忧上云