- 博客(33)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vscode 高效开心开发uniapp
vscode 高效开心开发uniapp因为之前一直都是使用vscode开发前端项目，现在有一些小程序或者h5项目采用uniapp开发，在体验了一段时间hbuiler之后，还是觉得vscode香，以下分享我使用vscode开发的一些配置。其中包括uniapp组件语法提示，uniapp代码提示，代码自动格式化。参考文档: https://ask.dcloud.net.cn/article/id-36286__page-21. 安装vetur首先我们需要安装vscode基本的vue插件vetur，在v
2021-08-15 16:24:50
9049
4
原创 vue中使用ckeditor
vue中使用ckeditor很多项目中都需要使用富文本编辑器，市面上关于富文本编辑器的js库也有很多。个人使用过wangEditor，TinyMce以及ckeditor。各有各的优缺点，就不一一论述。此文单独讲述ckeditor的使用方式，包括ckeditor4以及ckeditor5搭配vue的使用方法以及如何自定义一些功能。ckeditor5ckeditor5提供了所见即所得的各种编辑解决方案。从类似于googledocs和Medium的编辑器，到Slack或类似Twitter的应用程序，所有这些
2020-12-22 11:31:29
9673
3
原创 react-router-dom简介
react-router-domreact-router-dom文档地址： https://reacttraining.com/react-router/1. 安装react-router提供多个包可以单独使用packagedescriptionreact-router路由核心功能react-router-dom基于react-router提供在浏览器...
2020-04-13 16:10:52
17445
1
原创 vue中使用echarts和百度地图实现飞机迁徙图
在vue-cli生成的项目中使用echarts和百度地图api实现飞机迁徙图，当然也可以实现其他效果。1. 准备项目安装echarts在已经生成的vue项目根目录npm install echarts -S百度地图api平台申请百度地图ak地址2. 开始2.1 加入百度地图api首先我们在public/inde.html head中引入百度地图api <sc...
2020-04-13 08:50:11
4393
3
原创 highcharts绘制带箭头的坐标轴
highcharts绘制带箭头的坐标轴参考官方文档 点击跳转highcharts默认的坐标轴是没有箭头的，下面介绍给坐标轴添加箭头的方法1. 在使用highcharts绘制图表的时候需要设置坐标轴带箭头，在查阅相关文档发现highcharts可以自行拓展功能,拓展功能有三个方式：1.1 WRAPPING UP A PLUGIN(包装成一个插件)Highcharts插件应该包含在一个...
2019-03-01 18:43:11
1832
原创 利用css和svg实现波浪效果
利用css和svg实现波浪效果要实现类似与波浪的效果图可以有两种方法：1.使用svg和css的结合首先需要用AI或者其他工具画一个波浪的形状,例如如下svg：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport
2019-02-28 22:22:13
2044
原创 Angular中typescript的this问题
Angular中typescript的this问题1. 例子在使用Angular的时候封装一个http请求模块，具体代码如下：import { Injectable } from '@angular/core';import { HttpClient, HttpParams, HttpHeaders, HttpErrorResponse } from '@angular/common/ht...
2019-02-15 15:46:51
1587
原创 vue使用svg的问题
vue使用svg做的一个可视化大屏项目中需要引入svg, 直接绑定svg元素的某些值，在ui给的svg中出现了style标签用作svg的样式,然后就会报错。结果查阅资料知道了两个解决方法.方法1：将svg中的style标签修改为<svg:style></svg:style>。实例如下：<svg xmlns="http://www.w3.org/2000/s...
2019-02-15 15:42:34
2781
2
原创 Angular6 angular-cli的命令和配置
Angular6 angular-cli的命令和配置1. 常用命令ng new project-name 创建一个新的项目;ng generate (class | directive | pipe | service | component | interface | enum | module) 创建类，指令， 管道， 组件， 接口， 泛型， 模块ng serve 启动应用 ...
2018-12-07 10:37:53
2217
原创 Angular表单
Angular中表单分为两种，一种是是模板驱动表，一种是响应式表单。以下分别对模板驱动表单，响应式表单的使用，表单的验证做示例。1. 模板驱动型表单1.1模板表单的使用要使用模板驱动行表单首先需要在根模块下面引入FormsModule，然后将FormsModule模块导入到根模块的ngModule中的imports数组中，这样才能够就能访问模板驱动表单的所有特性，包括 ngMo...
2018-08-10 14:15:44
5571
3
翻译 Angular5使用highcharts
Angular5中使用highcharts之前项目中用highcharts绘制图表，所以现在在Angular5中同样使用highcharts 参考于npm中angular-highcharts文档https://www.npmjs.com/package/angular-highcharts1. 使用npm安装必要的包，一定要注意版本npm i --save angu...
2018-08-03 14:35:02
2712
1
原创 angular生命周期
指令和组件的实例有一个生命周期：新建、更新和销毁。 通过实现一个或多个 Angular core 库里定义的生命周期钩子接口，开发者可以介入该生命周期中的这些关键时刻。每个接口都有唯一的一个钩子方法，它们的名字是由接口名再加上 ng 前缀构成的。比如，OnInit 接口的钩子方法叫做 ngOnInit， Angular 在创建组件后立刻调用它，：生命周期的顺序： 钩子 用途...
2018-07-03 15:54:16
2771
原创 Angular组件通信
通过输入型绑定把数据从父组件传到子组件; 通过 setter 截听输入属性值的变化；通过ngOnChanges()来截听输入属性值的变化；父组件监听子组件的事件; 父组件与子组件通过本地变量互动;父组件调用@ViewChild();父组件和子组件通过服务来通信组件通过输入型绑定把数据从父组件传到子组件，主要是利用组件的输入型属性，带@Input装饰器，通过输入属性可以将父组件的数据传入子组件...
2018-07-03 15:52:26
278
原创 inline-block导致换行问题
问题：// html<nav> <a routerLink="/home">主页</a> <a routerLink="/movies">电影</a> <a routerLink="/music">音乐</a></nav&
2018-07-03 15:47:15
11454
原创 webpack的使用-基础
webpack的使用1. webpack的安装npm install webpack -gnpm install webpack --save-dev2. webpack的使用比如有一个入口文件entry.js,我们将entry.js文件编译打包到bundle.js中,那么命令就是 webpack entry.js bundle.js当然我们可以将这些命令写在配置当中3.webpack的配
2017-06-29 18:36:42
546
原创 Echarts.js的学习
Echarts.js学习笔记1. Echarts的引入 直接像引入jquery一样引入echarts.js,具体路径自行修改 <script src="../Echarts/echarts.js"></script>2. Echarts的使用首先需要在html中声明一个DOM元素用来放置图表，元素必须制定宽和高，否则无法绘制图形。至于js代码，大部分的都是类似，下面是示例代码 // 指定
2017-06-14 10:59:36
1024
原创 jsx语法
jsx语法 jsx的官方定义是xml语法的ECMAScript扩展。react官方早期为jsx语法开发了一套编译器JSTransform，目前已经不再维护，全部采用Babel的jsx编译器实现。jsx的基本语法1.1. xml基本语法标签可以任意嵌套，可以像HTML一样清晰的看到DOM树状结构及其属性。比如我们构造一个List组件：const List=()=>( <div>
2017-03-29 20:10:33
639
转载 react 学习笔记
react 学习笔记必须引入的文件 react.js 、react-dom.js 和 Browser.js ，它们必须首先加载。其中，react.js 是 React 的核心库，react-dom.js 是提供与 DOM 相关的功能，Browser.js 的作用是将 JSX 语法转为 JavaScript 语法，这一步很消耗时间，实际上线的时候，应该将它放到服务器完成。 在html中的sc
2017-03-29 18:40:50
313
原创 父元素透明，子元素不透明的实现
今天开发公司项目的时候，脑子突然不怎么好使，一个父元素设置透明度opacity=.8,发现子元素的文字也变成了透明，但是要实现的效果是，父元素透明度有，子元素无透明度？解决方案父元素不设置opacity，而是设置父元素的背景颜色为rgba();可以完美解决这个问题。记下来，怕遗忘。
2017-02-21 19:36:14
1395
原创 react表单处理
react 如何处理表单，应用表单组件1.文本框input textarea2.单选按钮与复选框3.Select组件（单选，多选）表单的几个重要属性：1.状态属性：value,checked,selected2.事件属性：onChange,React支持DOMLevel3定义的所有表单事件(https://www.w3.org/TR/DOM-Level-3-Even
2017-02-14 13:56:24
2493
转载 使用 Webpack 和 ES6 进行 React 开发
使用 Webpack 和 ES6 进行 React 开发时间 2016-06-22 06:30:49 黄腾飞的个人网站原文 http://huangtengfei.com/2016/05/13/develop-with-react-and-webpack-and-es6/主题 Webpack React ECMAScript工欲善其事必先利其器，在进行 Re
2017-02-08 14:00:45
1901
转载 npm常见操作
npm常见操作转载自http://www.runoob.com/nodejs/nodejs-npm.html点击打开链接npm的使用：使用 npm 命令安装模块npm 安装 Node.js 模块语法格式如下：$ npm install 全局安装与本地安装npm 的包安装分为本地安装（local）、全局安装（global）两种，从敲的命令行来看，差别只是有没有
2017-02-06 14:45:17
663
原创 关于boostrap中模态框的问题点击后面背景模态框消失的问题
1.问题 在做一个项目的时候需要使用模态框登陆，发现弹出模态框之后，点击模态框之后的背景色模态框马上消失。 部分代码如下： × 登陆
2017-01-20 15:18:45
2364
转载 react native组件通信以及
react native 组件之间通信父组件向子组件传递消息，数据通过对子组件的属性赋值来实现，如style属性等子组件向父组件传递消息，消息通过回调父组件传递给自己的回调函数来实现。回调函数由父组件设置，被保存在子组件的某个属性中，等待需要向父组件传递消息的时机到来。如onchangeText属性无直接关系的组件间消息传递：通过无直接关系的公共父组件间接传递消息。对于这种间接传递消息
2017-01-12 15:11:47
607
原创 javaScript中关于数组去重的3个方法：
javaScript中关于数组去重的3个方法：下面介绍三种方法：1.常规方法2.hash数组3.es6新的方法Set方法第一种方法：var arr=[1, 2,,2 ,3, 4, 4] function unique(arr){ for(var i=0,uarr=[];i<arr.length;i++){ for(var j=0;j<uarr.lengt
2017-01-12 11:16:41
344
1
原创 html input关于选项框全选和全不选的实现
一次笔试中出现的题目，也非常简单。使用原生js实现的方法是，当全选的被勾选中的时候，把上面所有的选项的checked改为true,还可以使用jQuery，那就更加简单了。代码如下: Document //使
2017-01-12 10:58:10
6183
1
原创 关于bootstrap中Affix放在顶部导航栏，出现位置偏移的问题
1.在使用bootstarp开发我们公司产品产品网站的时候使用Affix插件的，影响了顶部导航栏的位置。2.改正好之后的截图如下：这是修改之后的效果，之前导航条的位置出现在左边。3.具体原因ffix是BootStrap中的一个很有用的控件，他能够监视浏览器的滚动条的位置并让你的导航始终都在页面的可视区域。一开始的时候，导航在页面中是普通的流式布局，占有文档中固定的位
2017-01-11 21:04:41
2537
原创 一个非常简单的react native计时器demo
一个非常简单的react native计时器demo因为最近在学习react native，所以自己也一边学习，一边记下自己的笔记。今天看到定时器，所以写了一个简单的计时器。定时器：setTimeout, clearTimeoutsetInterval, clearIntervalsetImmediate, clearImmediaterequestAnimationFrame,
2017-01-11 21:01:14
6802
原创 js求两个数的最大公约数
js求两个数的最大公约数function getMax(n, m) { var min = n; (m < n) && (min = m); var max = 0; for (var i = 0, arr = []; i <= min; i++) { if (n % i == 0 && m % i == 0) { arr.push(i); } } for (var i
2016-11-22 11:40:45
6809
原创 一个Echarts绘制世界地图的示例
一个Echart官网示例中世界地图的例子：1.首先要去官网http://echarts.baidu.com点击打开链接下载Echarts.js2.具体代码 Document var myChart = echarts.init(document.getElementById('main')); option = { title: {
2016-11-11 23:09:23
41512
12
原创 关于bootstrap模态框里的登录表单验证后清除模态框的解决方案
最近在使用bootstrap框架写网页，在使用模态框当作登录方式的时候，发现所有的表单数据异步验证正确，之后，模态框没有消失。一开始以为设置模态框id为#myModal的div的display为none就可以解决，部分代码截图如下：之后测试的时候发现在弹出模态框的时候，最下面增加了一个class=“.modal-backdrop”的div，之后在js代码中把这个div移除，
2016-11-11 22:04:50
5483
1
原创 js解决N个人围成一圈，第一个人从1开始报数，报到M的人出列，求最后一个出列的人的编号。
js解决N个人围成一圈，第一个人从1开始报数，报到M的人出列，求最后一个出列的人的编号。 下面是用js实现的代码 new document function find(n, m) { //定义一个输出最后一个人下标的方法，两个参数 n表示总人数，m表示报的数 var arr = []; //定义一个空数组 for (var i =
2016-11-08 23:54:53
4443
原创 一个acca web前端开发工程师考试操作题
题目描述：编写一个函数，传入两个参数范围，求两数范围内的所有阿姆斯特朗数，返回一个数组，里面为所有阿姆斯特朗数。解析：如果一个n位正整数等于其各位数字的n次方之和,则称该数为阿姆斯特朗数。例如1^3 + 5^3 + 3^3 = 153当n=3时，又称水仙花数，特指一种三位数，其各个数之立方和等于该数。水仙花数共有4个，分别为：153、370、371、407。用js代码实现：
2016-11-08 23:32:23
1253
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人