- 博客(36)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue 的路由配置
import Vue from 'vue'import Router from 'vue-router'// 开发环境不使用懒加载, 因为懒加载页面太多的话会造成webpack热更新太慢, 所以只有开发环境使用懒加载const _import = require('./import-' + process.env.NODE_ENV)import Home from '../views/home/index.vue'import InsertIframe from '../views/
2021-08-17 22:44:45
242
原创 tabtab
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</
2021-08-08 19:12:27
1751
原创 angular的样式
1.[style.style-property]的形式控制内联样式2.带单位3.ngStyle4.class和[class],[class]能添加样式判断5.ngClass同时操作多个class类，可以传入一个对象6.ngNonBindable告诉angular不要编译或者绑定页面中的某个特俗部分时，例如下面的{{}}不会被编译。...
2021-05-08 22:41:22
453
原创 angular 架构概览
angular模块（无论是根模块还是特性模块）都是一个带有@NgModule装饰器的类declarations -- 声明本模块中拥有的视图类。Angular有三种视图类：组件、指令和管道exports --declarations的子集，可用于其他模块的组件模块imports -- 本模块声明的组件模块需要的类所在的其他模块provides -- 服务的创建者，并加入到全局服务列表中，可用于应用任何部分bootstrap指定应用的主视图（称为根组件），它是所有其他视图的宿主。只有..
2021-05-07 22:41:57
227
原创 angular基本了解
angularjs 是angular1.0，与angular2.x版本相比差别是很大的angular是指2.0以上的版本，开始支持TypeScript/ js /Dart,而不再是js，之后的版本是对前者的兼容，差别不大。为什么没有angular3.x。简单说就是因为路由模块比其他模块多发布过一次，因此使用core模块的2.0时和她配套的router模块是3.0angular让你有效掌握可伸缩性，基于rxjs、immutable.js和其他推送模型，能适应海量数据需求。...
2021-05-07 21:36:54
199
原创 this指向
分析this的问题，首先要分析this是那个函数1.函数调用模式：this指向windowfunction fn() {‘user strict’ //严格模式下函数调用模式的this是undefinedconsole.log(this) //window}fn()2.方法调用模式：this指向调用方法的对象obj = { name:'xiaom...
2020-02-05 17:13:18
168
1
原创 apply call bind
1.apply作用：借用方法第一个参数：表示被借用方法种this的指向，或则理解为：那个对象来借用这个方法第二个参数：是数组或伪数组，数组中的每一个元素都会作为被借用方法的参数fn.apply({},[1,2,5]) // fn的this指向{}根据apply封装一个获取对象类型的函数function getType(obj) {return Object.prototy...
2020-02-05 14:46:16
115
原创 两个等号进行比较时的数值转换
1.两个值进行比较的时候，推荐使用===，在值和数据类型都相等的情况下，才相等。2.两个等号进行比较时的数值转换NaN不等于任何值，包括NaN本身null == undefined,结果为true如果操作符两边有数值或布尔值，那么两边都转化为数值进行比较如果操作符两边有字符串，哪两边转成字符串（如果上面一条满足，就按上面一条转换)如果两边都是对象，那么直接比地址...
2020-01-21 16:09:15
468
原创 jQuery 表格单选和全选
// 表格页面 全选 单选$('#deveicCollector .list_page .check_all_child').on('click', function () {var value = $(this).attr('checked');if (value) {$(this).attr('checked', false);$('#deveicCollector .li...
2020-01-20 15:17:53
194
原创 localStorage全局存储数据
1.设置要全局传的值localStorage.setItem('mRoleIndex', data.user.roleIndex)2.在使用的地方获取值var roleIndex = localStorage.getItem('mRoleIndex')
2020-01-20 14:29:40
696
原创 导出pdf文档
getPointTable: function () { let code = this.editMessionShip; $(function(){ $('title').html('出海工作登记表('+ code +')') // 此处也可以使用text()方法 }) $("#iframe").remove() bdhtml ...
2020-01-20 14:19:07
216
原创 js文件流
// r人员列表导出getTopFiveUserListExport: function (params) {var that = this;$('.chx_export_user').off('click').on('click', function () {that.downloadFile(baseUrl + that.apiUrl.getTopFiveListExport,...
2020-01-20 10:26:27
639
原创 将时间戳转化为时间字符串
1.时间戳转化为：2020年01月01日-01时10分10秒2.时间戳转为：2020年01月01日3.时间戳转为：2020.02.014.时间戳转为时分秒
2020-01-06 14:34:27
540
原创 jQuery 转义以小括号结尾的图片等链接
url = url.replace('(','\\(')url = url.replace(')','\\)')
2019-12-23 16:03:52
131
原创 jquery写登录页面
//密码可见切换$("i.pwd-icon").on("click", function() {if($(this).hasClass("icon-eye_protection")) {// 令其可见$("#txtPwd").attr("type", "text");$(this).removeClass("icon-eye_protection").addCl...
2019-10-24 10:27:44
2218
原创 手机号，密码等的正则校验以及RAS前端加密
手机号正则：reg = /^1[3456789]\d{9}$/var phone =$(".right_content .phone").val())if($(".right_content .phone").val() == "") {toastr.warning("手机号码不能为空！");return;}else if(!reg.test(phone){toastr....
2019-09-20 10:16:03
612
1
原创 对jQuery的Ajax进行二次封装
var utilTool = { get: function (url, param = {}, dataType = 'json') { return new Promise((resolve, reject) => { $.ajax({ url: baseUrl + url, type: "GET",...
2019-06-03 14:02:54
704
原创 将数组字符串转化成一个数组
function stringToArray(strArr) { var arr = strArr.replace(/\;/g,",").replace(/\[|]/g,"").split(','); var data = {cdata: []}; arr.forEach((curArr, index) => { data.cdata = data.c...
2019-05-16 19:12:36
652
原创 日期和时间戳的相互转化
var startStamp = "2018-08-27 21:20:44";var startStamp = Number(new Date()); //1557398861913 ----->日期转化为时间戳functiontimestampToTime(timestamp) {vardate =newDate(timestamp * 10...
2019-05-10 10:02:43
825
原创 js函数调用带括号和不带括号的区别
1.带括号：只要是调用函数进行执行的，都带括号。返回的结果是返回值或者执行结果。当然，有些没有返回值，但已经执行了函数体内的行为，就是说，加括号的，就代表将会执行函数体代码function sayHello() {alert('猪年大吉')}console.log(sayHello());2.不带括号： 不加括号的，都是把函数名称作为函数的指针，一个函数的名称就是这个函数的指针...
2019-02-05 09:58:48
3126
原创 elementUI获取table当前行的数据
<el-table@selection-change="getRowDatas" ---->获取当前行的函数:data="tableData" ---->table表格的数据绑定:row-style="tablebgc" ---->隔行变色> ---->隔行变色tablebgc({ row, rowIndex }) {..
2019-01-22 10:26:45
15929
原创 跨域问题（Vue开发中遇到的跨域问题）以及解决方法
跨域是指a页面想获取b页面资源，如果a、b页面的协议、域名、端口、子域名不同，或是a页面为ip地址，b页面为域名地址，所进行的访问行动都是跨域的，而浏览器为了安全问题一般都限制了跨域访问，也就是不允许跨域请求资源。1.jsonp原理是：动态插入script标签，通过script标签引入一个js文件，这个js文件载入成功后会执行我们在url参数中指定的函数，并且会 ...
2018-10-24 15:45:09
2018
原创 NPM Unexpected end of JSON input while parsing near
npm i 之后报上面的错误解决办法 npm cache clean --force如果还是没有解决就试一下先输入npm install --registry=https://registry.npm.taobao.org --loglevel=silly再输入npm cache clean --force...
2018-10-23 15:51:20
182
原创 vue-cli搭建项目
脚手架 脚手架: 快速生成项目的目录结构 比如: vue的脚手架 vue-cli, 安装了vue的脚手架以后, 直接通过一条命令就可以生成一个vue项目的目录结构( webpack都配置好了 ) 注意: 初始化脚手架的时候, 所在路径不能包含中文!!!! vue脚手架的使用步骤:1 全局安装 npm install -g vue-cli2 通过vue命令初始化一...
2018-10-18 23:10:42
334
2
原创 遇到的依赖包的坑
1.npm i 之后报错，报一些依赖包缺失的错。重新安装过依赖包之后，仍会报错。后来发现是webpack跟其他一起开发的小伙伴的版本不一致解决：卸载之后安装指定版本的webpack2.vant两个h5的页面，一个有效果，一个没有效果。解决：卸载vant重新安装，就会有效果...
2018-10-16 10:04:40
240
原创 js简介
1.计算机语言的分类( 1 ).标记语言：HTML xml( 2 ).脚本语言 js执行一行，解释一行（3）编译语言 源码 --> 编译 --> 可执行文件2.web标准的三个部分（1）结构 HTML （2）样式css （3）行为js3.js三个组成部分ECMAScript:对js语言进行规范DOM：用来操作元素的一套方法BOM：用来操作浏览器功能...
2018-10-12 14:26:53
96
原创 常见的数组方法
slice（）方法可从已有数组中返回选定的元素，返回一个新数组，包含从start到end（不包含结束）的数组元素。var arr = [11,22,33,44,55];console.log(arr.slice(1,3)); //[22,33] 返回选择的元素console.log(arr); //[11,22,33,44,55] 不会改变原数组 split()方法用于...
2018-10-10 17:05:34
425
原创 常见的数组方法
push（）向数组的最后面添加一个或多个元素，返回新的数组长度 （1）末尾添加（2）返回数组的长度（3）会改变原数组var arr1 = [11,22,33,44];var arr2 = arr1.push(55);console.log(arr1); //[11,22,33,44] console.log(arr2); // push 返回的是数组长度，5...
2018-10-10 16:03:02
209
原创 node写一个简单的服务器
1.引入http模块const http = require('http')2.创建服务器const server = http.createServer;3.监听服务器发送的请求// req : request 浏览器发送过来的请求对象 // res : response 服务器响应给浏览器的对象server.on('request', function(req,re...
2018-10-09 16:26:02
708
原创 node学习
读取数据1.引入fs模块const fs = require('fs');2.fs.readFile(path,[, pation],callback){ 参数1 : 从哪里读取数据 参数2: 以什么编码格式读取数据 默认: null参数3 : 回调 err, data//fs.readFile('./data.txt','utf-8',function (err,d...
2018-10-09 15:57:54
91
原创 创建代码片段
添加代码块 1. 使用快捷键 ctr + shift + p --> 首选项: 配置用户代码片段 如果不是最近使用 : 搜索 :snip 2. 在搜索 : js -> javascript.json 3. "test": { "prefix": "test", 快捷方式代码 "body": [ ...
2018-10-09 15:07:42
483
原创 node + hexo + github搭建个人博客
1.准备工作1. Git 下载（Git for windows 国内下载）、安装（安装时请勾选Add to PATH选项）、配置、生成SSH公钥2. Github 账号申请、配置SSH Keys3. Node.js 下载安装4. Markdown 下载安装、HEXO 简介及安装使用1. Hexo 简介Hexo 是一个快速、简洁且高效的Node.js静态博客框架。Hexo...
2018-09-27 10:14:39
192
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人