- 博客(28)
- 收藏
- 关注
RSS订阅原创 js的事件循环以及如何解决异步问题
JavaScript 是一种单线程语言，这意味着在同一时刻只能执行一个任务。然而，JavaScript 通过事件循环机制（Event Loop）实现了异步编程和非阻塞操作。
2024-08-01 14:54:43
217
原创 Vue前端的安全
目前端面临的攻击主要包括跨站脚本攻击（XSS）、跨站请求伪造（CSRF）和点击劫持（Clickjacking）等。这些攻击方式对用户数据安全和网站稳定性构成了严重威胁。前端安全是Web开发中一个至关重要的方面，因为前端代码直接与用户交互，容易成为各种攻击的目标。
2024-08-01 14:32:53
1074
原创 vue的发包配置
publicPath:"./", //部署应用包时的基本 URL,//这个值也可以被设置为空字符串 ('') 或是相对路径 ('./')，target: 'http://10.20.1.158', //要跨域的地址。productionSourceMap: false, // 取消.map文件的打包，加快打包速度。// pathRewrite: {'^/get': ''} //路径重写。prodEnabled: prodEnabled,//prodEnabled, // 生产打包开关。
2024-07-30 20:43:44
884
原创 indexDB在vue项目中的应用
ndexedDB 是一种底层 API，用于在客户端存储大量的结构化数据（也包括文件/二进制大型对象（blobs））。该 API 使用索引实现对数据的高性能搜索。虽然Web Storage在存储较少量的数据很有用，但对于存储更大量的结构化数据来说力不从心。而 IndexedDB 提供了这种场景的解决方案。 （1）Indexed DB： 索引数据库，操作简便，目前主流浏览器正努力实现对index DB的支持。 Web SQL Database实际上已经被废弃，...
2021-03-19 17:53:58
5126
原创 windows环境下微擎配置redis
微擎：微擎是一款免费开源的微信公众号和小程序管理系统，基于流行的WEB2.0架构（php+mysql），支持在线升级和安装模块及模板，拥有良好的开发框架、成熟稳定的技术解决方案、活跃的第三方开发者及开发团队，依托微擎开放的生态系统，提供丰富的扩展功能。微擎开发文档：https://wiki.w7.cc/chapter/35?id=370Redis：REmote DIctionary Server(Redis) 是一个开源的使用 ANSI C 语言编写、遵守 BSD 协议、支持网络、可基于..
2021-03-19 17:06:49
354
3
原创 soap 简易协议 访问webservice
SOAP 是基于 XML 的简易协议，可使应用程序在 HTTP 之上进行信息交换。项目开发中需要请求webservice服务，前端主要使用node.js 作为运行环境，因此可以使用soap进行请求。使用SOAP请求webservice服务的流程如下：1.进入项目目录，安装 soap 模块>npm install soap --save-dev安装后node_modules文件夹下2.项目中引用在main.js文件中 导入Soapimport Soap fro...
2021-03-17 16:29:51
1160
原创 纯css制作炫酷流动边框
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div></div> </body> <style> di...
2019-10-14 13:55:39
3550
转载 JavaScript的类与继承
JavaScript不像Java语言本身就具有类的概念，JavaScript作为一门基于原型(ProtoType)的语言，(推荐我之前写的我所认识的JavaScript作用域链和原型链)，时至今日，仍然有很多人不建议在JavaScript中大量使用面对对象的特性。但就目前而言，很多前端框架，例如React都有基于类的概念。首先明确一点，类存在的目的就是为了生成对象，而在JavaScript生成对象...
2018-03-26 15:36:46
1032
1
转载 iview非render中组件写法
在非 template/render 模式下（例如使用 CDN 引用时），组件名要分隔，例如 DatePicker 必须要写成 date-picker。以下组件，在非 template/render 模式下，需要加前缀 i-：Button: i-buttonCol: i-colTable: i-tableInput: i-inputForm: i-formMenu: i-menuSelect: i...
2018-03-22 17:47:03
6518
2
原创 iview初识
快速体验 MVVM 模式，了解了基础vue.js. 使用iView UI 前端UI框架构建简单实例。非webpack 工程化方案，直接引用样例<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>iview example</title> &a
2018-03-22 16:34:01
911
转载 vue.js 过滤器
VueJs中的过滤器基础过滤器是一个通过输入数据，能够及时对数据进行处理并返回一个数据结果的简单函数。Vue有很多很便利的过滤器，可以参考官方文档， http://cn.vuejs.org/api/#过滤器 ，过滤器通常会使用管道标志 “ | ”， 比如：{{ msg | capitalize }}// 'abc' => 'ABC'uppercase过滤器 : 将输入
2016-10-17 14:12:20
494
转载 webAPP前端必备知识
了解各浏览器内核Firefox:-moz-box-shadowSafari:-webkit-box-shadowOpera:-o-box-shadowIE:-ms-box-shadowWebKit 是一个开源的浏览器引擎，与之相对应的引擎有Gecko（Mozilla Firefox 等使用）和Trident（也称MSHTML，IE 使用）。同时WebKit 也是苹果Ma
2016-04-08 11:24:31
3894
转载 webkit-box的运用
box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有属性定义firefox(-moz)、opera(-0)、chrome/safari（-webkit)。
2016-04-08 11:09:50
590
转载 CSS hack方式一览
做前端多年，虽然不是经常需要hack，但是我们经常会遇到各浏览器表现不一致的情况。基于此，某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的，要知道一名好的前端，要尽可能不使用hack的情况下实现需求，做到较好的用户体验。可是啊，现实太残酷，浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协，虽然这只是个别情况。今天，结合自己的经
2016-03-22 11:02:09
401
转载 CSS浏览器兼容问题
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧1.div的垂直居中问题 vertical-align:middle; 将行距
2016-03-22 11:00:37
514
转载 JS获取IP、MAC和主机名的几种方法
方法一（只针对IE且客户端的IE允许AcitiveX运行，通过平台：XP，SERVER03，2000）：获取客户端IP。[html] view plain copyHTML> HEAD> TITLE>GetLocalIPTITLE> HEAD> BODY> 获取IP: script lang
2016-03-14 10:41:35
1070
转载 js微信中判断浏览器
S判断是否在微信浏览器打开最近做很多HTML5的项目，很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是在很多应用的浏览器中，点击下载链接无法下载应用。那么针对这些浏览器我们需要给用户提示从safari或者系统自带的浏览器打开分享页面。通过js就可以判断当前页面是在什么浏览器打开的。以下是一段示例代码，注释中表明了通过JS如何判断是否在微信浏览器
2016-03-14 10:37:32
574
转载 网页返回的状态码查询表
400 无法解析此请求。 401.1 未经授权：访问由于凭据无效被拒绝。 401.2 未经授权:访问由于服务器配置倾向使用替代身份验证方法而被拒绝。 401.3 未经授权：访问由于 ACL对所请求资源的设置被拒绝。 401.4 未经授权：Web服务器上安装的筛选器授权失败。 401.5 未经授权：ISAPI/CGI应用程序授权失败。 401.7 未经授权：由
2016-01-06 14:53:09
430
转载 imageReady 图片预加载
imageReadyjavascript图片预加载，监测图片加载完成，获取图片真实尺寸的组件（图片延迟加载）如何使用// 首先在页面中引入imageReady.js/** * @param img string|Image 图片url或者Image对象 * @param onready Function 图片尺寸已获取（此时图片还未完全下载下来） * @par
2015-11-24 11:00:35
539
转载 pageSwitch.js 实现全屏切换
移动互联网的火热发展，带来了很多产品推广传播的html5页面开发需求，而这类页面又往往以单页面滚屏（onepage-scroll）类型居多。qiqiboy开发的这个专门处理该类需求的javascript组件 – pageSwitch.js。专门处理页面上幻灯、走马灯效果的组件 – Touchslider.js，支持上下左右四个方向的滚屏切换，其实它也能胜任部分这类单页滚屏操
2015-11-24 10:53:49
7533
转载 TouchSlider 实现（PC及移动端触摸界面）的幻灯slider效果
TouchSlider是一个轻量级的javascript组件，设计的目的是提供一个可以方便实现全平台（PC及移动端触摸界面）的幻灯slider效果。近期开发触屏版网站的滑动选择菜单功能，对比了网上的一些jQuery Touchslider插件，发现还是qiqiboy那个版本的TouchSlider插件功能比较齐全。MIT license的TouchSlider 0.95存在依赖 jQuer
2015-11-24 10:47:36
3989
转载 移动端 HTML5 获取地理位置及百度地图
移动端通过浏览器获取地理位置的相关方法，深入了解一下百度地图API的相关功能。实现以下功能：(1)通过IP地址获取城市地址（并不完全准确，存在代理IP或IP中转时定位与实际位置不一致的情况）(2)通过移动端浏览器及GPS定位位置坐标(3)根据位置坐标转换百度地图坐标(4)根据位置坐标逆推城市具体地址功能（存在一定误差）(5)通过使用百度API展示地理位置及添加标注功能
2015-11-24 10:37:31
12398
1
转载 AngularJS的作用域Scope基础
概叙：AngularJS中，子作用域一般都会通过JavaScript原型继承机制继承其父作用域的属性和方法。但有一个例外：在directive中使用scope: { ... }，这种方式创建的作用域是一个独立的"Isolate"作用域，它也有父作用域，但父作用域不在其原型链上，不会对父作用域进行原型继承。这种方式定义作用域通常用于构造可复用的directive组件。作用域的原型
2015-11-20 15:53:17
588
转载 AngularJS 的 Scope
一、Scope 遇到的问题问题发生在使用 AngularJS 嵌套 Controller 的时候。因为每个 Controller 都有它对应的 Scope（相当于作用域、控制范围），所以 Controller 的嵌套，也就意味着 Scope 的嵌套。这个时候如果两个 Scope 内都有同名的 Model 会发生什么呢？从子 Scope 怎样更新父 Scope 里的 Model 呢？
2015-11-20 15:51:19
367
转载 Angularjs基础知识及示例汇总
angularjs是google开发的一款高大上的前端mvc开发框架。Angularjs官网：https://angularjs.org/ 官网有demo,访问可能需要FQAngularjs中国社区：http://www.angularjs.cn/ 适合初学者引用文件：https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8
2015-11-20 15:47:44
531
转载 AngularJS 学习笔记(2) AngularJS 表达式
AngularJS 表达式AngularJS 使用 表达式 把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内：{{ expression }}。AngularJS 表达式把数据绑定到 HTML，这与 ng-bind 指令有异曲同工之妙。AngularJS 将在表达式书写的位置"输出"数据。Angula
2015-11-20 15:45:06
376
转载 Angular.js入门笔记(1)
AngularJS 简介AngularJS 是一个 JavaScript 框架。它可通过 标签添加到 HTML 页面。AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。AngularJS 是一个 JavaScript 框架AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写
2015-11-20 15:34:54
547
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人