qq_44963669的博客

原创 Angular与ionic的幸福生活之“tabs路由“的项目结构及跳转方式

Angular与ionic的幸福生活之“tabs路由“的项目结构及跳转方式如何快速的上手使用 icon tabs 呢，首先要熟悉性项目结构知道怎么去配置这个路由，每部分是干啥的，这样才能快速上手节约学习时间1. 快速生成项目 ionic start mfreshApp 自定义文件名称2.熟悉项目结构什么是根路由？就是管理注册路由的一个目录，只要是出创建的子路由，都要在根路由中注册，用命令行 ionic g page 项目名称，自动生成，但仍需要去配置这个路由，需要手动去配置，值得庆幸的是项目包中

原创 前端设置代理服务器解决跨域问题

前端设置代理服务器解决跨域问题跨域在前后端进行数据交接的时候是最容易遇见的问题之一，那么身为前端的我们改如何解决跨域问题呢？这里我们可以用代理服务器的方式进行解决拿到请求连接的url 地址，配置“proxy.conf.json” 文件// 这里我们以 斗鱼的地址作为案例// url=http://capi.douyucdn.cn/api/v1/live?limit=20&offset=0//这个时候我们可以把url 中的前半部分提取出来作为代理连接//代理连接 api=http://

原创 使用微信小程序云空间操作云数据库

使用微信小程序云空间操作云数据库在微信开发工具中有个云空间，想必大家在开发的过程中应该都已经看见了。一番下一步下一步操作后我们就能够使用这个云空间了，这个时候就可以根据基础的控制面板进行功能上的选择这里的云数据库是一种非关系型数据库，操作方式很简单，以一种json 格式的数据进行展现，可以导入导出。但具体怎么连接这个数据库呢，请看一下内容。**1，在相关小程序js文件中合适的位置创建 数据库的对象指定数据库的环境**云环境怎么配置，在哪里呢？这个时候我们就可以看见自己的云环境的id 复

原创 标题根据时间戳随机不同文件名并且上传（小程序云空间为例）

标题根据时间戳随机不同文件名并且上传（小程序云空间为例）这是平常上课时觉得非常有用的一个功能，感觉反复出现了多次，如果不记录下可能会忘，不仅是为了帮助开发者也是为了提示自己，话不多说直接上代码。代码上有注释 // 上传图片函数 uploadImage(){ // 保存所有图片 let imagePaths=this.data.imagePaths; // 循环上传 遍历内容 imagePaths.forEach(item=>{ //1， 取得文件

原创 vue中node-sass平替避免版本限制等问题

vue中替换node-sass

原创 常用tar命令

实用tar命令

原创 根据秒数自动转换天时分

下载moment jsnpm install moment --save # npmimport moument from 'moment' 根据秒数大小匹配对应的处理格式let timer = 3601var d = moment.duration(timer, 'seconds')// 小于 1 分钟if(timer<60) { console.log(d.seconds() + '秒')// 小于 1 小时} else if(timer<3600) {

原创 git ssh配置

在 github 上添加 SSH key 的步骤：第一步首先，检查下自己之前有没有已经生成：在开始菜单中打开git下的git bash（当然，在其他目录下打开git bash也是一样的）：然后执行第二步、如果能进入到.ssh文件目录下 ，则证明，之前生成过.ssh秘钥，可以直接使用里面的秘钥。如果不能进入到.ssh文件目录下，则：1.检测下自己之前有没有配置：2.git config user.name和git config user.email（直接分别输入这两个命令）如果之前没有

原创 vue-lottie 的使用最全，最真实，最新

准备资源1.AE 自己导出 搭配插件 bodymovin2.lottieFiles 官网下载，这里下载json 文件,存放进vue 项目 asset 文件夹下下载组件支持npm install --save vue-lottie引入，两种方式，这里就写局部引用吧（自定义vue 文件）import lottie from "lottie-web";或者 import lottie from "vue-lottie";详情代码，如下，重要的是先出效果<template>

原创 intros.js中文文档-翻译不易

Tour APIintroJs([targetElm])#创建一个对象参数:targetElm : String (optional) 参数是一个可选的字符串例子：#intro-farm. ，这里类似于jQuery 选择器，可以为 id ,class 等选择返回值:返回值是一个对象.例子:introJs() *//没有选择器*introJs("#intro-farm") *//使用id 选择器*introJs.start()#开始调用已经选择的元素返回值:返回值是

原创 VueX 模块化管理方式之命令空间

问题：在使用模块化的vuex 自定义文件的时候，总会报找不到某个函数或者变量？分析：由于将vuex 主文件分成了多个模块，最后导入主文件index.js 的时候可能会出现重名等问题，为了避免这个问题，需要给每个小模块文件加上 namespaced: true以为这样就解决了，那可真是大意了，如果此时你正好在其他组件中引用vuex 中的方法import {mapAction....} from 'vuex'method:{...mapAction(['demo1'])this.demo1()}

原创 vue - axios的4种封装方式

原创 vue项目中 sha1加密

前端下载 npm install js-sha1引入import sha1 from 'js-sha1'使用方式sha1(任意字符串)前端 加密也是不安全的，所以后端业务要进行一次加密（MD5）

原创 Promise 的案例以及理解

let promise =new Promise((Resolve,reject)=>{ // Resolve ===> 执行 then 中的方法，reject===> 执行catch 中的方法 // 还可以传参 Resolve(msg) reject(msg) }) promise.then(res=>{ console.log('success') }).catch(err=>{ console.log('err'...

原创 vue config 配置入口文件

配置文件创建一个 vue.config.js 的文件 与 json 文件同级//复制官网给的实例代码,只留下index 下的 entry 主文件入口，即可，其他项可选填module.exports = { pages: { index: { // page 的入口 entry: 'src/index/main.js', }, // 当使用只有入口的字符串格式时， // 模板会被推导为 `public/subpage.html` /

原创 element ui 表格出现的问题

问题：不设置表格的宽度让其自适应，如果列标题文字过多，首次加载的时候不会出现问题，第二次加载后会出现 底部吞并一行的问题正常情况下：第二次加载：解决：给标题文字过多的一列设置固定宽度...

原创 js 属性遍历的5种方法

属性的遍历ES6 一共有 5 种方法可以遍历对象的属性。（1）for…infor…in循环遍历对象自身的和继承的可枚举属性（不含 Symbol 属性）。（2）Object.keys(obj)Object.keys返回一个数组，包括对象自身的（不含继承的）所有可枚举属性（不含 Symbol 属性）的键名。（3）Object.getOwnPropertyNames(obj)Object.getOwnPropertyNames返回一个数组，包含对象自身的所有属性（不含 Symbol 属性，但是包括不

原创 ES6

let constlet 声明的变量不会出现 变量提升，所在的 {} 区域 会形成块级作用域出现暂时性死区。eg:可以用来当做循环中的计数器使用。 var a=[]; for(let i=0;i<10;i++){ // 每一个下表里面都存进去一个函数 a[i]=function(){ // 此时这个 i 指向的是 局部变量 i 的值，且每一次变量都是 一个全新的变量

原创 随手记（里面很精彩）

封装ajax//要封装一个函数，保存重用的代码：//1. 代码中所有不确定的，都定义为形参变量！//2. 所有不一定执行的代码，都要加判断条件。//三个参数://1. url: 要请求的目标服务端接口地址//2. type: 不同的请求类型//3. callback: 是调用者自定义的一个函数，会在调用时提前传入ajax函数内部，但是不是立刻执行。而是等相应回来后，自动执行。——因为我把callback()写在了onreadystatechange中。//4. data: 要发送的参数,

原创 Nodejs的使用场景

Nodejs的使用场景1. 部分代替Java/PHP服务器端语言实现服务器端功能，如数据库访问、IO、请求处理…2. 实现项目中间服务，如权限系统的校验、请求转发(代替JSONP/CORS方案)实现跨域请求…3. 前端框架在服务器端编译(项目脚手架)，如HTML>WXML、CSS>LESS/Scss、JS>ES/TS、.vue利用node js 实现前端性能优化(中间服务)解决跨域 草图此部分只指明方向日常总结，编程路漫漫，不如留下点个赞...

原创 前端项目如何打包成手机app？

前端项目如何打包成手机app阐述难点及解决方式具体使用步骤创建5+app空项目删除5+app默认的项目结构移动并进行基础设置发行及云打包查看及下载阐述前端是做什么的？写网页的？不，如果正在学习的你还以为前端是做网页的，那么接下来的操作可能会让你大吃一惊，前端不仅可以做网页，做小程序，还可以做手机app,啥？你不知道？没关系，等下就会知道了。难点及解决方式虽然现在手机软件可以用H5混编成手机app,但是操作步骤非常的繁琐，可能你还没开始，就已经被各种软件劝退。那么就有人问了，小编，既然你说的这么难，

原创 前端通用保存用户登录状态之“withCredentials“

前端通用保存用户登录状态之"withCredentials"标题阐述如何开放使用withCredentials开放证书触发的问题及解决方式标题阐述在前端里面如何保存用户登录状态，即是难点也是一种非常常用的技术，通过判定用户的状态来开启部分功能或者全部功能。常见的有：浏览器的localStorage、sessionStorage来维持登录状态vue 的vuex 来共享用户状态前端开放浏览器的证书来维持用户的登录状态这里嘛小编就第三点来进行阐述。如何开放使用withCredentials

原创 Angular与ionic的幸福生活之 “网址小技巧（DomSanitizer 解决渲染浮动框架网站不安全问题）”

Angular与ionic的幸福生活之 “网址小技巧（DomSanitizer）”小编这几天的更新也是非常勤奋的，其遇见的问题都是真实开发中常见的问题，进行记录解析：其中，就在今天小编遇到了这样的一个问题，自身网页嵌入了其它网页中带有浮动框架的部分，当我们用这个框架进行数据渲染的时候浏览器后台总会报错 说这不是一个安全的网页，这个时候我们应该如何解决呢？请顺着小编的笔记往下看在ts 文件中：1.自身路径和本网页或者其他玩网页的url 部分进行拼接//前半部分为url 的基础路径，后半部分为，通过

原创 Angular与ionic的快乐生活之 “ion-slides“组件横向滑块/轮播图

Angular与ionic的快乐生活之 "ion-slides"组件横向滑块/轮播图这个例子很简单但是非常实用，官网上也有，但不适合查找，百度这方面的词条太少了。所以我打算将这个经典的组件使用方式进行记录。方便大家学习查找，并备注。//pager 是轮播知识灯//[options]=“{}”，以对象的形式书写可以更好的控制这个轮播，对于我们使用最直接的属性是 detay:2000 这是控制时间的 用的是计算机毫秒数，2000就是两秒，所以控制这个时间就可以控制这个轮播速度了 <ion-sli

原创 Angular 网络请求中subscribe如何正确接收值

标题Angular 网络请求中subscribe如何正确接收值常规请求中都是利用一个回调函数 返回接收到的值，如(res)=>{//打印接收到的结果 console.log(res)}这样接收没错，思路也是没有问题的但是在Angular 的typeScriprt中对变量的类型要求很严格，所以要声明res 的类型否则在自己的作用域中也会报错的。所以要变量声明类型才能使用解决办法ngOnInit(): void { //加载调用 // this.getimage();

原创 Angular的常用命令

•命令行创建项目包ng new 项目名启动命令ng s 或 ng s -o生成组件ng g c 组件名生成管道ng g p 管道名生成指令ng g d 指令名•angular用法双标签内容: {{}}属性: [属性名]=‘值’ 或 属性名="{{ 值 }}"事件: (事件名)=‘方法名()’双向数据绑定:[(ngModel)]=“值” 一定要手动引入+注册 Form 模块条件渲染: ngIf列表渲染: ngFor=“let item of item

原创 Angular缺陷之一 ng-for 不能遍历对象属性中的数字怎么办？

Angular缺陷之一 ng-for 不能遍历对象属性中的数字怎么办？这也是在学习过程中遇见的一个问题，很常见，觉得有必要记录，如果你碰巧在寻找这方便的解决办法，那很巧，正好我做记录了。vue 跟 Angular的整体使用方式非常的相似，只不过 Angular 中的用的是Type Script语言，将Java和js 进行结合，如果这两种语言你都学过，那么你用起来会很得心应手的，好了废话不多说了，直接进入正题。1，首先在 该组件的 ts 文件中创建一个自定义的函数，用来传入数值返回出一个数组 //

原创 Angular项目结构熟悉

Angular项目结构熟悉Angular 作为前端几大框架之一，且其具体的使用步骤跟vue 非常的相似，如何快速的上手使用，其项目结构图必须先了解，不然看一些教学视频会非常懵逼，所以小编这里就简单的画了一个，希望对正在学习的你有帮助，名词略与不同，只需熟悉步骤即可。结构熟悉了上手就快了启动 命令： ng s -o 启动后打开浏览器快速创建自定义组件 ng g c 文件名...