
Web前端开发
UsherYue
进入研发行业10年,曾任职与多家创业公司,负责核心研发工作,团队建设管理工作。
展开
-
Vue3+Ts各种错误整理
解决 Vue3项目编译出现 Could not find a declaration file for module 'module-name'. '/path/to/module-name.js' implicitly has an 'any' type原创 2022-08-05 15:01:00 · 2557 阅读 · 0 评论 -
Javascript Symbol之迭代器让对象支持for..of遍历
首先我们以数组为例, 我们要知道迭代器迭代的原理,也就是为什么可以支持类似于 for....of的循环语法。迭代器遍历对象原理,看一下下面这个代码,我们发现了迭代器这个玩意,整个过程很类似for...of的过程,只不过我们没有去循环而是一次一次的调用 迭代器.next() const arr1=[1,2,3,4,5];let ite=arr1[Symbol.iterator](); //重要的是这个迭代器console.log(ite.next())//{ value: 1, done:原创 2021-12-31 14:15:59 · 383 阅读 · 0 评论 -
Javascript 正则扩展之dotAll模式
正则表达式中点 (.) 是一个特殊字符,它可以匹配除 换行符(\n)、回车符(\r)、行分隔符、段分隔符、四个字节的UTF-16字符外的任意字符。为了使点(.)可以匹配任意字符,ES9 引入新的修饰符s(dotAll模式),就是让(.) 可以匹配一切字符。代码一,ES9——dotAll模式之前采用\s 类匹配回车、换行等字符let html = ` <ul> <li> <a>C++编程思想</a> .原创 2021-12-31 12:22:16 · 968 阅读 · 1 评论 -
.jQuery文档分析4-文档处理
文档处理就是在dom元素中添加html内容1、 $("p").append("baidu") ; 增加内容到p标签内部 2、 $("p").appendTo("div") ; 把所有的p元素增加到div中3、 $("p").prepend("Hello"); 增加所有的b元素到p前4、 $("p").prependTo("#foo"); 把p前置原创 2012-07-15 00:26:05 · 1060 阅读 · 0 评论 -
jQuery插件开发中的extend方法
Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型, dest是要整合的空间可以使{} 或者不写 src是一个JSON表达式表示的javascript对象.... 因此里面可以添加方法属性等等... 我么通过不同的应用可以将我们自己的方法整合到jQuery空间中....实现插件开发 在jQuery中定义 jQuery.ext原创 2012-07-15 12:30:52 · 1044 阅读 · 0 评论 -
.JQuery文档分析2--JQuery核心与属性操作
JQuery文档 属性的操作....以及一些核心函数用法1、$(document).ready(function(){}) 是一个文档就绪函数就是在 window.onLoad完全加载执行之后才开始执行ready内部的函数这等同 $().readdy() 和 $() 2、这个类似与java中的for each...就是遍历获取到的所有ul中的li对象.集合原创 2012-07-13 00:04:39 · 1181 阅读 · 0 评论 -
新手应该如何Javascript,JDom,JQuery,DWZ。。
作为web前端程序员来说想必这些东西大家都很熟悉了...但是作为初学者来说,如何学习 是一个很重要的问题,其实这些东西并不难,只是我们在学习的时候没有理清楚他们之间的概念导致我们盲目的学习, 以我自己为例子,希望能帮助到大家的学习。 在这之前我假设大家理解了html的概念...一、 首先学习 javascript JavaScript 的正式名称是 "ECMAScript"。是基原创 2012-07-11 00:04:40 · 2966 阅读 · 4 评论 -
.DWZ源代码分析1--框架入口
DWZ框架一个国产的单页面RIA框架,RIA即富客户端互联网应用程序,是指在web上实现如桌面软件一样的操作界面..... 这个库是对javascript的二次封装、即封装了jQuery. DWZ框架为我们定义好了框架的布局样式.我们在使用的时候只需要偷梁换柱即可。我们可以以html的样式进行控件的引用.只需要设置好ID即可,因为在js后台已经为我们设置好了样式。 通过不同的id以及不同标签的原创 2012-07-17 03:08:19 · 8813 阅读 · 0 评论 -
JQuery文档分析1-JQuery核心与选择器
最新学习DWZ框架 ,最后发现有必要先学习下JQuery。JQuery,发现跟着视频学习无法完全更好的理解,没办法只能自己看文档学习,毕竟官方的文档才是王道。 我下载的文档时JQuery1.7 ,幸好有中文版 JQuery是对javascript 的一个封装,目的是在用更少的代码开发出更强的交互性web ,其实所谓的JQuery库也只是一个js文件而已,可以去官方下载到。。在自己的we原创 2012-07-12 20:34:28 · 1420 阅读 · 0 评论 -
jQuery文档分析4-属性的动态设置
例子1: 动态设置img的src属性 其他dom元素雷同用于动态属性的设置 $(document).ready( function(){ $("#load").click(function(){ $("img").attr("src","admin.png") ; //设置img的src属性 $("img").attr("原创 2012-07-14 13:07:36 · 1263 阅读 · 0 评论 -
.jQuery文档分析3-jQuery元素筛选
筛选时从包含一个或者多个dom对象的jQuery对象中找出某个dom对象所对应的jQuery对象我们从而可以进行操作1、$("p").eq(-2) 从搜索到的p标签中选择出倒数第二个p元素对应的jQuery对象注意不是dom对象,这里要和get方法区分开 。get方法是获取dom对象然后 根据html dom进行操作 如果从正向开始筛选那么,索引时基于0的2、$("li"原创 2012-07-14 02:09:50 · 1439 阅读 · 0 评论 -
关于js异步上传文件
好久没登录博客园了,今天来一发分享。 最近项目里有个需求,上传文件(好吧,这种需求很常见,这也不是第一次遇到了)。当时第一想法就是直接用form表单提交(原谅我以前就是这么干的),不过表单里不仅有文件还有别的信息需要交互,跟后端商量后决定文件单独上传,获取到服务器端返回的文件地址在和表单一起提交。这里就需要异步上传文件。 在网上扒了扒相关的内容,发现还真不少,阮一峰老师的这篇文章(文件上传的渐转载 2017-05-30 21:18:50 · 1182 阅读 · 1 评论 -
说说JSON和JSONP,也许你会豁然开朗,含jQuery用例
前言:说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决?这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串或者用XML来描述,跨域可以通过服务器端代理来解决。但到目前为止最被推崇或者说首选的方案还是用JSON来传数据,靠JSONP来跨域。而这就是本文将要讲述的内容。 JSON和JSONP虽然只有一个字母的差别,但其实他们根本不是一回转载 2017-01-25 11:14:57 · 537 阅读 · 0 评论 -
SSO单点登录的实现原理是怎样的
单点登录在现在的系统架构中广泛存在,他将多个子系统的认证体系打通,实现了一个入口多处使用,而在架构单点登录时,也会遇到一些小问题,在不同的应用环境中可以采用不同的单点登录实现方案来满足需求。我将以我所遇到的应用环境以及在其中所经历的各个阶段与大家分享,若有不足,希望各位不吝赐教。 当用户第一次访问系统1的时候,因为还没有登录,会被引导到认证系统中进行登录,根据用户提供的登录信息,认证系统进行身份转载 2017-01-25 09:55:11 · 2717 阅读 · 3 评论 -
JS的prototype和__proto__
一、prototype和__proto__的概念prototype是函数的一个属性(每个函数都有一个prototype属性),这个属性是一个指针,指向一个对象。它是显示修改对象的原型的属性。__proto__是一个对象拥有的内置属性(请注意:prototype是函数的内置属性,__proto__是对象的内置属性),是JS内部使用寻找原型链的属性。用chrome和FF都可以访问到对象的__proto转载 2017-01-24 18:22:22 · 623 阅读 · 0 评论 -
SSO单点登录三种情况的实现方式详解
单点登录(SSO——Single Sign On)对于我们来说已经不陌生了。对于大型系统来说使用单点登录可以减少用户很多的麻烦。就拿百度来说吧,百度下面有很多的子系统——百度经验、百度知道、百度文库等等,如果我们使用这些系统的时候,每一个系统都需要我们输入用户名和密码登录一次的话,我相信用户体验肯定会直线下降。当然,对于个人博客这类系统来说根本就用不上单点登录了。假如,我们的系统很庞大,但是就是这转载 2017-01-24 15:46:03 · 6365 阅读 · 0 评论 -
javascript中document对象详解
注:页面上元 素name属性和JavaScript引用的名称必须一致包括大小写否则会提示你一个错误信息 “引用的元素为空或者不是对象\\\\\”———————————————————————对象属性document.title //设置文档标题等价于HTML的title标签document.bgColor //设置页面背景色document.fgColor //设置前景色(转载 2012-05-13 23:09:05 · 1255 阅读 · 0 评论 -
网页设计中很重要的概念div+浮动..
html中包括两种元素 内联元素(行内元素) 和 块元素 ,怎么理解呢?行内元素就是不换行的元素,并且大小可以自适应. 例如 a img font span .//块元素就是不论内容多少 宽度高度多少都会换行显示 例如 div p li 行内元素和块元素的相互切换 用到 display: inline block ;这两个 css属性..原创 2012-08-23 19:45:35 · 4551 阅读 · 0 评论 -
CSS学习3-div的使用以及盒子
DIV布局 1、如果单单就是一个div和span 那么他们的显示没有什么实际上的区别 他们主要的区别就是 div换行显示 而span不换行显示。。 DIV被认为是一个而span是行内元素 不会产生换行。 div的默认宽度是充满整个浏览器的并且会随着浏览器的变化而变化,div的宽度和高度设置的时候一定要带上单位如px 2、盒子模型是排版的一个重要原创 2012-05-18 06:40:58 · 2024 阅读 · 0 评论 -
DIV浮动思想
html中包括两种元素 内联元素(行内元素) 和 块元素 ,怎么理解呢?行内元素就是不换行的元素,并且大小可以自适应. 例如 a img font span .//块元素就是不论内容多少 宽度高度多少都会换行显示 例如 div p li 行内元素和块元素的相互切换 用到 display: inline block ;这两个 css属性..原创 2012-08-23 19:46:37 · 1527 阅读 · 0 评论 -
CSS学习1
一、层叠样式表的链接方式。 使用CSS层叠样式表可以很方便的设置所有的标签的属性 ,不用像以前一样我们对每个html标签逐个进行设置 。 在html中使用css有四种方式 。 1、 行内样式 设置html标签的style属性 ,例如 这样设置不能达到一次设置全部更新的效果 。 2、 内嵌式 3、 链接式 利原创 2012-05-09 01:10:11 · 1236 阅读 · 1 评论 -
javascript学习笔记1
/** * 利用Object对象工厂创建javascript对象 我们还可以使用函数创建 * @param r * @param g * @param b * @returns {___obj0} */function getColorObject(r,g,b){ var obj=new Object() ; obj._R_=r ; obj._G_原创 2012-07-10 20:08:54 · 726 阅读 · 0 评论 -
JS 获取浏览器、显示器 窗体等宽度和高度
网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全转载 2012-05-13 22:32:13 · 1433 阅读 · 0 评论 -
利用C/C++扩展php语言实现 Usher_GetHostIP无参函数
PHP程序员需要略会C也是必要的,不管从业务角度还是 专业角度,因为C是PHP的母语。并且我们一般不会用原生PHP来处理大批量业务逻辑,这个时候我们需要扩展。曾经有一个笑话 是一个php程序员在群里喊了一句 "PHP是世界上最牛逼的语言,没有之一!" 然后 所有人笑了。笑话归笑话,但是PHP从语言本质来说的确是一门不错的语言,如果灵活的运用,他不应该成为阻碍我们前进的瓶颈,反而是一把利器。如果运用得当PHP真的是个不错的选择。语言本身没界限高低之分,只有思想运用之别。PHP程序原创 2015-02-04 00:51:24 · 3069 阅读 · 1 评论 -
灵活多变的Javascript
最近看到一篇文章写到灵活的 Javascript ,甚是感叹Javascript的强大。 Number.prototype.add=function(x){ return this+x ; }; Number.prototype.subtract=function(x) { return this-x ; } ; Number.pr原创 2015-02-11 10:01:13 · 956 阅读 · 0 评论 -
过目不忘 JS 正则表达式
正则表达式,有木有人像我一样,学了好几遍却还是很懵圈,学的时候老明白了,学完了忘光了。好吧,其实还是练的不够,所谓温故而知新,可以为师矣,今天就随我来复习一下这傲娇的正则表达式吧。为啥要有正则表达式呢?其实就是因为计算机笨(这话不是我说的),比如123456@qq.com,我们一看就是邮箱,可是计算机不认识啊,所以我们就要用一些计算机认识的语言,来制定好规则,告诉它符合这个规则的就是个邮箱,这样计转载 2016-07-19 12:34:52 · 2565 阅读 · 0 评论 -
Restful API 的设计规范
Restful API 的设计规范1. URIURI规范资源集合 vs 单个资源避免层级过深的URI对Composite资源的访问2. RequestHTTP方法安全性和幂等性复杂查询BookmarkerFormatContent Negotiation6. Response分页response7. 错误处理8. 服务型资源9. 异步任务10. API的演进版本URI失效11. 安全参考文档本文总转载 2016-09-14 11:43:23 · 6531 阅读 · 2 评论 -
session跨域共享
这里所说的跨域,是指跨二级域名,而且这些域名对应的应用都在同一个app上, 比如我有以下3个域名: www.vinceruan.info blog.vinceruan.info bbs.vinceruan.info 我要在这三个域名直接共享cookie或者共享session,如何实现呢?在tomcat下又如何实现呢? 首先我们来了解下cookie,顾名思义,小甜心,少食即可,多吃无益。cookie转载 2016-09-14 18:06:49 · 8138 阅读 · 1 评论 -
深入理解css基线与行高
1、基本概念1. 基线、底线、顶线、中线注意:基线(base line)并不是汉字文字的下端沿,而是英文字母“x”的下端沿。2. 内容区内容区是指底线和顶线包裹的区域(行内元素display:inline可以通过background-color属性显示出来),实际中不一定看得到,但确实存在。内容区的大小依据font-size的值和字数进行变化。3. 行距、行高行高(line-height):包括转载 2016-09-29 18:35:56 · 1024 阅读 · 0 评论 -
css学习2
1 、 css的边框用border来设置 。 可以设置任何html元素的边框的样式 宽度颜色 等等 border: dashed 3px blue ; 直接设置border的样式 ,那么 left rigth bottom top都会自动设置 border-left :dashed 3px blue ; 也可以这样设置 border-原创 2012-05-11 14:40:17 · 1228 阅读 · 1 评论