- 博客(131)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 angular6 基本语法——属性、变量、*ngIf、*ngFor
自定义设置属性值<div [id]='myName'> {{myName}}</div><div id={{myName}}> {{myName}}</div><div bind-id='myName'> {{myName}}</div><div [attr.myname]='myName'>...
2019-07-26 13:44:56
2075
原创 angular6 自定义DOM节点属性（非标准DOM属性设置）
文章目录文章参考问题描述模板绑定是通过 property 和事件来工作的，而不是 attribute。自定义设置属性值文章参考angular5 给元素添加自定义属性问题描述今天想总结一下angular基础知识，想自己写一个自定义myname属性的demo，类似于jquery那样在某个element对象中添加属性，结果angular编译报错，提示是说myname不是div的属性模板绑定...
2019-07-26 13:43:46
1282
原创 angular6 内置管道(过滤器)
文章参考Angular管道的使用管道说明angular中的管道(pipe) 以及自定义管道-适用于angular4 angualr5 angualr6 angular7angular中的管道(pipe)是用来对输入的数据进行处理，如大小写转换、数值和日期格式化等。常用的管道（pipe）大小写转换{{str | uppercase}} //转换成大写{{str | low...
2019-07-26 09:08:02
1748
原创 angular6 如何引入SASS
文章目录文章参考加载依赖的库配置angular.js 文件样式文件改为scss后缀文章参考angular6 引入sass加载依赖的库cnpm install node-sass sass-loader -D配置angular.js 文件{…projects: {…“schematics”: {“@schematics/angular:component”:{“styl...
2019-07-26 08:39:29
573
原创 css3 box-sizing 怪异模式
文章目录问题来源box-sizing的值如何设置怪异模式应用场景描述问题来源在做移动端开发的时候，发现宽度设置三列为33.33%的控件，但是要显示border，结果发现div控件就换行了，原因是控件的宽度+border超过了100%，为了让页面变得简单，因此采用了怪异模式box-sizing的值content-box 是默认值。如果你设置一个元素的宽为100px，那么这个元素的内容区会有...
2019-07-24 16:22:06
267
原创 nodejs express 允许跨域设置
为了模拟向后台发送请求，需要搭建一个web工程的demo，使用nodejs 的express 模拟web工程var express = require("express");var http = require("http");var app = express();////////////////////// 获取post过来的数据 /////////////////////...
2019-07-19 08:58:47
6214
2
原创 vue2.x 使用JSX 开发
文章参考http://www.cnblogs.com/bhaltair/p/6648946.html工作中，使用了iview中的table做开发，发现很多复杂的td内容需要使用 createElement函数(虚拟DOM)实现，开发的过程中非常的繁琐，而且需要对createElement方法的API非常的熟悉，为了减轻同事的开发工作量，想到了使用JSX 语法来实现！搭建环境...
2019-07-18 09:26:28
4968
原创 vue2.x 权限管理实现
由于工作的需求，前后端分离，需要对页面中的资源权限控制，到按钮级别。开发步骤：1、制定 资源的命名规则： 系统名—模块名-页面名-功能名2、收集各个页面所有需要管控按钮的资源，用一个excel来整理3、让负责各个模块的同事把相关的资源按照如下要求去写：<Button @click="isEdit = false" v-privilege privil...
2019-07-18 09:26:23
1340
原创 vue2.x官方脚手架区分开发环境和生产环境
在工作中，使用vue2.x官方脚手架，需要根据开发环境和上生产环境，区分不同服务器的IP，这个改怎么处理一、使用webpack 脚本，来区分使用的是"npm run dev" 还是 "npm run build"，然后根据这个条件引入不同的配置信息即可// 当前环境是否是开发环境export const IS_DEV = process.env.NODE_ENV === '...
2019-07-18 09:26:20
1461
原创 Vue2.x 使用webpack脚手架 引入全局jquery
vue-cli2 中全局引入jquery1、使用npm install --save-dev jquery 安装jquery 相关的组件2、修改 webpack.base.conf.js 配置文件，内容如图3、直接在vue文件中使用$即可，$代表的是jquery对象在vue-cli3中引入全局jquery在配置文件 vue.config.js 文件中添加 con...
2019-07-18 09:26:16
696
原创 Vue2.x 使用webpack设置工程的根目录
在工作中遇到如下问题，在src目录中的组件访问src外面的资源文件，如图所示解决办法如下，需要修改webpack.base.conf.js文件，如图所示引用代码如下： import '#/static/ztree/js/jquery.ztree.all' import '#/static/ztree/css/zTreeStyle/z...
2019-07-18 09:26:14
1477
原创 webpack报错：Cannot assign to read only property 'exports' of object
文章参考http://www.mamicode.com/info-detail-1694072.html问题描述在js代码中使用了exports导出模块，然后使用import 去引用模块，然后给出提示module.exports属性是只读的问题解析require 和 module.exports 是commonjs 规范，适用于 nodejs 环境 import 和 e...
2019-07-18 09:26:07
2396
原创 webpack插件extract-text-webpack-plugin添加静态资源
文章参考https://github.com/jantimon/html-webpack-plugin开发过程中遇到一个问题：webpack打包之后一些配置文件实际上是在压缩之后的文件中，没有办法做到可以自由修改和配置，如果想修改必须每次重新打包构建，因此，想到一个解决办法，在目标html文件中最先使用<script src>标签引入一个配置资源文件，后面再引入web...
2019-07-18 09:26:04
415
原创 css2 table-layout学习
参考文档CSS table-layout 属性表格中的table-layout属性讲解问题来源在做移动app的时候想用表格显示内容，每列的宽度非常的有限，因此想用单行省略的效果来显示内容，我发现无论我怎么调整样式，界面都是全部显示每行的内容，查询了一些成功的案例，知道要给table添加table-layout样式案例<!DOCTYPE html><html la...
2019-07-17 15:25:59
255
原创 Vue 异步加载组件
文章参考VUE2组件懒加载浅析VUE+Webpack 实现懒加载的三种方式路由懒加载Vue官方写法import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)export function createRouter () { return new Router({ mode: 'history...
2019-07-17 15:17:02
489
原创 react 生命周期函数（一）
文章参考React 组件生命周期组件的生命周期可分成三个状态：Mounting：已插入真实 DOMUpdating：正在被重新渲染Unmounting：已移出真实 DOM例子class Content extends React.Component {//在渲染前调用,在客户端也在服务端 componentWillMount() { console.log(...
2019-07-17 15:16:50
340
原创 常用git命令汇总
# 创建新的分支git branch -b <newBranchName># 查看本地和远程分支git branch -a# 删除指定分支git branch -d <branchName># 切换分支git checkout <branchName># 如果当前是在master分支，则是把branchNa...
2019-07-17 15:16:44
195
原创 Vue常用插件汇总
Vue 常用组件列表代码高亮插件https://github.com/metachris/vue-highlightjsHtmlWebpackIncludeAssetsPlugin添加资源文件插件https://www.npmjs.com/package/html-webpack-include-assets-plugin...
2019-07-17 15:16:36
734
原创 VUE组件 ----- 先触发input再触发其他事件
使用VUE开发了一个选择员工的组件，提供了一个v-model的属性，返回选中员工的唯一ID，select-change事件返回员工对象。需求：开发者循环遍历一个数组显示多个选择员工组件，用户任意选择一个人工组件，然后拿到选择的用户对象显示用户的姓名等信息。如图所示：问题：在select-change事件中得到了用户对象，但是不知道将员工对象的属性赋值给循环数组的第几个...
2019-07-17 15:16:31
1848
原创 Vue $nextTick 方法的使用场景
需求：使用vue对ztree的封装，由于ztree 是需要确定DOM节点id和数据之后，执行初始化方法完成ztree的树形展示，为了让vue引入的组件树彼此不受影响（是相互独立的对象），因此ztreeid 是利用时间戳+随机数生成的。问题：由于是变量，发现发送ajax请求数据回来之后还dom树还没有渲染完成（没有动态生成的ID）,导致树没有生成。解决办法：修改tree...
2019-07-17 15:16:16
1982
2
原创 yarn全局安装作用于环境变量
文章目录问题描述文章参考yarn 全局安装的命令设置环境变量问题描述最近想学习yarn工具，因此用yarn安装了live-server工具，发现执行该命令提示找不到，与npm效果不一致；我知道因为npm全局安装之后会将命令作为环境变量去寻找，yarn 之所以不成功，就是因为没有放到环境变量中文章参考yarn如何全局安装命令以及和环境变量的关系yarn 全局安装的命令yarn gl...
2019-07-17 15:15:33
13422
原创 angular6父子组件通信
父组件根据组件名找到组件&amp;amp;lt;app-home-event [tableData]=&amp;quot;family&amp;quot; (familyPhone)=&amp;quot;receiveFamilyPhone($event)&amp;quot;&amp;amp;gt;&amp;amp;lt;/app-home-event&amp;amp;gt;
2019-07-15 00:15:18
1886
原创 Vue2.x Vux 环境的安装
文章参考vux框架的安装使用官网安装Vue脚手架并创建项目强调：只能使用Vue2.x，现在不支持最新的vue脚手架npm install vue-cli -g // 如果还没安装vue init webpack my-projectName // 创建名为 my-project 的模板cd my-project // 进入项目npm install --registry=...
2019-07-15 00:15:02
890
原创 react constructor函数名和类是一致的
文章参考react-load-script问题描述利用react-load-script加载第三方的JS文件，我担心是否会重复加载，验证了代码之后发现不会。因此，我产生了好奇，使用webpack打包，每次import不都是不同的对象吗，那么不同的对象之间怎么记录各自的内容，让彼此知道呢？解决思路查看了源码之后，是将数据挂载到类中，就是所谓的静态资源，不同的实例实际上是都能够访问的c...
2019-07-15 00:14:44
398
原创 npm注册账户的坑
总结的坑注册我是用网易邮箱注册，最后改成QQ邮箱进入 https://www.npmjs.com/ 这个网址注册，后面改为命令注册登录开始是使用邮箱登录，后面改为用户名登录命令创建账户C:\Users\Administrator\Desktop\shareCar22&amp;amp;amp;gt;npm adduserUsername: huangbiaoPassword:Email: (this I...
2019-07-15 00:14:09
14846
2
原创 promise的finally方法
参考文档promise-finally学习问题来源在做移动app开发的时候，需要每次发送请求，都会有‘菊花’提示，请求发送完毕，就需要关闭loading提示框，不然界面就无法被点击。但是请求有的是成功、有的失败、有的超时，为了不影响整个系统的正常使用，就需要强制关闭提示框，正好利用promise的finally来关闭提示框案例var promise = new Promise(fun...
2019-07-15 00:14:05
52741
原创 react加载js文件（react-load-script）
文章参考react-load-script问题描述想利用腾讯地图的定位功能，发现这个功能需要引入单独的JS，但是这个JS文件是依赖地图主要的JS的，而我是使用的import ReactQMap from 'react-qmap';这个控件来加载腾讯地图的，因此没有直接在index.html文件中引入文件，就需要在地图加载完成之后再引入’定位JS库’。代码详解const scriptO...
2019-07-15 00:14:02
14882
原创 angular6.x hash/history路由(route)配置
文章参考路由与导航路由的两种策略PathLocationStrategy - 默认的策略，支持“HTML 5 pushState”风格。HashLocationStrategy - 支持“hash URL”风格。哪种策略更好？你必须选择一种策略，并且在项目的早期就这么干。一旦该应用进入了生产阶段，要改起来可就不容易了，因为外面已经有了大量对应用 URL 的引用。几乎所有的 A...
2019-07-15 00:13:59
5027
原创 angular6引入jquery和jquery插件
文章参考Angular杂谈系列1-如何在Angular2中使用jQuery及其插件angular4引入jQuery和基于jQuery的插件！案例说明一、angular-cli.json引入jquery和jquery插件"scripts": [ "node_modules/jquery/dist/jquery.js", "src/assets/bootstrapvali...
2019-07-15 00:13:57
4694
原创 vue-easytable问题笔记
文章参考vue-easytable排序安装拖拽无法访问vue-easytable的API页面之前收藏了vue-easytable的API页面，方便时刻查阅，前几次还好，后面发现推荐给同事和自己打开的时候，就出现了无法访问，开始以为是网络问题或者是服务器挂了，后面发现，只要通过github链接过去就可以了。排序的问题根据文档，只需要添加multiple-sort属性即可，但...
2019-07-15 00:13:52
3623
原创 react setState(updater, [callback]) 改变state对象的值(setTimeout定时器)
文章参考react 修改state为对象中的某一个属性值var NoLink = React.createClass({ getInitialState:function(){ return {message:''} }, handelChange:function(event){ console.log(event.target);...
2019-07-15 00:13:18
10866
原创 supervisor监听代码的改动，并自动重启nodejs
问题：在开发nodejs实现的HTTP WEB应用的时候，无论你修改代码的那一部分，都必须终止nodejs，再重新运行才奏效。原因：nodejs只有在第一次引用到某部分时候才去解析脚本文件，以后都会直接访问内存，避免重复载入，而PHP则总是重新读取并解析脚本（如果没有专门的优化配置）。nodejs这种设计虽然提高性能，但是却不利于开发调试。解决办法supervisor,它会监听你对代码...
2019-07-15 00:13:10
996
原创 npm 脚本启动多个命令
文章参考npm脚本命令npm run script的使用npm 执行的脚本npm run 命令名 会去找package.json文件中的script字段的key(命令名)例如{ "scripts": { "dev": "node build/dev-server.js", }}执行的命令npm run dev顺序执行多个命令一个npm脚本可...
2019-07-15 00:13:07
14663
原创 webstorm一直index
文章参考Idea突然不停indexing的问题解决办法方法一file ----- File-Invalidate Caches / Restar ---- Invalidate and Restart方法二
2019-07-15 00:13:05
3039
原创 express访问静态资源
nodejs 内置变量含义__dirname 表示当前文件所在的目录的绝对路径__filename 表示当前文件的绝对路径module.filename ==== __filename 等价process.cwd() 返回运行当前脚本的工作目录的路径process.chdir() 改变工作目录案例一const express = require('express')const ...
2019-07-15 00:13:02
10429
原创 react 加载JS文件引入全局控制参数
文章参考问题描述最近在做一个公总号，根据之前的设计，头部显示标题、分享、关闭按钮，底部显示历史前进和后退按钮，最后发布到服务器上，用微信打开，发现顶部和底部的内容完全一样，重复了。原来顶部和底部的公共部分，微信公总号给我们做了，头部的标题就是页面的title，因此我就不需要开发。但是这样会引入另外一个问题，如果在开发测试的时候，是需要选择前进和后退的（浏览器自带的），或者说在开发的时候...
2019-07-15 00:12:58
9339
原创 react CSS样式style class 学习
文章参考react动态添加样式：style和classNamehttps://segmentfault.com/q/1010000012522905className 引入多个类// 三目运算，结果包含多个类&lt;div className={index === this.state.active ? "active title" : 'title'}&gt;标题&lt;/di.....
2019-07-15 00:09:57
2609
原创 jsx事件获取event对象
文章参考React学习–JSX与react事件下面我根据使用难易的顺序做了下面三个例子使用bind函数获取event对象react事件参数的传递通过绑定来实现，在传递时，绑定的this在前，参数在后，在定义函数时，事件对象e要放在最后/** * 删除列表中选中的行 * @param index 数组的索引 * @param e Event对象,使用bind方式绑定函数，...
2019-07-15 00:09:55
1206
原创 CSSModules引入CSS文件所有class
文章参考问题场景描述用react写项目的时候，从阿里妈妈icon中引入了字体文件，想通过CSS引入相关字体。在根目录中直接import './assets/fonts/iconfont.css';，发现字体没有引入进来，调试发现相关的class也没有引入进来，有如下两个问题需要解决：CSS 引入字体文件的路径不对CSS 的class没有引入进来CSS 引入字体文件的路径不对...
2019-07-15 00:09:52
1403
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人