2018年10月_张兴华(MarsXH.Chang)

11月 10月 08月 07月 04月 03月 01月

转载 scoped带来的vue中css样式问题及解决方法

vue中的scoped属性的效果主要通过PostCSS转译实现，如下是转译前的vue代码：<style scoped>.example { color: red;}</style> <template> <div class="example">hello world</div></template>

2018-10-31 10:31:24 3275

原创 Nw.js入门文档

图片太多，带图片的文档可以去我的csdn下载找到。目录技术介绍 4技术介绍 41 开发环境搭建及开发工具 51.1开发环境搭建 51.2 开发工具介绍 72 项目结构及配置文件 82.1 项目目录结构 82.2 配置文件 93 生成exe及跨平台打包 143.1 Hello Word 143.2 生成exe文件 153.3 跨平台打包 174 常...

2018-10-31 10:28:43 6231 2

原创使用Vue-Router的导航守卫-无限循环问题

我在项目里面用到了的是全局守卫，beforeEach,方便管理不过遇到了一个问题，就是在beforeEach()中设置好判断条件后出现了无限循环的问题当时的代码如下：router.beforeEach((to, from, next) =&gt; { if (isLogin) { next() } else { console.log('测试') ...

2018-10-31 10:28:34 4416 2

转载前端常见跨域解决方案（全）

前端常见跨域解决方案（全）什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：1.) 资源跳转： A链接、重定向、表单提交2.) 资源嵌入：、什么是同源策略？同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受...

2018-10-31 10:28:20 469

原创 node 读取docx乱码问题

const fs = require("fs");const AdmZip = require('adm-zip'); //引入查看zip文件的包let chooser = document.getElementById("readFile");chooser.addEventListener("change", function (evt) { let filePath = this.v...

2018-10-30 11:00:59 1340

原创 node遍历文件夹并读取文件内容

<input type="file" webkitdirectory directory multiple>var fs = require('fs');var path = require('path');//解析需要遍历的文件夹var filePath = path.resolve('./dist');//调用文件遍历方法fileDisplay(filePath);/...

2018-10-30 11:00:13 3237

原创 Cookie、session和localStorage、以及sessionStorage之间的区别

一、Cookie、session和localStorage的区别cookie的内容主要包括：名字、值、过期时间、路径和域。路径与域一起构成cookie的作用范围。若不设置时间，则表示这个cookie的生命期为浏览器会话期间，关闭浏览器窗口，cookie就会消失。这种生命期为浏览器会话期的cookie被称为会话cookie。会话cookie一般不存储在硬盘而是保存在内存里，当然这个行为并不是规范...

2018-10-30 10:58:26 245

原创 CSS hack代码汇总

例如现有CSS代码如下：.divContent{ background-color:#eee;}那么下面我们就来写一下，如何使代码兼容几个主流浏览器。/* IE8+ */.divContent{ background-color:#eee\0;}/* IE8、IE9 */.divContent{ background-color:#eee\8\9\0;}...

2018-10-30 10:56:33 904

原创 Angular 笔记

ng- : 指令 ng-app : 指定angular使用的区域 (一般加在html标签中 <html lang="en" ng-app="myApp">) ng-init : 初始化数据 ng-model : 绑定了标签的值双向数据绑定实现: HTML中呈现的view与AngularJS中的数据是一致的. 修改其一, 则对应的另一端也会相应地...

2018-10-30 10:54:35 1135

原创 vue组件-动态搜索下拉框组件

组件dropdown.vue代码如下：<template> <div class="vue-dropdown default-theme"> <div class="search-module clearfix"> <input class="search-text" @keyup='search($event)'

2018-10-30 10:52:39 6654 2

原创 vue小项目-todolist

一、需求简述：1、在输入框内输入待办事项，回车后添加到列表；2、点击此事项可以将其状态改为已完成，再次点击变为未完成；3、可以实现已完成、未完成筛选；4、计数；5、在全部列表中可以进行删除；二、实现要点：1、在输入框内输入待办事项，回车后添加到列表；输入框监听回车按键，调用clickenter方法，向存放全部数据的数组rowdatas中push一组数据。clickenter() ...

2018-10-30 10:50:46 555

原创 iview可编辑表格的实现

<!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" type="text/css" href="http://unpkg.com/iview/dist/styles/iview.css"&

2018-10-30 10:44:45 6404

原创 Element-UI可编辑表格的实现

一、可编辑单元格的实现实现效果：点击可编辑实现原理：在单元格中放置span 和 input ，绑定data中同一的数据，捕捉点击单元格事件和失去焦点事件，添加/删除元素的相应class，控制span 和 input 框的显示。实现代码：Style：.tb-edit .input-box { display: none}.tb-edit .current-cell .inp...

2018-10-30 10:43:41 89490 13

原创 element中input的change事件

element中input的change事件是移除焦点才触发：<el-input placeholder="同事姓名或账号" suffix-icon="el-icon-search" v-model="keyword" @change="handlerPageNo" style="width: 180px;"></el-input&am

2018-10-30 10:31:21 61560 10