前端
文章平均质量分 66
Carrie_zzz
自由,快乐
https://shop222559160.taobao.com/
我的淘宝店铺
http://39.108.70.189/?/admin/user/list/
产品经理社区
http://www.cnblogs.com/WUPEIQI--python博客
展开
-
uni-app支付宝微信支付
(1)次支付都是后端返回url支付宝:res.data.data就是后端传的url window.open(res.data.data,'_self') window.close(); 注意:微信环境跳去一个页面缓冲提示去浏览器。否则直接用上面的代码微信(外同上)(2)微信内微信对接地址:https://pay.weixin.qq.com/wiki/doc/api/index.h...原创 2019-12-17 15:03:21 · 1923 阅读 · 0 评论 -
uni-app实现拼多多倒计时拼团
(xx)效果图?(1)倒计时方法其中self是我传入的uni-app中的this。 self.assembleData则为数组===》一个个团export function countTime(self){ let timer = setInterval(function () { for (let i = 0; i < self.assembleData.l...原创 2019-12-17 14:53:32 · 3229 阅读 · 0 评论 -
react Or vue对接百度统计
如果是单页面应用都是一样的。就是在index.js中 添加如下代码切记是两部分,如果都加到header中是属于安装错误的原创 2019-12-03 15:41:14 · 1266 阅读 · 0 评论 -
vue脚手架开发环境没有问题,打包后ie,360有兼容性问题比如不支持findIndex等
(1)在vue.config中配置 transpileDependencies: [‘iview’]会导致运行也有问题‘’【xxx】(2)在babel.config.js中加入module.exports = { presets: [['@vue/app', { useBuiltIns: 'entry' }]] }在main中加入import'@babel/polyfill';啊啊...原创 2019-11-20 11:16:33 · 964 阅读 · 0 评论 -
JavaScript 检查(Linting)工具的优缺点比较
概述四种工具用基本相同的方式工作。他们有一组规则用于分析和报告 JavaScript 文件中的问题。他们可以通过 npm 安装。他们都可以通过命令行使用,作为诸如 Grunt 之类的工具的插件使用,或者被集成到编辑器中。他们都支持使用注释进行配置。上面说的都是相似之处。每个工具都有各自的优点和缺点 —— 只是有些工具比其他工具有更多的优点JSLint优点参数配置完成,可以直接使用(...转载 2018-11-08 11:19:18 · 977 阅读 · 0 评论 -
HTTP状态码详解大全
100客户端应当继续发送请求。这个临时响应是用来通知客户端它的部分请求已经被服务器接收,且仍未被拒绝。客户端应当继续发送请求的剩余部分,或者如果请求已经完成,忽略这个响应。服务器必须在请求完成后向客户端发送一个最终响应。101服务器已经理解了客户端的请求,并将通过Upgrade 消息头通知客户端采用不同的协议来完成这个请求。在发送完这个响应最后的空行后,服务器将会切换到在Upgrade...转载 2018-07-13 22:52:17 · 730 阅读 · 0 评论 -
前端各种循环的区别for of 等等
看了很多例子没有自己满意的总结一个先上总结: 方法 适用范围 描述 for… in Array和Object 获取可枚举的实例和原型属性名 Object.keys() Array和Object 返回可枚举的实例属性名组成的数组 Object.getPropertyNames() Array和Object 返回除原型属性以外的...原创 2018-07-21 15:53:47 · 6983 阅读 · 0 评论 -
2018秋招前端笔试题(58同城)
填空题号码段为131到139的11位手机号码正则校验:/^13[1-9][0-9]{8}$/移动端,如何在html中通过链接调起拨打电话:’&amp;lt;a href=&quot;tel:10086&quot;&amp;gt;10086&amp;lt;/a&amp;gt;'一下代码的输出结果:{var t='teacher';let s='student'}console.log(t);原创 2018-07-22 08:03:46 · 1671 阅读 · 0 评论 -
CSS3动画卡顿性能优化解决方案
转载地址:https://segmentfault.com/a/1190000013045035 最近在开发小程序,与vue类似,它们都有生命周期这回事。 onLoad 监听页面加载 onReady 监听页面初次渲染完成 onShow 监听页面显示到底是什么意思?所以这又触碰到了我的知识盲区,不过项目在磕磕绊绊中完成的差不多了,但是遇到了CSS3动画渲染的性能问...转载 2018-08-19 10:23:12 · 1890 阅读 · 0 评论 -
HTML网页下,在div标签中嵌套其他html页面
主页面为main.html,点击在div添加html按钮id为btn, div的id为viewDiv,要插入的本地html为new.html。方法一:基于Jquery的DIV嵌套html(测试可用)&lt;script src="js/jquery.js"&gt;&lt;/script&gt;$(document).ready(function(){ $("#bt转载 2018-08-21 11:51:58 · 3319 阅读 · 0 评论 -
这里记录下所有关于学习前端比较好网址
关于vuewebpack:https://vuejs-templates.github.io/webpack/vue组件https://www.iviewui.com/components/做图报表之类EChartshttps://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-ykdr2eka.html - ...原创 2018-07-13 16:13:56 · 255 阅读 · 0 评论 -
vue脚手架搭建的目录结构
一级目录build: webpack配置相关的目录 config webpack 配置相关的目录 node_modules npm install 安装的依赖代码库 src我们存放的源码,我们开发的所哟代码都放在src目录下。staic存放一些第三方静态资源的目录 test测试目录,没有太大用处,可以删除一级文件babelrc: babel的一些配置,(将e...原创 2018-07-13 15:58:19 · 502 阅读 · 0 评论 -
css3之position: sticky;
以前以前的以前我们都知道css中的position都有以下的属性:static(没有定位,是默认值)元素是出于正常的文档流中,会忽略left,top,right,bottom,z-index属性。relatie(相对定位)是元素设置相对于位置的定位,元素并没有脱离文档流,因此元素原本的位置会被保留,其他的元素位置不会受到影响absolute(绝对定位)是指的是给元素设置绝对定位可以分...原创 2018-06-27 07:36:18 · 1335 阅读 · 0 评论 -
前端轻量级web进度条 – Nprogress & nanobar
前言进度条库是前端中常见的库之一,bootstrap中提供了多种进度条样式。NProgress.js和nanobar.js是两款轻量级的进度条组件,使用简便。轩枫阁用过Nprogress,用于页面刚打开时的页面加载进度显示。官网NProgress.js:http://ricostacruz.com/nprogress/nanobar.js:http://nanobar.micron...转载 2018-06-10 22:32:43 · 2123 阅读 · 0 评论 -
jade
不同的层级元素 之间通过缩进进行分割,标签和内容之间要加空格(层次清晰语义化好)首先要安装:npm install jade -g编译的时候直接输入名字:jade xx.jade-P美化-w 监控jade -P -w xx.jadejade注释//单行注释非缓冲注释//-模板语句转换成变量:-var lesson='node'使用的...原创 2018-05-30 15:07:26 · 648 阅读 · 0 评论 -
webpack以及打包总是出现错误
什么是webpack是一个模块打包器。任何静态资源都可以当做是模块,然后模块 之间也可以相互依赖,通过webpack对模块进行处理以后,可以打包成我们想要的资源webpack的特点支持CommonJS和 AMD模块,意思就是哦们可以无痛迁移旧的项目支持模块加载器,和插件机制,可对模块进行灵活的定制,特别是babel-loader有效支持es6可以通过配置,打包成多个文件,有效...原创 2018-05-29 22:24:04 · 4524 阅读 · 1 评论 -
angular&创建指令&指令对象
创建指令指令也是一种 服务,只是这种服务的定义有几个特殊要求:必须使用模块的directive()方法注册 服务对象工厂必须返回一个指令定义的对象指令在注入器种的登记名称是:指令名+Directive。例如ng-app指令的服务名称是:ngAPPDirective指令定义对象每个指令定义的工厂函数,需要返回一个指令定义对象指令定义对象就是一个具有约定属性的javaSc...原创 2018-05-24 22:57:50 · 990 阅读 · 0 评论 -
yeoman
yeoman帮助我们创建项目,提供跟好的工具来使我们的项目更加多样化提供了generator系统一个generator是一个插件,我们在一个完整的项目上使用yo命令时,会运行该generator函数,通过这些官方的generator,推出了工作流,工作流是一个健壮,有自己自己特色的客户端堆栈,包含能够快速构建漂亮的网络应用的工具和框架,它提供了负责开始项目开发的一切,没有任何让人头痛的手动...原创 2018-05-29 08:09:38 · 436 阅读 · 0 评论 -
svg中path命令参数表
注意:所有的这些字符命令都可以用大小写两种形式。大小表示绝对位置,而小写表示相对位置。指令参数名称描述Mx,ymoveto移动虚拟画笔到指定的(x,y)坐标,仅移动不绘制mx,ymoveto移动虚拟画笔到指定的(x,y)坐标,这个坐标是相对于当前画笔的坐标,仅移动不绘制Lx,ylineto从当前画笔所在位置绘制一条直线到指定的(x,y)坐标...原创 2018-10-03 19:22:14 · 1869 阅读 · 1 评论 -
JS去重的几种方法,并且知道重复多少次
JS去重的几种方法,并且知道重复多少次首先定义字符串方法一方法二方法三方法四(可以知道重复的次数)首先定义字符串let str = "12qwe345671dsfa233dsf9876ds243dsaljhkjfzxcxzvdsf"; let arrays=str.split("")方法一这个方法就是利用set没有重复的值 arrays=[...new Set(arrays)...原创 2018-09-28 16:06:12 · 1664 阅读 · 0 评论 -
sublime text3按快捷键Ctrl+shift+p来搜索插件搜索不到
看到很多说是要安装这个,但是明明安装了什么都有的此时其实只需要一步输入框输入Package Control: Install Package回车再搜索你想要的插件就出现了!原创 2018-10-25 11:26:50 · 5308 阅读 · 1 评论 -
Jekins上install 报错 npm ERR! chromedriver@2.37.0 install: `node install.js
解决办法npm install appium-chromedriver@3.0.1 --ignore-scripts原创 2019-09-08 16:11:03 · 299 阅读 · 0 评论 -
vue源码(一)
原创 2019-09-07 15:52:04 · 330 阅读 · 0 评论 -
uni-app长按删除
(1)在你要长按的盒子《标签》上添加如下代码@touchstart.prevent="touchstart(index)" @touchend.prevent="touchend"(2)编写touchstart函数touchstart(index) { let that = this; clearInterval(this.Loop); //再次清空定时器,防止重复注册...原创 2019-08-21 10:08:32 · 6006 阅读 · 5 评论 -
uni-app 连接手机,真机运行你可能会遇到的问题
(1)安装插件(2)打开USB调试(1)设置=》我的设备=》全部参数=》点击版本7下打开开发者模式=》返回到更多设置=》开发者选项-》打开USB调试(3)如果提示以下问题:请从新插拔数据线从新连接弹出的窗口点击确认真机运行失败,失败原因:手机上没有信任本计算机的授权,请在手机上信任该授权(4)如果报错提示:手机上一般是没有这个目录的,你可能会认为这个 是默认的安装目录,想着是否...原创 2019-07-17 09:58:43 · 11054 阅读 · 0 评论 -
原生小程序下拉刷新,上拉加载更多、左右翻页
下拉刷新(1)开启下拉刷新(json文件中) "enablePullDownRefresh": true(2)在Js文件中加入如下代码 /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { wx.showNavigationBarLoading(); ...原创 2019-07-07 10:57:49 · 895 阅读 · 0 评论 -
初探uni-app(vue不熟,小程序只写过原生)
通过vue-cli命令行(1)安装npm install -g @vue/cli(2)创建uni-appvue create -p dcloudio/uni-preset-vue my-project由上图可知报错了,我们看错误信息,看到对应文件我安装了两个全局的脚手架,查看官方文档:我们需要卸载它于是 :npm uninstall vue-cli回过头看,还是会报错...原创 2019-07-06 23:21:58 · 3049 阅读 · 0 评论 -
uni-app在hubilderx中工具的服务端口已关闭。要使用命令行调用工具,请打开工具 -> 设置 -> 安全设置,将服务端口开启。
此时你只需要打开微信开发工具原创 2019-07-15 23:15:06 · 3481 阅读 · 0 评论 -
canvas画小球,头像,文本
/** * 画小球 */ drawArc: function(ctx, color, w, h) { ctx.beginPath(); ctx.fillStyle = color; ctx.arc(w, h, 4, 0, 2 * Math.PI, false); ctx.fill(); }, ...原创 2019-07-06 09:14:54 · 402 阅读 · 0 评论 -
Vue+Express+MongoDB 安装部署(weblog)
(一)搭建express(1)创建一个空的文件夹A(2)在该目录下打开命令行npm init初始化项目,然后一路enter(3)此时该目录下有个package.json文件(4)npm install express --save(5)在A下创建一个Index.js(入口文件)写如下代码(6)启动node index 若打印则启动成功(二)Vue项目构建(1)安装 vue-cli...原创 2019-06-13 22:39:49 · 544 阅读 · 0 评论 -
windows 无法将“redis-server.exe”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
输入redis-server redis.windows.conf报错只需在命令前添加完整的路径如: D:\tools\redis\Redis\redis-server redis.windows.conf原创 2019-06-06 20:53:56 · 7346 阅读 · 5 评论 -
windows中 istanbul cover _mocha报错
运行istanbul cover _mocha报错信息运行mocha没有问题原因:在window下找不到 _mocha 这个东西,所以要用 node_modules/mocha/bin/_mocha 来替代 _mocha(这是注意看本地是否有安装mocha模块)istanbul cover node_modules/mocha/bin/_mocha...原创 2019-06-06 11:04:33 · 525 阅读 · 0 评论 -
小程序中template的使用以及去除button中的border
template(1) 定义模板<template name="模板名称"> xxx你的代码</template>(2) 引入模板wxml 引入 <import src="xx.wxml" />wxss 引入 @import "xxx";(3) 使用模板<template is="模板名称" data="{{color,type,fi...原创 2019-03-31 21:11:51 · 595 阅读 · 0 评论 -
radio设置了选中,但是界面上有时候管用有时候不管用
最近在用jquery,bootscript,easyui。其中操作radio有时候有用有时候没有用的感觉?我是这样写的$(“#radio”).attr("checked","checked");不知道啥原因就是有时候又有时候没有用:然后我这样写就好了 $("input[name='radio1']").get(1).checked=false; ...原创 2018-12-20 20:39:43 · 1183 阅读 · 0 评论 -
easyui中的datagrid中表头边框如何去掉还有右边表。。。。。。
话不多说看图我们可以看到那是框架分装好的代码中的样式。。如何改呢?很简单。 var dg= $(‘【你的table容器】’).datagrid(); $(dg.context).find(".datagrid-header").css("border","0"); $(dg.context).find(".datagrid-header").css("ba...原创 2018-12-14 20:08:20 · 2018 阅读 · 0 评论 -
小程序下载到手机后的目录。
• /data/data/com.tencent.mm/MicroMsg/{{一串32位的16进制字符串文件夹}}/appbrand/pkg/博客地址人家写的很全面我就不用赘述了。原创 2018-10-24 10:51:09 · 6404 阅读 · 0 评论 -
突然npm install -g npm(跟新npm)等之类的命令都不可以用了,都报一个错误
npm ERR! Unexpected token &lt; in JSON at position 1 while parsing near ’ npm ERR! npm ERR! 突然有一天仿佛下载啥都出现在这个错误比如我输入:npm install -g gulpnpm view gulpnpm install gulpnpm install -g npm(跟新n...原创 2018-05-27 18:20:45 · 6296 阅读 · 0 评论 -
gulp
jasminejasmine是一个行为驱动开发的测试框架,不依赖任何js框架以及dom,是一个非常干净的以及友好的API的测试库describe函数来定义测试大体的中心内容it是用来定义单个具体测试内容expect主要用来计算一个变量或者一个表达式的值beforeEach与afterEach主要是用来在执行测试 任务 之前和之后做的一些事运行karma start ka...原创 2018-05-27 16:54:27 · 319 阅读 · 0 评论 -
angular之MVC,内置指令
认识angularMVC 分类 用途 Model 模型表示数据的部分 View 视图这是用户看到并与之交互的界面 Controller 控制器是应用程序中处理用户交互的部分,通常控制器负责从视图读取数据,控制用户的输入,并向模型发送数据MVC是一种使用MVC(Model View Controller 模型-视图-控制器)设...原创 2018-05-22 16:15:49 · 661 阅读 · 0 评论 -
Web前端知识体系精简
Web前端技术由html、css和 javascript三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知识点,因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理,对应的每个知识点点到为止,不作详细介绍。目的是帮助大家审查自己的知识结构是否完善,如有遗漏或不正确的地...转载 2018-03-18 15:26:45 · 257 阅读 · 0 评论