TOMORROW-前端

原创 小程序跳转H5页面

最近项目有个需求，在微信小程序中跳转外部链接完成相关的操作，操作完成后返回微信小程序的相关页面。1、跳转外部链接（官方文档）1）入口//跳转到入口wx.navigateTo({url: '../out/out'})2）app.json复制代码{ "pages": [ "pages/main/main", "pages/logs/logs", "pages/out/out" , ], "window": { "backgroundTextStyle

原创 Linux常用指令

一、目录操作命令1、ls命令英文原意：list语法：ls [选项] [文件或目录]功能：显示目录文件-a 显示所有文件，包括隐藏文件-l 显示详细信息-d 显示目录属性ls | more 分页显示所有文件ls -l [文件名] 显示该文件的信息（该命令可简写成：ll [文件名]）2、cd命令英文原意：change directory语法：cd [目录]功能：切换目录3、pwd命令英文原意：print working directory语法：pwd功能：显示当前所在的工作目录

原创 vue项目配置别名

原创 Vue 数据更新但页面没有更新的 7 种情况

1. Vue 无法检测实例被创建时不存在于 data 中的 property原因：由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化，所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的。场景：var vm = new Vue({ data:{}, // 页面不会变化 template: '<div>{{message}}</div>'})vm.message = 'Hello!' //

转载 weex打包安卓apk

https://www.jianshu.com/p/d279fa67703e对于没有接触过安卓，没有安卓安卓环境的小伙伴刚学习weex的时候都想先打包一个android的app，但苦于官网以及网上怎么百度都是有安卓基础有安卓环境为前提的条件下来写的文章，这里就满足小伙伴们这个好奇心，从安装安卓环境到打包weex安卓apk。在weex入门基础上1、安装JDKJDK下载地址https://www.oracle.com/technetwork/java/javase/downloads/index.htm

原创 javascript 的new一个对象的过程

new 一个对象进行如下操作；创建一个空的Javascrip 对象{}；链接对象，设置对象的构造函数到另一对象；将步骤1创建的对象作为this 的上下文；如果该函数没有返回对象，则返回thisvar cat = new Animal（‘cat’）new Animal('cat') = function () { var obj = {} obj._proto_ = Animal.prototype var result = Animal.call(obj,'cat') return

原创 Vue中关于路由传参query和params的区别

路由配置：{path:'/login',name:'Login',component:Login},1.页面携带query参数跳转(path,name指定跳转到Login时都可以携带query参数)this.$router.push({ path:'/login',name:'Login', query: { id: this.id } )query相当与发送了一次get请求，请求参数会显示在浏览器地址栏中2.页面携带params参数跳转(携带params参数跳转时只能使用name指定)this

原创 js 运算相关的问题

运行结果：由此可知道js在进行这样的运算时 只会在2个值相加时优先判断为string类型 其他情况下(例如“-”，“*”，“/”)都默认为number型运算！！！！

转载 单线程的JavaScript是如何实现异步的

https://www.cnblogs.com/garfieldzhong/p/12900829.html同步代码：（代码片段1）复制代码function someTime() {let s = Date.now();while(true) {if (Date.now() - s > 2000) {console.log(2)break;}}}console.log(1);someTime();console.log(3);// 其打印顺序：1 …(2秒以后)… 2 3

原创 HTTPS的过程

HTTPS其实是有两部分组成：HTTP + SSL / TLS，也就是在HTTP上又加了一层处理加密信息的模块。服务端和客户端的信息传输都会通过TLS进行加密，所以传输的数据都是加密后的数据客户端发起HTTPS请求这个没什么好说的，就是用户在浏览器里输入一个https网址，然后连接到server的443端口。服务端的配置采用HTTPS协议的服务器必须要有一套数字证书，可以自己制作，也可以向组织申请。区别就是自己颁发的证书需要客户端验证通过，才可以继续访问，而使用受信任的公司申请的证书则不会

转载 webpack整体配置结构

const path = require(‘path’);module.exports = {// entry 表示 入口，Webpack 执行构建的第一步将从 Entry 开始，可抽象成输入。// 类型可以是 string | object | arrayentry: ‘./app/entry’, // 只有1个入口，入口只有1个文件entry: [’./app/entry1’, ‘./app/entry2’], // 只有1个入口，入口有2个文件entry: { // 有2个入口a: ‘.

原创 vue cli 3.0热启动问题

一.项目安装好以后，在根目录创建一个vue.config.js 文件二. 打开vue.config.js 文件 编辑三. 重新运行项目就可以了npm run serve

原创 微信H5页面前端开发，几个兼容问题

1、ios端兼容input光标高度问题详情描述：input输入框光标，在安卓手机上显示没有问题，但是在苹果手机上当点击输入的时候，光标的高度和父盒子的高度一样。例如下图，左图是正常所期待的输入框光标，右边是ios的input光标。图片描述出现原因分析：通常我们习惯用height属性设置行间的高度和line-height属性设置行间的距离（行高），当点击输入的时候，光标的高度就自动和父盒子的高度一样了。（谷歌浏览器的设计原则，还有一种可能就是当没有内容的时候光标的高度等于input的line-heig

原创 vuejs 项目部署到nginx

一.vuejs 项目配置文件根目录创建vue.config.js 文件。如下：二.运行 npm run build 指令 将打包出来的dist 文件拷贝到服务器的指令目录三.ngxin 配置文件四.在服务器的根目录创建一个文件夹my-project，将dist里面的文件拷贝到创建的这个文件夹下面五. 浏览器访问项目的路径http://localhost/my-project...

原创 几钟绑定this的方法

四种this绑定这四种绑定分类是基于调用点（call site），即函数是在哪里被谁调用的。也就是说this指向谁，跟函数在哪里定义没有关系，而是取决于被谁调用。下面我们具体分析每种绑定情况。默认绑定与隐式绑定让我们看看下面这个例子：function foo() {console.log(this.bar);}var bar = “bar1”;var o2 = {bar: “bar2”, foo: foo};var o3 = {bar: “bar3”, foo: foo};foo();

转载 angular脏检查机制，及指令中修改$scope致父级作用域无法接收到问题

angular的指令很像我们所说的组件，不过比较好玩的是，angular里面存在作用域继承。不过这篇文章不讲这个问题，关于angular作用域继承，可以阅读这篇文章。本文要讲的是另外一个话题，即指令中修改$scope的某个属性时，父级作用域没有接收到这个修改。问题还原在开发中，我使用了如下的一套方法：// controllerAmodule.exports = ['scope′,function(scope', function(scope′,function(scope) {$scope.mem

转载 帮你彻底搞懂JS中的prototype、__proto__与constructor（图解）

文章目录前言_ _ proto _ _ 属性prototype属性constructor属性总结提示：不要排斥，静下心来，认真读完，你就搞懂了！(可以先看一下最后的总结部分再回过头来完整看完)前言  作为一名前端工程师，必须搞懂JS中的prototype、__proto__与constructor属性，相信很多初学者对这些属性存在许多困惑，容易把它们混淆，本文旨在帮助大家理清它们之间的关系并彻底搞懂它们。这里说明一点，proto__属性的两边是各由两个下划线构成（这里

转载 面向对象编程（OOP）

OOP，Object Oriented Programming，就是面向对象的编程啊，还有OOD（面向对象的设计），OOA（面向对象的分析）。那什么是面向对象呢？要想了解这个问题我们要先了解面向过程，这样对比我们就好理解了。很早很早以前的编程是面向过程的，比如实现一个算术运算1+1 = 2，通过这个简单的算法就可以解决问题。但是随着时代的进步，人们不满足现有的算法了，因为问题越来越复杂，不是1+1那么单纯了，比如一个班级的学生的数据分析，这样就有了对象这个概念，一切事物皆对象。将现实的事物抽象出来，注意抽

转载 gulp入门教程

https://segmentfault.com/a/1190000002698606第1步：安装Node首先，最基本也最重要的是，我们需要搭建node环境。访问 nodejs.org，下载完成后直接运行程序，就一切准备就绪。npm会随着安装包一起安装，稍后会用到它。为了确保Node已经正确安装，我们执行几个简单的命令。node -vnpm -v如果这两行命令没有得到返回，可能node就没有安装正确，进行重装。第2步：安装gulp首先我们要全局安装一遍：npm install -g gul

原创 node.js的安装

截止2019年8月，Node.js的稳定版本为 10.16.3，最新版本为12.9.0，官网最新版本信息如下图：中文官网地址为：https://nodejs.org/en/，下载最新版本安装文件并运行，将看见如下安装界面，提示：安装Nodejs时会默认安装NPM（Node Package Manange） ，即Node.js 模块管理工具。根据安装界面的提示，安装完成以后出现如下界面。点...

转载 webpack 缓存配置2

http://www.cnblogs.com/ihardcoder/p/5623411.htmlWebpack中hash与chunkhash的区别，以及js与css的hash指纹解耦方案文件的hash指纹通常作为前端静态资源实现增量更新的方案之一，Webpack是目前最流行的开源编译工具之一，其强大的功能也带来很多坑（当然，大部分麻烦其实都可以在官方文档中找到答案）。比如，在Webpack编...

转载 vue组价通信问题

一、组件目录结构父组件：app.vue子组件：page1.vue子组件：page2.vue父组件 app.vue 请输入单价: 子组件 page1.vue单价：{{price}} &amp;lt;button @click=“downPrice”&amp;gt;降价1元数量: {{count}} &amp;lt;/div&amp;gt;二、通信过程介绍1.父组件向子组件传值...

转载 webpack配置缓存

webpack 持久化缓存实践前言最近在看 webpack 如何做持久化缓存的内容，发现其中还是有一些坑点的，正好有时间就将它们整理总结一下，读完本文你大致能够明白：什么是持久化缓存，为什么做持久化缓存?webpack 如何做持久化缓存？webpack 做缓存的一些注意点。持久化缓存首先我们需要去解释一下，什么是持久化缓存，在现在前后端分离的应用大行其道的背景下，前端 html，cs...

转载 微信小程序入门教程+案例demo

原文网址：https://blog.csdn.net/qq137722697/article/details/52988719 认清微信小程序开发其实，我觉得小程序就是将微信官方提供20+个基础组件（目前有26个）进行排列组合，然后加上一些css样式，对用户的操作进行反馈（调微信官方提供的60+个api）。26个基础组件+60个开放api=半天就搞定了吧？（认真跟着下面的教程走半天足够了） ...

原创 前端虚拟接口mockjs的使用

最近在学习VueJS，也进一步学习了ES6，看了一遍之后，难免手痒，所以想仿写点什么，但是数据是个问题，你总不能写个分页，写个轮播吧，但是在公司做自己的东西找后台要接口也不那么像回事，怎么办呢？无意间看到了mockjs，一个模仿接口的小东西。于是把mockjs 和 VueJS结合了一下，先几个笔记，以备后用。首先是准备工作，你需要会VueJS，Vue-resource，vue-cli，...

原创 Vue入坑史，从一个简单的项目说起（一）

最近一直在学习Vue，官方文档也粗略的看过三四遍吧（有的东西老是记不住，可能是老了，开个玩笑）。然后自己写了一个简单的Demo，模拟了iPhone端的微信界面，实现了一个简单的聊天功能。这里是GitHub的项目地址，目前虽然还是个半成品（有点懒），但对于初学者来说应该会有帮助，因为我也是初学者。使用到的技术栈包括Vue，Vuex，Vue-router，Vue-cli，Pug，Sass等。点击这...