![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端技术_JS、CSS等
zollty
这个作者很懒,什么都没留下…
展开
-
npm全局安装 require报错Cannot find module
npm全局安装 require报错Cannot find module原因:没有设置系统环境变量NODE_PATH,项目内读取不到全局包。解决方案:输入以下命令,查看全局包路径,npm root -gC:\Users\bob-pc\AppData\Roaming\npm\node_modules然后添加一个环境变量NODE_PATH=上述路径。添加后,重启一下console、IDE、系统(依次尝试),我重启到IDE层次就可以,实在不行重启下操作系统。...原创 2020-12-29 16:36:20 · 3933 阅读 · 0 评论 -
解决AJAX在用户登录失效后返回登录页面的问题
后端AJAX API,Session过期,登录失效,直接跳转(redirect)到登录页。(后端Shiro、Spring Security等都支持这个功能) 对于全站AJAX的应用,当然不存在redirect重定向到登录页面的做法(建议直接返回HTTP Code 401),但是对于某些前后端没有分离的应用,当用户session失效时,后端可能会重定向到登录页面。那对于ajax请求,后端重定向后,返回的ajax内容是一个html页面,怎么办呢?总体的思路是在ajax工具的拦截...原创 2020-12-17 14:58:56 · 1577 阅读 · 0 评论 -
React和Vue对比
2018-08-24 16:46:301、Vue上手更简单,特别是从dom和jquery时代过来的程序员,或者习惯模板语言的后端开发,更容易接受Vue。2、Vue从设计上讲,跟趋向于简化使用,就是说Vue从骨子里面就是想用起来简单,但React更多的是为大型工程考虑。3、React上手稍微难一点,除了Vue那些基础,你还得学习,纯函数组件,函数式编程,JSX,css-in-js,高阶组件,Redux等。4、在组件化上,React更纯粹,也可以说更强大一些,而Vue不是完全组件化,应对一.原创 2020-10-09 11:32:26 · 5110 阅读 · 1 评论 -
CoffeeScript编程笔记
编程建议由于CoffeeScript采用 空白符缩进 来控制语句,如果同级的代码缩进没有对齐(多一个空格和少一个空格)都会对程序结构产生影响,在编译过程中,经常报代码未对齐的错误。建议 采用 Tab键 作为缩进符号,一是直观,而是方面增加和减少对齐(如果用4个空格代替Tab,则减少对齐时要删除4个空格,容易出错;如果用2个空格来缩进,程序不够直观,例如下面的代码↓)。 $'body' .click(e)-> $'.box' ...原创 2020-08-31 22:38:05 · 501 阅读 · 0 评论 -
Webpack零基础入门指导
(本文为培训新人编写)第1章 webpack 基本介绍主要介绍webpack 的基本信息,如何安装 webpack,通过命令行如何使用webpack1.1 Webpack 基本介绍为什要使用WebPack现今的很多网页其实可以看做是功能丰富的应用,它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度,前端社区涌现出了很多好的实践方法 模块化,让我们可以把复杂的程序细化为小的文件; 类似于TypeScript这种在JavaScript基础上拓展...原创 2020-08-31 22:36:05 · 259 阅读 · 0 评论 -
NodeJS下的包管理npm的安装、更新和发布
npm官方教程很详细,看一遍就懂了:https://docs.npmjs.com/getting-started/what-is-npmpackage.json属性的详细说明:https://docs.npmjs.com/files/package.json临时使用淘宝镜像:npm xxxxxxx --registry=https://registry.npm.taobao.orgnpm 关于 --save-dev 和 --save 的区别--save...原创 2020-08-31 22:32:34 · 1591 阅读 · 0 评论 -
使用npm link引入本地npm工程模块
使用npm命令,直接离线引入本地工程模块,不需要install(不用上传仓库,使本地项目可以直接依赖另一个项目)Symlink(符号链接)一个package文件夹。概括 npmlink(inpackagedir) npmlink[<@scope>/]<pkg>[@<version>] alias:npmln 描述package 链接过程分为两步首先、npm link将会在全局...原创 2020-08-31 22:30:17 · 7312 阅读 · 0 评论 -
NodeJS调用shell命令
使用child_process,如下示例 const{spawn}=require('child_process'); constls=spawn('ls',['-lh','/usr']); ls.stdout.on('data',(data)=>{ console.log(`stdout:${data}`); }); ls.stdout.on('end',(data)=>{...原创 2020-08-31 22:28:39 · 2589 阅读 · 0 评论 -
打造一个类似于lodash的前端工具库
一、分析借鉴目前最主流的前端工具库我分析了github上多个前端工具库的设计,以lodash为例说明:lodash的工程,有master、npm、npm-package、amd分支,以及 多种类型的tag: 4.17.10(umd) 4.17.10-npm 4.17.10-es 4.17.10-amd 这 4个分支 + 4个tag 的代码甚至工程结构,都不太一样。我目前还看不明白它这么多套代码,是分开维护的,还是只维护一套,其他都是自动生成的?因...原创 2020-08-30 15:11:55 · 2004 阅读 · 1 评论 -
Chrome浏览器下调试和动态修改网页JavaScript
1、js来监控复制粘贴、js监听复制粘贴事件参见:https://www.cnblogs.com/colima/p/8479310.html2、移除页面上绑定的事件实际案例:有些网站(例如CSDN)复制过来的代码后面加上了一下描述信息(作者、版权等信息),每次需要删除,怎么能保证我们粘贴的代码不携带这些信息呢?解决思路:方法1、找到copy事件在哪里调用的,然后移除这个事件。方法2、找到copy事件在哪个元素节点调用的,跳出这个节点再复制就不会触发copy事件。扩展...原创 2020-08-29 16:06:11 · 3823 阅读 · 0 评论 -
常用的JS/jQuery技术和技巧
获取指定id的某个属性的值:例如获取id=myForm的表单的action属性的值document.getElementById("myForm").action也可以设置它的值:document.getElementById("myForm").action = "/cqrd/aa.action"获取指定name的某个属性的值,例如原创 2016-12-30 15:57:14 · 1329 阅读 · 0 评论 -
让div在页面居中的方法
就是在DIV的style中加入margin: 0 auto;并且此DIV不能为float类型。但是还有一点,普通的HTML是不支持这样写的,必须在html上面加入一行就可以了。有些html是这样写的:那个xmlns是命名空间(详见我的另一篇关于XML的文章http://blog.csdn.net/zollty/article/details/6555616)关于的说明: 声原创 2012-05-10 13:30:57 · 1692 阅读 · 0 评论 -
Deamweaver编写的网页乱码问题
造成Deamweaver编写的网页乱码的原因是默认的编码不对,你看那编辑框的右下角,如果显示的是“UFT-8”那就会造成中文乱码。 现在我们需要将新建的网页编码格式设置为“简体中文(GB2312)”,依次找到菜单:“编辑”->“首选参数”->“新建文档”,把默认编码改成“简体中文(GB2312)”就OK了。 end原创 2011-07-12 14:29:12 · 712 阅读 · 0 评论 -
谷歌Chrome浏览器提交表单无效,无法跳转,a标签不起作用的解决方案
今天遇到一个坑爹的问题,找了很久才弄清楚原因,在此给广大网友分享一下解决这个问题的经验,以便少走弯路。 造成表单form无法提交的原因是,谷歌浏览器自作聪明的认为这属于“重复提交”,于是被谷歌浏览器劫持了。 解决方法: 将中的action用js去动态的设置: function toDownload(taskNo,fileId) { $("#dow_taskN原创 2013-08-01 18:55:19 · 13578 阅读 · 2 评论 -
JavaScript中函数参数的值传递和引用传递
转自:http://www.cnblogs.com/imlucky/archive/2012/11/10/2763949.html结论:对于数字、字符串等是将它们的值传递给了函数参数,函数参数的改变不会影响函数外部的变量。 对于数组和对象等是将对象(数组)的变量的值传递给了函数参数,这个变量保存的指向对象(数组)的地址。当函数改变这个地址指向的对象(数组)的内容时,同转载 2015-04-01 17:14:16 · 558 阅读 · 0 评论 -
学习CSS总结
在HTML里面,有3种方式加入CSS:1.内嵌(Inline Style)2.内部样式(Internal Style Sheet)3.外部样式表(Extenal Style Sheet)举例如下:背景图片background-image H1.mylayout {border-width:1; border:solid; text-align:center; c原创 2011-07-13 10:59:38 · 627 阅读 · 0 评论 -
判断用户关闭浏览器-beforeunload事件
用beforeunload事件,在某些浏览器上(chrome、ie、firefox)可以监听到浏览器关闭操作,能够在关闭之前,弹出一个对话框,让用户选择是否关闭。代码如下:1234567//提示用户是否离开此页面(关闭、刷新或者点击后退等)window.addEventListener(原创 2015-09-13 21:02:07 · 27552 阅读 · 1 评论 -
JavaScript进阶学习笔记
一、基本语法很简单。(略)二、JavaScript HTML DOM1、documentJavaScript 提供了 document对象 来操作 HTML DOM,例如: document.write("Hello world!");var x=document.getElementById("main");var y=x.getEle原创 2016-12-30 15:53:12 · 634 阅读 · 0 评论 -
提高网页性能的23条规则
Yslow-23条规则YslowYahoo发布的一款基于FireFox的插件,主要是为了提高网页性能而设计的,下面是它提倡了23条规则,还是很不错的,分享一下:1.减少HTTP请求次数合并图片、CSS、JS,改进首次访问用户等待时间。2. 使用CDN就近缓存==>智能路由==>负载均衡==>WSA全站动态加速3. 避免空的src和href转载 2016-12-30 15:56:13 · 327 阅读 · 0 评论 -
HTML中小meta的大作用
meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的与中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。这其中最重要的是description(站点在搜索引擎上的描转载 2011-10-08 14:25:49 · 662 阅读 · 0 评论