
前端*
ZXY_Hobby
月亮与六便士里有这么一句话,每天做两件讨厌的事对自己的灵魂是有好处的
展开
-
VS2010的编码经验
IntelliSense: PCH 警告: 头停止点不能位于宏或 #if 块中。未生成 IntelliSense PCH 文件。e:\EventLibTest_TibrvAlternative_MultiEnv\APPFL\include\calProtocol\BCALInquiry.h311TestEventLibMultiDLL (Visual Studio 2010)解决方法:报错文件添加原创 2017-07-12 16:38:18 · 653 阅读 · 0 评论 -
Ajax、ES6
Ajax XML + HTML = XHTML XHTML + 异步js = AJAXES6解构赋值箭头函数promise对象原创 2017-08-04 10:17:23 · 634 阅读 · 0 评论 -
Webpack
Webpack Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求。原创 2017-07-27 16:58:59 · 385 阅读 · 0 评论 -
CSSの定位问题
top、bottom、left、righttop、right、bottom、left应用于定位元素,position属性设置后。 top、right、bottom、left的值设置为正值时,元素向内收缩,设置为负值时,向外扩张 偏移属性定义了距离包含块相应边的偏移,而不是距离包含块左上角的偏移。 calc()、border-sizing 父元素的width设置之后,当前元素width:100原创 2017-08-14 14:15:56 · 414 阅读 · 0 评论 -
Vue
vue实例 在文档中经常会使用 vm 这个变量名表示 Vue 实例,在实例化 Vue 时,需要传入一个选 项对象,它可以包含数据(data) v-model表单控件、模板(template)、挂载元素(el)、方法(methods)、生 命周期钩子(lifecyclehook) $ 除了 data 属性, Vue 实例暴露了一些有用的实例属性与方法。这些属性与方法都有前缀 $,原创 2017-07-30 12:38:01 · 614 阅读 · 1 评论 -
vue-钩子/ 虚拟DOM / 模板语法
钩子 原名是“hook”,它是一种事件劫持机制,也就是说它会比你的事件更早进行执行处理。 路由导航钩子 : vue-router beforeRouteEnter 钩子 不能 访问 this,因为钩子在导航确认前被调用,因此即将登场的新组件还没被创建。不过,你可以通过传一个回调给 next来访问组件实例。在导航被确认的时候执行回调,并且把组件实例作为回调方法的参数。 生命周期钩子 挂载 m原创 2017-09-12 11:17:29 · 608 阅读 · 0 评论 -
HTML + CSS
相对路径 路径只与文件的位置有关,与所运行的环境无关 注意文件的位置改变后需要修改相应的路径 相对路径的目录结构索引./:代表文件所在的目录../: 代表文件所在的父级目录../../:代表文件所在的父级目录的父级目录/: 代表文件所在的根目录 px、em、%px是像素;em是个相对单位,举个例子body里面我定义font-size=10px,然后h1{font-size:2em原创 2017-07-12 16:42:20 · 495 阅读 · 0 评论 -
响应式布局和移动端操作
起因 因为越来越多的智能移动设备( mobile, tablet device )加入到互联网中来,移动互联网不再是独立的小网络了,而是成为了 Internet 的重要组成部分。响应式网络设计 ( RWD / AWD)的出现,目的是为移动设备提供更好的体验,并且整合从桌面到手机的各种屏幕尺寸和分辨率,用技术来使网页适应从小到大(现在到超大)的不同分辨率的屏幕。 注: Responsive W原创 2017-09-09 08:53:00 · 532 阅读 · 0 评论 -
HTML 5 文本标记语言
formdata对象 FormData对象就是一张虚拟的表单,我们可以在FormData对象中添加一些键值对进去,然后将整个FormData作为表单提交到服务器。优点是实现异步上传二进制文件。 1. 创建formdata对象, 2. 传递参数 方式一: Ajax传输数据时,formdata对象的append方法添加键值对 方式二: XMLHttpRequest的send()方法发送表单数据v原创 2017-09-12 11:14:33 · 354 阅读 · 0 评论 -
javascript(1)
事件处理函数的工作机制 增加检查,即使没有元素,也能避免不出现javascript错误 ~保证不理解这个方法的老浏览器不会执行这个函数 H5_DOM 和 js_DOM 动态创建标记,并把它们加载到网页Ajax 从服务器上获取访问文件获取数据,CSS-DOM 节点属性 与响应事件 节点树上的 各节点之间的位置信息 包含元素本身的信息 DOM用驼峰命名法将CSS属性变为DOM属性CSS原创 2017-09-29 13:38:14 · 340 阅读 · 0 评论 -
Canvas绘制图片
坑–操作像素的跨域问题 当用chrome浏览器或ie浏览器打开(9+)就会报错,其实存在跨域的问题, chrome:Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. ie:原创 2017-10-15 09:25:39 · 354 阅读 · 0 评论 -
Vue案例
Vue vue.js作为最好用的前端框架,基于javascript,后台交互插件使用Vue-resource(虚拟DOM、min+gzip的运行大小)来替代庞大的jQuery,还有基于模型视图的view; 使用vue能够进行这样的过程:声明式渲染-组建系统-客户端路由-大规模状态管理-构建工具 - 基础指令 v-model 表单 v-text 文本渲染 v-sho原创 2017-07-25 14:54:38 · 811 阅读 · 0 评论 -
JSON
json字符串转化为对象 (json–js)var str = '{"name":"zxy", "age" : "14" }'//json格式的数据 var obj = JSON.parse(str,fun)//解析 function fun(name,value){ //内部做一些预处理 if(name == "ag原创 2017-08-05 15:23:48 · 473 阅读 · 1 评论 -
Vscode
插件 - HTML Snippets 超级实用且初级的 H5代码片段以及提示 - HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式 - HTML SCSS Support 适用于非css项目,例如vue2/angular2+. 与上个插件类似,区别是class的提示来至于scss文件,可以直接从html-class跳转到scss文件原创 2017-07-30 14:22:19 · 403 阅读 · 0 评论 -
JavaScript(1)
ES6是Javascript有史以来最实质性的升级,其目标是使javascript可以用来编写大型的复杂的应用程序,成为企业级开发语言。原创 2017-07-11 11:20:13 · 342 阅读 · 0 评论 -
正则表达式
http://www.lovebxm.com/2017/05/31/RegExp/-JavaScript 中的对象可以简单理解成“名称-值”对,不难联想 JavaScript和下边语言类似: C/C++ 中的散列表 Java 中的 HashMap原创 2017-07-07 16:22:29 · 276 阅读 · 0 评论 -
Bootstrap
下载bootstrap文件 网站有英文网站和中文网站,生产使用版本进行开发,这个版本已经编译过了。另外bootstrap是有js 部分jQuery实现,需下载jQuery 内容包括 .map文件:预处理文件 min后缀是压缩后 bootstrap简介:一个前端样式框架,全局命名样式 创建第一个demo 需要jQuery css js都引入 <link re原创 2017-07-23 20:54:50 · 572 阅读 · 0 评论 -
基于vue-cli的Webpack构建
参考文献 http://www.jianshu.com/p/2769efeaa10a介绍一些开发过程中需要用到的文件 src 资源文件,所有的组件以及所用的图片都是在这个放着。assets 资源文件夹,放图片之类的资源,components 组件文件夹,写的所有组件都放在这个文件夹下,现在有一个写好的组件已经放到里面了,router 路由文件夹,这个决定了也面的跳转规则,App.vue应原创 2017-08-09 10:04:50 · 332 阅读 · 0 评论 -
TCP/IP、HTTP
TCP/IP通信协议 计算机有一个唯一地址,称作IP地址;32比特,也就是4个0~255之间的数字。为了方便辨识,域名对应IP地址。两者之间的转换是由DNS程序翻译的。原创 2017-08-10 11:01:12 · 318 阅读 · 0 评论 -
nodejs--(1)
Node.js 就是运行在服务端的 JavaScript;Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。 使用 Node.js 时,我们不仅仅 在实现一个应用,同时还实现了整个 HTTP 服务器。 让我们先了解下 Node.js 应用是由哪几部分组成的: 引入 require原创 2017-06-26 20:37:57 · 369 阅读 · 0 评论 -
ESLint
ESLint是一个QA工具,用来避免低级错误和统一代码的风格。ESLint被设计为完全可配置的,主要有两种方式来配置ESLint:原创 2017-08-11 14:15:08 · 450 阅读 · 0 评论 -
文档资料
ESLint中文文档 ESLint中文文档 vue.js中文文档 vue.js中文文档原创 2017-08-11 20:44:12 · 472 阅读 · 0 评论 -
CSS(1)——@import标签
1、link语法结构 此标签是引入CSS文件link标签,只要设置好路径即可。2、@import语法结构 @import + 空格+ url(CSS文件路径地址); 在html中: @import url(CSS文件路径地址); 在CSS中: ? 1 @import url(CSS文件路径地址); 在css和html中均可以使用@import二,link与@import区别原创 2017-10-15 09:23:40 · 950 阅读 · 0 评论