js实际工作中的技能点

1.基础知识 a.原型,原型链 b.作用域,闭包 c.异步,单线程 2.JS API a.DOM操作 b.Ajax c.事件绑定 3.开发环境 a.版本管理(git) b.模块化(require.js) c.打包工具(gulp) 3.运行环境 a.页面渲染 b.性能优化…

js在工作中遇到的一些问题

前言 js这种语言没有太多封装好的模式或者统一的编程方式,所以一些细节的问题很容易导致bug,那下面就写为:一份坚固的代码是什么样的. 持续更新一下,记一些good case和bug. 事件绑定的选择器不要写元素名(bug) 有这样一个结构 <section> <ul> <li>xxx</li> <li>xxx</li> <li>xxx</li> </ul> </section> 每个区…

仅记录一些我工作中常用的自定义js函数. 1.获取URL请求参数 //根据URL获取Id function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]);…

【技能意志矩阵-skill will matrix】工作中究竟是个人能力更重要，还是我们的积极性更能提高我们的业绩？

工作中究竟是个人能力更重要,还是我们的积极性更能提高我们的业绩? 我们可以通过建立“个人能力(即技能)”和“积极性(即意志)”的矩阵(skill will matrix),找到自己的象限,并根据指导意见对自己提出要求,从而提高自己. 第一象限(高意愿高技能):如果你具有高意愿和高技能,那么你适合收到更多艰巨的项目/任务的委派,更多授权.接受挑战,能更好地提高自己. 第二象限(高意愿低技能):如果你充满热情,但觉得门道不熟怎么办?找个有能力的导师,是个不错的选择.遇到问题,可以多请教你认为有经验的…

原生js（form）验证，可以借鉴下思路，应用到工作中

我在工作中时常使用form验证,在目前的公司做的表单验证用的angular的form组件,对于一个有追求的前端,或者应用在移动端写个form验证,引入angular或者jquery组件等验证,难免显得臃肿,最好是原生js吧,轻量.幸运的等到这一课,加上之前所学,慢慢融合根据需求,应用到工作项目中... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR…

JS单例模式在工作中的使用

为了尽可能的减少全局变量的污染,在写js的时候可以采用单例模式,形式如下: 比如有一个js叫demo.js,那么我们可以在js里这样写: var demo = {} 这样做的目的是将整个js当成一个对象,这样暴露在外的全局变量就只有demo这一个命名,不像我们平常写直接写很多函数,这都是对全局空间的一种污染,一旦项目中别人也取了同样的名称,那么就容易出问题了. function xxx1(){} function xxx2(){} function xxx3(){} 同时为了方便维护管理js,还…

记录下工作中使用的pdf.js

在工作中遇到一个通过网页的形式浏览pdf文件以及图片的需求,图片简单,直接通过网页的形式打开这个图片的URL即可.而pdf这边,通过查询发现有一个名为pdf.js的神器. 简单介绍下,它可以在html中直接浏览pdf文件,pdf的每一页数据,通过H5的canvas进行解析,以及显示.其中还可以操作页数.滚动.打印.下载等功能.git上的地址为:http://mozilla.github.io/pdf.js/ 网上的文档资料很多,就不记录了,直接留存通用代码. <!DOCTYPE html> &…

工作中那些提高你效率的神器(第二篇)_Listary

引言无论是工作还是科研,我们都希望工作既快又好,然而大多数时候却迷失在繁杂的重复劳动中,久久无法摆脱繁杂的事情. 你是不是曾有这样一种想法:如果我有哆啦A梦的口袋,只要拿出神奇道具就可解当下棘手的问题,无论是考试也好还是工作也罢,啥事都不愁. 现实生活中往往不会有那么强大的工具,但是如果有一些软件能让工作更有效率,也堪比那神奇口袋了!不知道工作许久的你是否也有一些密不外传的神器呢?小黑这里与大家一起聊聊哪些神奇的效率工具. 其实,提高效率的工具真有很多,而且在特定场合下,工具可以带来量级的效率…

工作中那些提高你效率的神器(第一篇)_Everything

引言无论是工作还是科研,我们都希望工作既快又好,然而大多数时候却迷失在繁杂的重复劳动中,久久无法摆脱繁杂的事情. 你是不是曾有这样一种想法:如果我有哆啦A梦的口袋,只要拿出神奇道具就可解当下棘手的问题,无论是考试也好还是工作也罢,啥事都不愁. 现实生活中往往不会有那么强大的工具,但是如果有一些神奇能让工作更有效率,也堪比那神奇口袋了!不知道工作许久的你是否也有一些密不外传的神器呢?小黑这里与大家一起聊聊哪些神奇的效率工具. 其实,提高效率的工具真有很多,而且在特定场合下,工具带来的效率是量级的…

[工作中的设计模式]原型模式prototype

一.模式解析提起prototype,最近看多了js相关的内容,第一印象首先是js的原型 var Person=function(name){ this.name=name; } Person.prototype.run=function(){ alert(this.name+" is running"; } 此处的原型是js的特殊定义,在原型上定义的属性和方法所有的类进行共享. 不过设计模式中的原型模式指的是:将已有的对象作为原型,拷贝出一份具有相同属性的新的对象. 模式定义为:原型…

运维工作中常用到的几个rsync同步命令

作为一个运维工程师,经常可能会面对几十台.几百台甚至上千台服务器,除了批量操作外,环境同步.数据同步也是必不可少的技能.说到“同步”,不得不提的利器就是rsync. 下面结合本人近几年运维工作中对这一工具使用的经验,简单在此梳理下: rsync不但可以在本机进行文件同步,也可以作为远程同步工具.rsync+inotify实时同步方案部署,请参考:http://www.cnblogs.com/kevingrace/p/6001252.html rsync同步命令中常用的几个参数说明:-a, --a…

js的url中传递中文参数乱码，如何获取url中参数问题

一:Js的Url中传递中文参数乱码问题,重点:encodeURI编码,decodeURI解码: 1.传参页面Javascript代码: <script type=”text/javascript”> function send(){ var url = "test01.html"; var userName = $("#userName").html(); window.open(encodeURI(url + "?userName="…

工作中使用seajs后的一些总结

工作中用seajs一段时间了,小小地总结一下. 使用seajs五部曲: 1.布置你项目的目录结构 2.设置seajs的config项,我一般是单独一个js文件--> seajs-config.js, 主要是重置一下base路径,一般比较少用paths,而用alias比较多,因为项目上线前直接把alias这些配置给grunt直接构建提取模块id /** * 配置项目 * */ seajs.config({ "base": "/js", "paths&…

js检测浏览器中是否安装了flash播放插件

这两天工作中需要在网页中嵌入flash小游戏,我使用的是swfobject.js version:1.5.其他方面都很好,唯独版本检测这里一直没有搞通,后来实在无奈之下,改用js来检测浏览器的flash插件情况,代码如下: <script> function flashChecker() { var hasFlash = 0; //是否安装了flash var flashVersion = 0; //flash版本 if (document.all) { var swf = new Activ…

Js的Url中传递中文参数乱码的解决

一:Js的Url中传递中文参数乱码问题,重点:encodeURI编码,decodeURI解码: 1.传参页面Javascript代码: 2. 接收参数页面:test02.html 二:如何获取Url"?"后,"="的参数值: A.首先用window.location.href获取到全部url值.B.用split截取"?"后的全部C.split("?")后面的[1]内数字,默认从0开始计算三:Js中escape,unescap…

vue+webpack项目实际工作中需要生成一个配置文件供生产环境使用

大家都知道webpack打包十分方便,但是在工作中,前端写好的项目需要后端进行部署,就需要有一个配置文件. 使用插件 : GenerateAssetPlugin , 使用方法 : 1 在项目中安装 : npm install --save-dev generate-asset-webpack-plugin 2 在webpack.config.js 中使用插件: const GenerateAssetPlugin=require('generate-asset-webpack-plugi…

【开源】【前后端分离】【优雅编码】分享我工作中的一款MVC+EF+IoC+Layui前后端分离的框架——【NO.1】框架概述

写博客之前总想说点什么,但写的时候又忘了想说点什么,算了,不说了,还是来送福利吧. 今天是来分享我在平时工作中搭建的一套前后端分离的框架. 平时工作大多时候都是在做管理类型的软件开发,无非就是增.删.改.查,也没有什么大的并发访问,对程序的性能要求和国内大多数开发管理软件的公司差不多,所以就搭建了一套通用框架,基本上都能满足. 一套好的框架首先得编码规范.容易他人阅读.记得刚学编程得那时,认为只有自己看得懂得代码才是牛逼的,后来发现代码是写给别人看的,别人能轻易的看懂你的代码,你的代码就不会差到…

探索JS引擎工作原理

JavaScript 从定义到执行,JS引擎在实现层做了很多初始化工作,因此在学习 JS 引擎工作机制之前,我们需要引入几个相关的概念:执行环境栈.全局对象.执行环境.变量对象.活动对象.作用域和作用域链等,这些概念正是JS引擎工作的核心组件.这篇文章的目的不是孤立的为你讲解每一个概念,而是通过一个简单的 DEMO 来展开分析,全局讲解 JS 引擎从定义到执行的每一个细节,以及这些概念在其中所扮演的角色. var x = 1; //定义一个全局变量 x function A(y){ var x…

3年java工作经验必备技能

3年工作经验的Java程序员应该具备的技能一.Java基础 1.String类为什么是final的. 2.HashMap的源码,实现原理,底层结构. 3.反射中,Class.forName和classloader的区别 4.session和cookie的区别和联系,session的生命周期,多个服务部署时session管理. 5.Java中的队列都有哪些,有什么区别. 6.Java的内存模型以及GC算法 7.Java7.Java8的新特性(baidu问的,好BT) 8.Java数组和链表两种结…

工作中，ES6 可能掌握这些就足够了

刚开始用vue或者react,很多时候我们都会把ES6这个大兄弟加入我们的技术栈中.但是ES6那么多那么多特性,我们需要全部都掌握吗?秉着二八原则,掌握好常用的,有用的这个可以让我们快速起飞. 接下来我们就聊聊ES6那些可爱的新特性吧. 1.变量声明const和let 我们都是知道在ES6以前,var关键字声明变量.无论声明在何处,都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部).这就是函数变量提升例如: function aa() { if(bool) { var test =…

ES6工作中常用知识点

好久不动笔了第一个知识点:import 和 export import导入模块.export导出模块 //全部导入 import people from './example' //有一种特殊情况,即允许你将整个模块当作单一对象进行导入 //该模块的所有导出都会作为对象的属性存在 import * as example from "./example.js" console.log(example.name) console.log(example.age) console.log(…

2013年工作中遇到的20个问题(Bug)：161-180

161.用户表和超级用户分成2个表,很不合理,查询的时候,非常复杂. 162.left join还是很有"市场"的.机构表Org连接User时,想获得user的名字,可能存在,也可能不存在,left join就适合. ##多个left join 之间不能使用","隔开select cg.*,u.loginName creatorName,org.nativeName advertiserNamefrom CampaignGroup cgleft join Organ…

js导出table中的EXCEL总结

导出EXCEL通常是用PHP做,可是项目中,有时候PHP后端project师返回的数据不是我们想要的,作为前端开发project师,把相应的数据编号转换为文字后,展示给用户.可是.需求要把数据同一时候导出一份EXCEl. 无奈之下,我仅仅能用js导出table中的数据了. 导出EXCEl通常是自己人用的.所以用js导出,由于js导出EXCEL普通情况下兼容性不是非常好,非常多仅仅是兼容IE浏览器,还要设置在工具栏中进行设置才干导出,由于会相对照较烦.以下介绍几种方法: 一.js导出EXCEl带单…

聊聊JavaScript在工作中常用的方法（一）

一.字符串转数组(split方法) 废话少说,直接上代码: //例子1 var str="abc,def,ghi"; var strArray=str.split(","); console.log(strArray);//输出["abc","def","ghi"] //例子2 var str2="abc|def|ghi"; var strArray2=str2.split("…

js--前端开发工作中常见的时间处理问题

前言在前端开发工作中,服务端返回的时间数据或者你传递给服务端的时间参数经常会遇到时间格式转换及处理问题.这里分享一些我收集到的一些处理方法,方便日后工作中快速找到.先附上必须了解的知识内置对象传送门https://www.w3school.com.cn/js/js_dates.asp 目录时间格式化获取当年的第一天获取指定年指定月份的第一天获取指定年指定月份的最后一天获取当前季度的第一天获取两个日期的相差天数获取指定的某一天所在的星期范围获取指定的某一天还差几天过年获取指定的…

Git-【技术干货】工作中Git的使用实践

Git-[技术干货]工作中Git的使用实践置顶 2019-09-17 21:02:16 web洋仔阅读数 11444更多分类专栏: Git 版权声明:本文为博主原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn.net/CSDN___LYY/article/details/100939749 工作中git是一项必不可少的技能,在项目的开发进程中起着至关重要的作用,下面介绍一些git在工作中的一些使用实践~ 一:…

随机记录工作中常见的sql用法错误（一）

没事开始写博客,留下以前工作中常用的笔记,内容不全或者需要补充的可以留言,我只写我常用的. 网上很多类似动软生成器的小工具,这类工具虽然在表关系复杂的时候没什么软用,但是在一些简单的表结构关系还是很方便的.想起以前开始工作的时候经常犯的错误. 现在就写个简单的错误,大神可能一眼就看出来了,不过新手需要了解一下的. Create table UC_counter { id INT IDENTITY(1, 1) PRIMARY KEY, memberid int } Create table UC_…