- 博客(4750)
- 资源 (28)
- 收藏
- 关注
RSS订阅转载 jQuery转Vue项目实践总结
工作需要，将公司项目从jQuery转成Vue来写。这里分享下转变项目的过程并写了一个小demo，希望能对遇到同样问题的朋友一些帮助。PS： 本人Android开发，兼职前端，前端知识浅薄，有什么不对的地方还请指出，大家共同进步。谢谢~jQuery和Vue的区别jQuery是使用选择器（$）选取DOM对象，对其进行赋值、取值、事件绑定等操作，其实和原生的HTML的区别只在于可以更方便的选取...
2019-08-21 09:14:45
1153
转载 【项目相关】MVC中使用WebUploader进行图片预览上传以及编辑
项目中需要用到多图片上传功能，于是在百度搜了一下，首先使用了kissy uploader,是由阿里前端工程师们发起创建的一个开源 JS 框架中的一个上传组件。。。但，后面问题出现了。在对添加的信息进行重新编辑的时候，这些图片怎么办？由于对js不是很熟悉，就没有想去修改这个组件的代码。只有重新寻找合适的组件，于是就找到了百度的WebUploader,下面简要描述一下该组件在MVC中的使用，包括图片...
2019-08-20 18:01:25
611
转载 Ueditor设置默认字体、字号、行间距，添加字体种类
Ueditor默认字体、字号、行间距的修改：ueditor默认字号是16号，默认字体为sans-serif，默认行间距为5px，如下图所示：首先，修改ueditor.all.js文件中如上图红框中对应的字体、字号、行间距的值；其次，ueditor.all.min.js文件为ueditor.all.js的压缩版，需要一并修改其中对应的字体、字号、行间距的值，如下图所示：字体种类的添加：u...
2019-08-20 18:00:08
3279
转载 为什么要使用rem
模仿网易移动端的的写法：html { font-size: 13.33333vw}@media screen and (max-width:320px) { html { font-size: 42.667px; font-size: 13.33333vw }}@media screen and (min-width:321px...
2019-08-20 00:08:58
2536
1
转载 CSS3 rem入门
Equal to the computed value of “font-size” on the root elementrem是CSS3新增的相对长度单位，是指相对于根元素html的font-size计算值的大小。简单可理解为屏幕宽度的百分比。REM浏览器支持情况与em相同的是它们都是使用元素设定字体大小，不同的是em是根据父级元素设置大小。而rem在根据指定html根元素的字符大小...
2019-08-19 23:22:57
609
转载 rem与em的使用和区别详解
编者：在自适应制作稿中，我们经常会看到rem和em这两个单位的冒泡，rem是基于html元素的字体大小来决定，而em则根据使用它的元素的大小决定（很多人错误以为是根据父类元素，实际上是使用它的元素继承了父类的属性才会产生的错觉）你可能已经很熟练使用这两个灵活的单位，但你可能不完全了解何时使用 rem ，何时使用 em。 本教程将帮你弄清楚!Em 和 rem都是灵活、 可扩展的单位，由浏览器转换...
2019-08-19 23:07:48
298
转载 CSS中的em运用详解，1em等于多少像素？
今天要看完它：使用CSS也好久了，但一直都是在使用“px”来设置Web元素的相关属性，未敢使用“em”。主要原因是，对其并不什么了解，只知道一点概念性的东西，前段时间在项目中要求使用“em”作为单位设置元素，所以从头对“em”学习了一回。稍为有一点理解，今天特意整理了一份博文与大家一起分享，希望对童子们有些许的帮助。这篇教程将引导大家如何使用“em”来创建一个基本的弹性布局，从而学习其如何计算...
2019-08-18 23:35:15
2417
转载 CSS设置行间距和字间距
CSS设置行间距在CSS中通过line-height属性来实现行间距的设置，line-height的值表示的是两行文字之间基线的距离。文字的基线，指的是如果给文字加上下划线，那么上下划线就是文字的基线。Line-height的值设置为具体的数值，可以是相对数值，也可以设置为绝对数值，在静态页面中，文字大小固定时常常使用绝对数值，而对于论坛和博客这些用户可以自定义字体大小的页面，通常设置为相对...
2019-08-18 22:12:19
18340
转载 格式化上下文formatting contexts
什么是格式化上下文（formatting contexts）Formatting context是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系、相互作用。格式化上下文指的是初始化元素定义的环境。包含两个要点，元素定义的环境和初始化。在 CSS 中，元素定义的环境有两种，一种是块格式化上下文( Block ...
2019-08-18 22:02:41
433
转载 CSS文本字体及排版
字体——font-familyfont-family：字体1，字体2，字体3，……；应用font-family属性可以一次定义多个字体，而在浏览器读取字体时， 会按照定义的先后顺序来决定选用哪种字体。若浏览器在计算机上找不到第一种字体，则自动读取第二种字体，若第二种字体也找不到， 则自动读取第三种字体，这样依次类推。如果定义的所有字体都找不见，则选用计算机系统的默认字体。在定义英文字体时，若英文...
2019-08-18 21:24:06
374
转载 CSS中的字体与排版
1.连字符断行问题：两端对齐的效果的时候，折行效果有的时候真的很丑。解决：使用hyphens属性。hyphens 告知浏览器在换行时如何使用连字符连接单词。可以完全阻止使用连字符，也可以控制浏览器什么时候使用，或者让浏览器决定什么时候使用。它接受三个值：none，manual和auto。它的初始值是manual，以匹配现有的行为：我们可以用软连字符手动断字。width: 8.7em;f...
2019-08-18 18:21:13
919
转载 BFC（块级格式化上下文）的作用及生产方法
由于如浮动、margin值叠加等时候会用到BFC，但让我详细说BFC到底是什么，有说不清楚，所以决定对BFC的知识进行一个整理。1.BFC是什么BFC中三个英文字母B、F、C分别是Block（块级盒子）、Formatting（格式化）、Context（上下文）。BFC的中文意思是块级格式化上下文。简单的理解BFC，其从样式上和普通盒子没有什么区别，其从功能上可以将其看作是隔离了的独立容器，容...
2019-08-18 16:29:10
341
1
转载 CSS格式、排版
文字排版–字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。body{font-family:"宋体";}这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。）现在一般网页喜欢设置“微软雅黑”，如下代码：body{font-famil...
2019-08-18 13:58:16
317
转载 URL特殊字符及编码值列表大全
大家上网的时候一定会看到很多这类情况有的网页地址都是%22%32%11%23%21等这种机器语言恐怕只有机器能马上辨认吧现在我把大概知道的总结一下URL编码：怎样读取特殊字符从外部文本载入到动态文本的时候，一些特殊字符（如&/%等）无法正常现实，有的符号还会导致这个符号后面的字符无法现实（如&），这时候我们就要将这些特殊字符进行URL编码，以下是各个特殊字符的URL对应编号：...
2019-08-18 12:06:47
1394
转载 JavaScript实现划词翻译
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GetWord.aspx.cs" Inherits="Pro.GetWord" %><!DOCTYPE html><html><head runat="server"> <meta http-equiv="Con...
2019-08-17 22:48:07
2913
2
转载 Web前端窗口尺寸总结
尺寸总结window 和 screen 相关windowwindow.innerWidth：视口的宽。window.innerHeight：视口的高。window.outerWidth：浏览器窗口的宽。window.outerHeight：浏览器窗口的高。兼容性，这四个属性在 IE9 及以上才支持。screenscreen.width：屏幕的宽。screen.hei...
2019-08-17 22:14:21
1898
转载 ajax请求的data数据格式
ajax提交data类型一、问题来源今天使用ajax时，发现get传data时，传递json字符串时传不过去参数，所以做了一些实验测试ajax的get和post的传递data时的不同。二、概念ajax有三种传递传递data的方式：json格式json字符串格式标准参数模式1.json格式形如：{“username”:”chen”,”nickname”:”alien”}ajax...
2019-08-17 10:23:43
591
转载 jquery validate 源码解读
一.解析目的解决umeditor富文本编辑器与jquery validation的冲突。并了解其原理。二、大体结构1.总体部分(function( factory ) { if ( typeof define === "function" && define.amd ) { define( ["jquery"], factory ); } e...
2019-08-14 23:37:25
892
转载 jQuery插件jQuery Validation学习（三）——validator对象
获取validator对象的方法如下（在之前的表单校验函数中，其实就返回这个对象，所以直接接收这个值即可）： //获得validator对象 validator = $("#demoForm").validate({ //调试模式，也就是说按下提交按钮的时候并不会提交 debug:true, //rule...
2019-08-14 23:24:01
264
转载 jQuery Validate（5） - Validator对象及常用静态方法
一、Validator对象validate( [options] )返回一个Validator对象，有一些公共方法可以用来程序中触发校验以及改变表单内容。Validator有很多方法，只简单介绍以下这几个。1.form()表单校验结果，返回类型Boolean；该方法类似于$('#formId').valid()示例： var validator = $('#formId').val...
2019-08-14 23:12:44
680
转载 JQuery Validate-Validator对象
validate 方法返回一个 Validator 对象。Validator 对象有很多方法可以用来引发校验程序或者改变 form 的内容，下面列出几个常用的方法。meta String 方式将验证规则写在了控件中$("#myform").validate({ meta:"validate", submitHandler:function() { alert("Submi...
2019-08-14 22:53:01
494
转载 jQuery源码阅读（一）---jQuery源码整体架构
之前用jQuery库写了两个小例子（结合Apache、PHP实现的简易聊天室以及音乐播放器），详见我的上两篇博客jQuery aJax技术以及PHP实现简单聊天室、 利用jQuery实现音乐播放器。为了更加深入了解jQuery库的架构以及巩固原生JS的基础和深度，决定刨一刨jQuery源码。jQuery源码架构首先，jQuery源码的整体构架如下：（此图来源于“jQuery技术内幕：深入解析j...
2019-08-13 23:59:28
993
转载 jquery中知识盲点(+)
jquery中css方法是改变内联样式事实证明jquery中css方法是改变内联样式$("p").css("color","red");<p style="color: red;">This is another paragraph.</p>CSS()读取和设置内联样式。语法和attract()大致一样，宽高的读取和设置可用简写方式width()、height(...
2019-08-13 23:54:49
148
转载 C#设计模式总结
一、引言经过这段时间对设计模式的学习，自己的感触还是很多的，因为我现在在写代码的时候，经常会想想这里能不能用什么设计模式来进行重构。所以，学完设计模式之后，感觉它会慢慢地影响到你写代码的思维方式。这里对设计模式做一个总结，一来可以对所有设计模式进行一个梳理，二来可以做一个索引来帮助大家收藏。PS: 其实，很早之前我就看过所有的设计模式了，但是并没有写博客，但是不久就很快忘记了，也没有起到什么作...
2019-08-13 23:00:52
1116
转载 .net mvc超过了最大请求长度的解决方法
在我们的项目中遇到"超过了最大请求长度"如下图所示,是因为IIS默认请求长度4M,当请求长度大于这个值的时候报错,下面是解决方案.解决方案:修改web.config文件1、注意在mvc中有两个web.config文件，如下图，一个位于Views下，是用来控制view中的文件；还有一个在位于根目录下，对所有文件起作用。我们修改根目录下web.config2、修改maxRequestLengt...
2019-08-13 09:40:13
2343
转载 JS实时通信三把斧系列之三: eventsource
前言前两篇文章分析了websocket和socket.io，现在就剩下最后一个实时通信技术-eventsource。很多人也许好奇，有了websocket这种实时通信，为什么还需要eventsource呢？答案其实很简单，那就是eventsource其实是单向通信，而websocket是双向通信。在股票行情、新闻推送的这种只需要服务器发送消息给客户端场景中，使用SSE更加合适。另外SSE是使用H...
2019-08-12 23:30:01
3038
1
转载 JS实时通信三把斧系列之二: socket.io
介绍完上一篇文章websocket,我们把视线转移到第二个RTC利器：socket.io。估计有童鞋就会问，websocket和socket.io有啥区别啊？在了解socket.io之前，我们先聊聊websocket(长连接)的实现背景。1、长连接的实现背景在现实产品中，并不是所有的客户端都支持长连接的，或者换句话说，在websocket协议出来之前，是有两种方式去实现websocket类似...
2019-08-12 22:44:07
1906
转载 JS实时通信三把斧系列之一: websocket
前言前端的学习路线永远不会缺少实时通信这个领域,为了给自己填充这块知识.顺便可以完成公司的长连接项目,我开始学习系统学习这块领域的知识.整个系列按照实时通信的实现方式来学习,目前能够应用在实际项目中有如下三种方式:websocket: JS实时通信三把斧系列之一: websocketsocket.io: JS实时通信三把斧系列之一: socket.ioEventSource: JS实时通信...
2019-08-11 21:15:55
1391
转载 浅析C#中文件路径的操作
在程序中对文件操作是非常常见的，而对文件的操作则不可避免的需要文件的路径，并对文件的路径进行一系列的操作，例如：判断已知的路径是一个目录还是一个文件，路劲是一个文件则该文件的名称是什么，文件的扩展名名是什么等等。在C#中并并没有将文件的路径抽象为一个类，用来表示文件路径就是一个普通的字符串。对文件路径的操作例如，要获取文件名称，可以通过截取字符串或者使用正则表达式来取得。其实，在.NET类库中，...
2019-08-11 13:10:40
898
转载 sysobjects syscolumns和SysTypes笔记
1.sysobjects在数据库中创建的每个对象（例如约束、默认值、日志、规则以及存储过程）都对应一行。常规用法：select * from sysobjects where id= object_id('TableName') and type = 'U' 查找表TableName的信息更多参考http://msdn.microsoft.com/zh-cn/library/ms177596...
2019-08-11 12:56:56
739
转载 ApplicationHost.config(IIS存储配置区文件)
对于一个刚刚创建网站，以ASP.NET MVC5为例。我们并没有在网页的配置文件(web.config)中配置一些处理程序或模块，如处理Session的SessionStateModule模块，映射Url的UrlRoutingModule模块等。但是我们依然可以在控制器中正常的访问Session。我们请求的url依然能正确的映射到控制器和Action。这是因为在IIS的配置文件中Applic...
2019-08-11 12:55:22
1708
转载 程序员思维修炼
程序员思维修炼德雷福斯模型技能获取的德雷福斯模型共分5阶新手到专家被分为5阶：专家：凭直觉工作精通者：能够自我纠正胜任者：能够解决问题高级新手：不想要全局思维新手：需要指令清单由新手到专家的转变，脱离独立与绝对化规则，进入直觉的境界并最终称为系统本身的一部分：规则 -> 直觉考虑各个方面 -> 关注相关方面旁观者 -> 系统的一部分不知道自己不知道...
2019-08-10 20:18:42
724
转载 jQuery validator插件success设置为function进行removeClass操作的BUG修复
发现了jQuery Validation Pluginv1.13.1有一个小BUG。需求实现是：一个输入框验证不通过错误提示信息显示在label中，此时使用.error样式。当验证通过，通过设置option中的success为function来操作，remove掉.error样式，add上.valid样式。可是发现如果在验证通过的情况下，不停地在输入框中onblur，那么会不停地新增显示错误信...
2019-08-10 19:42:10
272
1
转载 jquery-validate验证通过和失败自定义信息
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="valid.aspx.cs" Inherits="OneTask.valid" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="ser...
2019-08-10 16:11:48
300
转载 ueditor插入自定义内容和样式
UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点通过UEditor提供的API接口可以很方便的读写操作内容并设置编辑器里的样式页面中的脚本<script> $(function () { init(); _template(); }); function _temp...
2019-08-10 15:17:22
5687
转载 百度编辑器安全漏洞及其防护措施
跟老赵头儿学开发之十四 : 百度编辑器安全漏洞及其防护措施百度编辑器UEditor 是一套开源的在线html编辑器，它是由百度web前端研发部开发的所见即所得的富文本web编辑器，开发人员可以用 UEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本框。UEditor既可以录入文本也可以上传图片，还可以支持自定义的html编写，支持电脑端及移动端，自适应页面，图片也可...
2019-08-10 15:10:26
2264
转载 网站漏洞修复之最新版本UEditor漏洞
UEditor于近日被曝出高危漏洞，包括目前官方UEditor 1.4.3.3 最新版本，都受到此漏洞的影响，ueditor是百度官方技术团队开发的一套前端编辑器，可以上传图片，写文字，支持自定义的html编写，移动端以及电脑端都可以无缝对接，自适应页面，图片也可以自动适应当前的上传路径与页面比例大小，一些视频文件的上传，开源，高效，稳定，安全，一直深受站长们的喜欢。百度的UEditor文本编...
2019-08-09 13:02:21
2133
转载 js 前端防xss攻击——百度UEditor解决方案
xss跨站脚本攻击(Cross Site Scripting)，是一种经常出现在web应用中的计算机安全漏洞，指攻击者在网页中嵌入客户端脚本(例如JavaScript), 当用户浏览此网页时，脚本就会在用户的浏览器上执行，从而达到攻击者的目的。比如获取用户的Cookie，导航到恶意网站,携带木马等。大部分的xss漏洞都是由于没有处理好用户的输入，导致攻击脚本在浏览器中执行，这就是跨站脚本漏洞的根...
2019-08-09 11:15:52
1562
转载 JQuery validate 验证失败回调自定义方法及错误显示
本篇文章主要介绍 JQuery validate 验证失败后回调自定义方法，并显示自定义样式。JQuery validate需求假设我想在使用 validate 基础上实现一个这么样的功能： 校验失败后，修改特定的样式，比如：我想校验错误之后，将下面的输入框input-group 完全变红，并不是简单的插入提示，或者只是给input一个css类，而是出现错误之后，操作DOM；并且在我修正后输入...
2019-08-08 22:45:29
1374
转载 jQuery Validate 表单验证插件----自定义校验结果样式
一、下载依赖包二、引入依赖包 <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script> <script src="lib/jquery.validate.js" type="text/javascript"></script>三、添加错误样式e...
2019-08-08 17:42:25
378
Quill.js TextEditor.zip
2020-11-14
fund_sharp.zip
2020-09-17
webplayer.zip
2020-08-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人