解决nuxt官方脚手架的一些坑:1、支持es6+语法 2、样式支持sass

1、支持ES6+语法,以server/index.js为例,将require修改为ES6的import模式:     初始化:       解决方法:      (1)修改package.json文件,在“dev”和“start”命令后面新增:--exec babel-node     ...

2019-02-27 09:52:01

阅读数 172

评论数 0

回归css之-less实现左侧导航高度至少100%,右侧高度随内容自适应

1、如图,通用CMS布局,左侧导航,右侧有容,flex布局,嵌套在外层盒子中      解决主要问题:当右侧高度高于一屏高度时,左侧导航也能自适应   2、HTML代码 <!-- 在外层盒子 --> <div class=...

2018-12-18 15:20:33

阅读数 226

评论数 0

zTree移除节点的class: 。/* 自定义:覆盖选中的背景色 */ .no-curSelectedNode{ curSelectedNode, 可toggle切换

1、自定义class: no-curSelectedNode      /* 自定义:覆盖选中的背景色 */ .no-curSelectedNode{ background-color: #fff !important; ...

2018-09-29 11:53:35

阅读数 317

评论数 0

jquery监听ctrl + c 和 鼠标右键“复制”事件

这里是测试复制粘贴 别说公开发言,朋友间过于慎言,迹近官腔的交谈,即由虚伪主导,语言无味之余并不能达到有效率的交流。所以,退一万步想,有时宁愿多些听到老友的失言(或往往是真言)。我永世不能忘记的是我一生的知己在酒醉后把我大骂一场,激动处更用球鞋掷过来。礼貌上他是失礼,但我当场哭...

2018-04-16 10:56:23

阅读数 2211

评论数 0

一个前端攻城狮的全栈之路第七弹:python打印一个简单的阶梯数字

1、先看效果: (1) 如果用户输入5,则打印: (2) 如果用户输入6,则打印: 2、python的实现代码 # 定义一个方法,接收用户输入的数字,输入几,则打印几行阶梯数字 # global startRow 函数内部调用函数外部的方法 startRow = 0 def dig...

2018-04-03 17:50:08

阅读数 231

评论数 0

解决iview 中i-table的render方法this指向window(requirejs模式下)

1、i-table通过render方法渲染的的删除按钮,调用时this指向变成window 2、解决方法,用一个变量接收new Vue()的对象即可

2018-02-06 17:59:35

阅读数 1347

评论数 0

Angular5初探之--构建一个简单的单页应用,包含登录(login)和几个一级菜单

1、项目目录结构为:@angular/cli标准目录结构,截图如下: 2、src开发文件夹已经上传至github,需要的朋友可以参考 : https://github.com/chuanzaizai/Angular5_demo 3、使用@angular/cli快速构建项目,可参考官方文...

2017-12-26 15:47:58

阅读数 3338

评论数 0

vue2+iview+require实现AMD模式下的组件化开发、按需加载

1、最近项目遇到的需求:不使用webpack,  采用老设计模式AMD,实现按需加载,组件化开发 2、主要技术栈: vue (https://cn.vuejs.org/v2/guide/)              iview (http://v1.iviewui.com/)      req...

2017-12-21 20:21:58

阅读数 2613

评论数 0

解决iview在requirejs模式下使用报错:组件未注册

1、iview在require(AMD)模式下的使用,如下文,已经配置好main.js requirejs.config({ // baseUrl:'./', paths:{ jquery:'jquery.min', less:'less-1.6.3...

2017-12-21 14:03:52

阅读数 1387

评论数 0

表现与数据分离第一篇:mvc设计模式实现pdf数据流弹窗预览

吼吼吼: 喊出程序员的心声,远离jsp,前后端分离!!!!!! 1、常用的js开发模式,尤其是jquery开发模式,一般都是重复累赘的书写,毫无维护性和可读性而言,例如 要是有一天id变了,需求变了,就jj了 2、所以,设计模式是多么多么的重要,本文只阐述简单的mvc设计模式,淌水不深,有什么...

2017-12-06 14:04:13

阅读数 361

评论数 1

webpack开发vue2项目中的一些坑(1、跨域 2、打包后后端访问一片空白3、加载第三方库的字体文件出错4、加载背景图出错)

1、在开发调试过程中,解决跨域的问题 例:本地服务器:localhost:3030  服务器地址:192.111.1.1:4000(虚构) webpack配置: devServer: { contentBase: "./static/", ho...

2017-09-19 17:14:52

阅读数 3428

评论数 0

javascript处理json/base64等数据并且下载成本地json/image文件(angular环境、execCommand)

github地址:https://github.com/chuanzaizai/execCommand_downlaod 1、最近项目有这样一个需求:后端返回json字符串、base64数据,前端处理并且下载成本地文件 2、技术栈: angular、window.navigator.userA...

2017-09-05 18:37:41

阅读数 686

评论数 0

angular中ng-mouseenter、ng-mouseleave的时间差导致dom闪屏问题(timeout可缓解)

1、现在比如有两个独立的平级模块,要实现鼠标移入nav-wrapper、list-wrapper显示list-wrapper,移出则隐藏 (1)显示所有导航 (2)导航列表 2、js代码 // 初始化为false $scope.showList = false; // 鼠标移入 ...

2017-09-04 09:20:43

阅读数 1062

评论数 0

一个前端攻城狮的全栈之路第六弹:nodejs、jade、mongodb、mongoose、七牛云实现列表的增、删、改

源码地址,欢迎star和follow:  https://github.com/chuanzaizai/node_todoLIst 1、本文后期在讲述实现思路,先看看前端的实现效果 2、列表页: 3、详情页: 4、修改页:(ps: 修改页这里已经做了判断,如果用户未重新上传图片,则展示...

2017-07-15 17:41:18

阅读数 811

评论数 0

一个前端攻城狮的全栈之路第五弹:mongoose简单使用(实现对mongodb的增、删、改、查)

*****序: 1、既然要向全栈靠拢,操作数据库就是必修课,mongodb的介于关系数据库和非关系数据库之间的产品,它存储的格式区别于传统MySQL的字段类型,而是类似于json,这对于前端的小伙伴来说又是一大福利,json每天都存在前端的http请求中 2、mongoose又是操作mongo...

2017-07-15 15:37:03

阅读数 454

评论数 0

一个前端攻城狮的全栈之路第四弹:jade模板引擎的简单介绍和使用

1、类似于java的jsp模板引擎一样,nodejs的模板引擎jade也是爽歪歪,下面就简单说明一下本文大致介绍的jade内容 (1)拆分可复用的模块,以及怎么在其余模块里引入复用对的模块,这里的模板又分为两类:  a. head中的link和script标签  b. htmld的头部声明,就是d...

2017-07-15 12:31:21

阅读数 1047

评论数 0

一个前端攻城狮的全栈之路第三弹:七牛云存储空间的申请

1、访问七牛云地址,申请个人 账户:https://portal.qiniu.com/signup/choice 2、接着按照老3步,即可完成注册 3、注册完成后,进入“个人中心-->密钥管理”查看ACCESS_KEY和SECRET_KEY,七牛云会生成两组A...

2017-07-15 11:40:33

阅读数 511

评论数 0

一个前端攻城狮的全栈之路第二弹:mongodb的本地安装

1、首先进入官网,选择操作系统和版本,下载安装包: https://www.mongodb.com/download-center    2、安装的时候可按默认配置,路径可安装到D盘下,安装完成后,完成以下2步操作即可     (1) 在D:\MongoDB\下新建data文件夹 ...

2017-07-15 10:22:24

阅读数 417

评论数 0

vue2开发之实现可复用的轮播图carousel组件

1、千年老规矩,上效果图,说明功能: (1) 实现定时器,鼠标未移上图片时,自动轮播切换 (2) 有左右切换按钮,可切换至上一张、下一张 (3)有底部小图标,可自由切换至任意一张 github参考地址:https://github.com/chuanzaizai/vue_carousel 2、组...

2017-07-11 09:17:14

阅读数 5347

评论数 0

一个前端攻城狮的全栈之路第一弹:nodejs实现一个简易的爬虫

敬请期待。。。

2017-06-07 18:08:06

阅读数 712

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭