关于安安-CSDN博客

原创 js判断是否安装已安装就打开(移动端本人亲测不好用来打我)

<a href="javascript:openApp('helloWorld','安装包APK的链接')"></a>function openApp(openUrl, callback) { //区分是否android和ios方法 var u = navigator.userAgent, app = navigator.appVer...

2019-01-09 11:31:08 3166 18

原创 js置顶页面

//页面置顶调用Topfun()var four;function Topfun(){ four=setInterval(FourscrollBy,10);}function FourscrollBy(eachHeight){ if(document.documentElement && document.documentElement.scrollTop...

2018-06-01 12:01:04 3142

原创忽略程序异常继续执行下面代码

try { tryCode - 尝试执行代码块}catch(err) { catchCode - 捕获错误的代码块} finally { finallyCode - 无论 try / catch 结果如何都会执行的代码块}tryCode必须。检查是否有错误的代码块。err必须(如果使用 catch)。指定局部变量应用的错误。该变量可以引用 Error 对象 (包含发生的错误信息，...

2018-05-30 19:05:16 8439

原创将vue项目打包成移动端app

记录以下自己将web app打包成移动端app的步骤及问题事先准备，开发完成的web app项目（也可以利用vue-cli脚手架构建vue模板项目），npm run dev可以正常预览的项目 1，将项目目录下config文件内index.js中assetsPublicPath修改为 assetsPublicPath: './'2，执行npm run build之后生成dist...

2018-04-17 20:59:50 49729 16

原创 vue版本以及webpack版本

vue作为大前端的主流框架更新速度也是极快。那么vue的更新会有哪些问题呢？最近在搭建vue框架的时候发现由于vue版本的快速迭代已经与原本般配的webpack产生了隔阂。webpack作为大前端的主流打包工具如果与之不兼容，会有越来越多的麻烦事情。经过反复测试，得出结论一篇 vue与webpack最佳拍档组合版本号公布。 npm initnpm install webpa...

2018-04-17 20:33:19 22661 4

原创 vue中axios和qs请求后端接收不到参数

前端解决方案设置请求头headers:{'Content-Type':'application/x-www-form-urlencoded'}请求时data: this.$qs.stringify(options,{arrayFormat:options.payData}),

2021-12-27 22:37:35 563

原创微信小程序中通过extjson修改appjs和app.json中的数据

微信小程序排雷哥最近也是踩了好多小程序的坑,因为也是第一次做小程序,走了很多弯路因为每一次发版本的时候.会发测试版和体验版还有正式环境的测试版和体验版以及正式版,版本太多有时候难以区分是对应哪一条请求链接和那些参数,所以借助了extjson来实现自动化可配置的版本迭代工具. extjson我是在index.js中获取的,并通过extjson获取的参数修改app.js与app.json中需要修改的数据. 在index.js中修改app.j...

2021-03-01 21:52:01 2864 1

原创前端多文件拖拽上传（可上传文件夹）

html代码：<form action="lib/winui/js/dataTest.json" class="dropzone needsclick dz-clickable" id="demo-upload"> <div class="dz-message needsclick" id="myId"></div></form>...

2020-04-01 18:09:09 1897 2

原创 PHP入门

PHP的IDE：phpStormPHP脚本开头结尾都与html中的标签类似<?php echo 'hello world';?>PHP中变量声明与javascript相似PHP中变量用$来声明 javascript中变量用var来声明<?php $a = 5; $b = 6; $c = $a + $b; echo $c...

2019-05-10 17:48:42 203

原创 React踩坑篇2

安装完react后看了一下目录有点惊呆了在app.js中就尝试先使用下reactimport React, {Component} from 'react';import './base.css'import './App.css';class App extends Component { render() { return ( ...

2019-04-01 17:24:38 385

原创 React踩坑篇1

1.安装reactnpx crate-react-app my-appcd my-appnpm start安装报错：然后我查了一下npm的版本号6.4.1 资料一搜据说降级可以用就尝试降级吧npm i -g npm@4成功完成npm的降级后，重新走一遍react的安装。安装时间久，没有出现刚刚的报错信息。ok，果然没有什么问题接下来走第二步第三部启动r...

2019-04-01 16:39:40 397

原创双向数据绑定原理（原生js实现双向数据绑定）

html代码：<input type="text" id="a"><div id="b"></div>js代码： var obj = {}; Object.defineProperty(obj,'hello',{ set:function (newVal) { document.getEle...

2019-03-29 17:14:33 1284

原创完美解决页面跳转刷新的问题

HTML代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Guan_YuAnAn</title> <link rel="stylesheet" href="index.css"></...

2019-03-28 14:16:38 2849

原创 Vue3.0修习——第一篇

Vue3.0安装：npm install -g @vue/cli安装完成后看一下Vue的版本：vue --version运行命令创建一个项目：vue create hello-world一路回车 YES 一个默认设置的vue3.0版本就创建好了启动项目的命令不再是npm run dev了启动项目命令：npm run serve...

2019-03-15 14:53:06 304

原创移动端开发中魅族等系列手机兼容问题

在移动端开发中出现以下报错：Block-scoped declarations (let, const, function, class) not yet supported outside strict mode at特别是在魅族系列机型，以及OPPO 4.0系统和vivo 低版本中存在着兼容问题,对web移动开发非常不友好。阅读了很多博客,博主都人为是node版本过低的原因。...

2019-02-25 10:55:25 1383

原创 top5_ES6(中下)web全栈进阶

promise:<script src="jquery-3.1.1.js"></script><script> setReq = (url,queryStr) =>{//封装 Promise.all([ $.ajax({url,data:queryStr}) ]).then...

2018-08-24 14:43:26 180

原创 top4_ES6(中)web全栈进阶

# 字符串1.多了兩個新方法 startsWith endsWith2.字符串模版字符串链接 i.直接把东西塞到字符串里面 ${东西} ii.可以折行------------------------------------------------------------- <script> ...

2018-08-16 14:29:20 166

原创 top3_ES6web全栈进阶

#Es6函数 - 箭头函数function 名字(){}() => {}1.如果只有一个参数 ()可以省2.如果只有一个return {}可以省---------------------------------------------------------------------<script> const arr = [66,77,11,23,4...

2018-08-15 15:33:35 177

原创 top2_vue下web全栈进阶

#Vue_02（下） vue的数据（data）改变影响页面页面的value改变影响vue template `` --> 多行字符串 --> 入口发散性的填充各种各样模版内容 eg：入口 --- 模版A --- 模版B --- 模版C 组件：组合起来的部件凑成了页面包含组...

2018-08-14 15:13:58 183

原创 top1_vue上web全栈进阶

前端三大框架 vue 框架 = 简易的dom体验 + 发送请求 +模版引擎 + 路由功能框架： 1.初始化自身的一些行为 2.执行你说编写的代码 3.释放一些资源vue起步：1.引包2.启动new Vue({el:目的地,template:模版内容}); option{ el:'#app', //发生行为的目的地 templ...

2018-08-14 10:27:44 390

原创 web弹窗仿ios

HTML代码：<div class="bigAlertBox"></div><div class="alertShowOpen"> <div class="forwardAlertTitle"> 温馨提示 </div> <div class="f

2018-06-01 13:02:14 657

原创 node成长之路第六篇

Nodejs EventEmitternode.js所有的异步I/O操作在完成时都会发送一个事件到事件队列。node.js里面的许多对象都会分发事件：一个net.server对象会在每次有新连接时分发一个事件，一个fs.readStream对象会在文件被打开的时候发出一个事件。所有这些产生事件的对象都是events.EventEmitter的实例。EventEmitter类events模块只提供了...

2018-05-27 10:05:35 166

原创 node成长之路第五篇

node.js是单进程单线程应用程序，但是因为B8引擎提供的异步执行回调接口，通过这些接口可以处理大量的并发，所以性能非常高。node.js几乎每一个API都是支持回调函数的。node.js基本上所有的事件机制都是用设计模式中观察者模式实现。node.js单线程类似进入一个while(true)的事件循环，直到没有事件观察者退出，每个异步事件都生成一个事件观察者，如果有事件发生就调用该回调函数。事...

2018-05-19 17:05:18 173

原创对于node中同步异步的思维想法

阻塞和非阻塞，同步和异步是node.js里经常遇到的词汇，我举个简单的例子来说明：我要看足球比赛，但是妈妈叫我烧水，电视机在客厅，烧水要在厨房。家里有2个水壶，一个是普通的水壶，另一个是水开了会叫的那种水壶。我可以：用普通的水壶烧，人在边上看着，水开了再去看球。（同步，阻塞）这个是常规做法，但是我看球不爽了。用普通水壶烧，人去看球，隔几分钟去厨房看看。（同步，非阻塞）这个又大问题，万一在我离开的几...

2018-04-28 17:07:03 243

原创 node成长之路第四篇

nodejs异步变成的直接体现就是回调。异步编程依托于回调来实现，但不能说使用了回调后程序就异步化了。回调函数在完成任务后就会被调用，node使用了大量的回调函数eg：我们可以一边读取文件一边执行其他命令，在文件读取完成后，我们将文件内容作为回调函数的参数返回。这位杨在执行代码时就没有阻塞或等待文件I/O操作。这就大大提高了nodejs的性能，可以处理大量的并发请求阻塞代码实例：创建一个文件in...

2018-04-28 17:06:02 189

原创 node成长之路第三篇

npm的使用介绍npm是随同node.js一起安装的包管理工具，能解决node.js代码部署上的很多问题，常见的使用场景有以下几种：允许用户从npm服务器下载别人编写的第三方包到本地使用。允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用。语序用户讲自己编写的包或命令行程序上传到npm服务器供别人使用。由于新版的nodejs已经集成了npm，所以之前npm也一并...

2018-04-23 16:32:56 190

原创 node成长之路第二篇

node.js的安装方法可以去官网下。在我们创建node.js第一个应用前，让我们先了解下node.js应用是由哪几部分组成的： 1.引入require模块：我们可以使用require指令来载入node.js模块。 2.创建服务器：服务器可以监听客户端的请求。 3.接收请求与响应请求：服务器很容易创建，客户端可以使用浏览器或终端发送http请求，服务器请求后返回响应数据。创建no...

2018-04-23 13:36:37 159

原创 node成长之路第一篇

学习node首先要了解node.js简单的说node.js就是运行在服务端的javascript。node.js是一个基于chrome javascript 运行时建立的一个平台。node.js是一个事件驱动I/O服务端javascript环境，基于google的v8引擎，v8引擎执行javascript的速度非常快，性能非常好。我们可以使用node-v在命令行查看当前的node版本，不同版本可能...

2018-04-23 13:16:49 204

原创 CSS控制文字超出时变成省略号

1】html5代码<body><div class="hhh">单行末尾为省略号ssssssssssssssssssssssssssssssssssssssss</div><p><a href="#">ljxx.复制到 t 网 a 页编 o 辑器 b 当中 a 可以 o 直接.运co行m</a>&amp

2018-04-18 16:41:49 624

原创 Vue官网简要笔记

####Vue实例vue构造器：var vm = new Vue({ // 选项})扩展vue构造器：var MyComponent = Vue.extend({ // 扩展选项})属性和方法：var vm = new Vue({ el: "#example", data: data， computed: {}， watch: {}, methods: {}})生命周期：before...

2018-04-17 21:11:16 337

原创前端鼠标点透问题

1. 触摸结束时 touchend 事件触发时，preventDefault()。看上去好像没有什么问题，但是，很遗憾的是不是所有的浏览器都支持。　　2. 禁止页面缩放通过设置meta标签，可以禁止页面缩放，部分浏览器不再需要等待 300ms，导致点击穿透。点击事件仍然会触发，但相对较快，所以 click 事件从某种意义上来说可以取代点击事件，而代价是牺牲少数用户（click 事件...

2018-04-17 21:04:30 352

原创 gulp自己操作之后的步骤

1.安装node.js和gulp 2.安装好之后，cmd 命令去检查两个版本以及npm的版本nulp -v和npm -v分别检查对应的版本，node.js百度，忘了，有点尴尬。。。。3.npm 初始化：npm init，一直按回车键就可以，参数有的可填可不填，一直到yes在文件夹下有packahe.js 如下图：4.全局安装gulp ： npm install gulp -g 本地安装gulp：...

2018-04-17 21:02:38 562

原创 webpack打包vue项目

命令行指令 npm run build1.vue cli给我们提供了npm run build命令打包项目，在packa.json文件中scripts对象中有build属性，当我们执行npm run build时，就执行build对应的"node build/build.js"脚本build完成后显示进入项目文件夹，找到dist文件夹，这些是打包后产生的文件2.webpack打包过程中会将css和...

2018-04-17 20:57:20 2673

原创 github上传项目篇

1.进入Github首页，点击New repository新建一个项目 2.填写相应信息后点击create即可 Repository name: 仓库名称Description(可选): 仓库描述介绍Public, Private : 仓库权限（公开共享，私有或指定合作者）Initialize this repository with a README: 添加一个README.mdgitignor...

2018-04-17 20:55:08 141

原创 javascript判断各种浏览器并识别IE版本

1.使用javascript判断页面使用什么浏览器打开？2.判断当前是否为IE浏览器(前端毒瘤)？3.使用javascript区分当前IE浏览器的版本为IE5?IE6?IE7?IE8?IE9? 话不多说直接上代码1.js判断页面使用什么浏览器打开//微信微博var browser = { versions: function() { var u = navigator....

2018-04-17 20:39:49 1968

原创当javascript遇到android

当移动端内嵌H5页面时候，难免会遇到很多的适配问题与交互问题。javascript中有window方法,android也有window方法,那么交互所用到的方法也是window方法最为舒服。话不多说，直接上代码eg:当js需要调用android的方法的时候 window.qknewsjs.openPressno('mapprentice')} window.qknewsJs.openRe...

2018-04-17 20:23:17 238

原创关于angular和vue的区别

vue仅仅是mvvm中的view层，只是一个如jquery般的工具库，而不是框架，而angular而是mvvm框架。vue的双向邦定是基于ES5 中的 getter/setter来实现的，而angular而是由自己实现一套模版编译规则，需要进行所谓的“脏”检查，vue则不需要。因此，vue在性能上更高效，但是代价是对于ie9以下的浏览器无法支持。vue需要提供一个el对象进行实例化，后续的

2017-07-24 23:18:34 865

关于安安的博客