- 博客(34)
- 收藏
- 关注
RSS订阅原创 js处理后台数据
处理前dynamicDataArr:[ { day:'"2019-08-29"', info:[ { taskName:'发布了XXXXXXX', time:'10:21' } ] },{ day:'...
2019-10-17 20:15:47
403
原创 后台数据的一些处理
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>test</title></head><body><script> var list = [{ name:'haha11...
2019-10-12 14:10:12
434
原创 js中的防抖和节流
<input type="text" id="btn"><script>//防抖//触发高频事件后n秒内只会执行一次，如果秒内高频事件再次被触发 ，则重新计算时间function debounce(fn) {let timeout = null;//创建一个标记用来存放定时器...
2019-09-04 16:08:42
142
转载 js中的this指向问题
看了阮一峰老师的博客，很有感触，放在自己博客希望能实时看到。原文地址：http://www.ruanyifeng.com/blog/2018/06/javascript-this.htmlvar obj = { foo: function () { console.log(this.bar) }, bar: 1};var foo = obj.foo;var bar = ...
2019-09-04 10:22:59
109
原创 js for循环更简洁的写法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> //1.a...
2019-08-08 17:46:23
1736
原创 vue编程式导航及路由高亮
1.在方法中实现this.$router.push({path:"/hello"})//跳转到hello页面2.replace方法是不向history中添加新纪录this.$router.replace({path:"router"})3.go的使用this.$router.go(-)14.命名试路由<template> <div id="...
2019-01-07 15:00:10
354
原创 杂记
1.碰到一个坑，在动态绑定样式的是时候，接收时可以赋值数组，数组中可以接受对象，但对象中不能接受变量，数组中可以2.watch能试试监听数据变化,但是能使用computed就不要使用watch，具体请看vue的官方文档3.props类型 props也可以使用对象类型，可以在子组件中声明缩需要的参数的类型props:{ type:String, name...
2019-01-04 16:52:03
94
原创 一段失败的代码，过滤排序，无法刷新页面，后续努力更新
<template> <div id="test"> <ul> <li v-for="(p,index) in sortMe(sortY)" :key="index"> {{p.createTime}}--{{p.totalCount}
2018-12-22 09:20:59
157
原创 响应式布局之左侧固定，右侧随宽度变化
width: -webkit-calc(100% - 1351.68px);用这个就可以实现右边的内容用百分比做，实现右侧自适应或者媒体查询例如：在宽度不小于700px，且设备是横屏的手持设备@media (min-width: 700px), handheld and (orientation: landscape) { ... }或者flex布局...
2018-12-21 13:53:20
414
原创 vue遍历对象中的数组取值
前几天小项目，没考虑周全，让后端改接口，改成数组中包含对象中包含数组的形式，后来越琢磨越不对，后台把所有数据放在了一个对象里，我拿弹窗数据不好拿，索性又改了回来，把后端折腾够呛，自己也折腾够呛，发上来，以示警戒改前拿数据<div class='your-container'> <div class="sortText"> <div>综合排序&...
2018-12-13 21:01:16
31783
2
原创 一个前端小菜鸟的探索之路之用画刻度尺
<template> <div class="leftBox"> <div class='rule'> <ul v-for="(item,index) in datas" :key="index" @click="borderEvent(index)">
2018-12-13 20:53:52
1142
转载 URI和URL的区别
URI，是uniform resource identifier，统一资源标识符，用来唯一的标识一个资源。Web上可用的每种资源如HTML文档、图像、视频片段、程序等都是一个来URI来定位的URI一般由三部组成：①访问资源的命名机制②存放资源的主机名③资源自身的名称，由路径表示，着重强调于资源。URL是uniform resource locator，统一资源定位器，它是一种...
2018-08-30 10:20:03
153
原创 微信小程序
1.tabBar list中配置至少两个页面 注意：tabBar中配置的路径不能使用wx.navgateTo跳转，如果需要跳转使用wx.switchTab方法2.本地存储 设置本地存储：异步 wx.setStorage({key,'',value:'',success:function(res){}}) 同步 wx.setStor...
2018-08-02 16:48:57
166
原创 angular框架基本内容
1.AngularJS框架描述：AngularJS框架诞生于2009年，由google公司提出特点：AngularJS的核心特点是MVW的设计模式，支持模块化和双向数据绑定以及依赖注入。由来：AngularJS框架时为了克服html语言在构建App上天生的不足而设计的 2.AngularJS整体感知描述：AngularJS框架的内容非常庞大，涉及到WEB应用架构的各个方...
2018-07-20 10:36:20
450
原创 观察者模式
<!-- 一对一 --> <span>userName:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=&q
2018-07-17 21:55:03
172
原创 react基础
js框架，MVVMes5使用方法：1.需要引入js文件2.需要创建script标签，注意在script标签的type类型是text/babel3.页面中创建一个根容器4.通过react创建react组件:(只能有一个根元素)React.CreateClass({render:fuction(){return(<div><p></p><p></p...
2018-06-07 22:46:22
119
原创 nodejs操作mysql
数据库操作1.需要安装：cnpm install--savedev mysql2.在index.jszhongyinru mysql = require('mysql');3.创建数据库连接配置：connection = mysql.createConnection({host:'localhost',user:'root',password:'',port:'3306',database:'数...
2018-06-05 21:49:01
288
原创 router
routerexpress.Router创建的router，router一般是一个独立的文件所有所有路由功能在router上创建创建好以后需要引入到index.js文件中最后app.usr(‘/’,router)加载路由res响应类型res.json（）发送一个JSON格式的响应res.jsonp（）发送一个支持JSONP的JSON格式的响应 jsonp前台发送请求跨域res.send（）发送各...
2018-06-05 21:48:13
235
原创 nodejs初步感知
nodejs是javascript语言编写的一个后台，nodejs实现的是后台功能nodejs安装.msi格式文件，安装都是下一步运行node的环境是命令行功能开始->cmdwin +r打开的命令功能默认是c盘下的用户盘符命令行工具常用命令1.切换盘符 c盘->d盘2.进入文件夹：cd文件夹名字3.退出文件夹：cd ../4.查看文件：dir 运行：node5.清空行命令：cls6.创...
2018-06-04 21:18:49
172
原创 模块化感知
一：什么是模块化 模块：函数包裹的功能 模块化：具备一定的功能，作用域独立，可以拿到任何地方使用，不会有其他任何依赖可以在不同的地方实现不同的细微功能差别。 模块化分类： CommonJS：适用于后台，实现方式是同步执行（），代表nodeJS requireJS：前台后台都可以使用，实现方式是异步执行，适用单页面应用 AMD seaJS：已经死亡，官网已不更新...
2018-06-01 22:03:03
172
原创 angular指令及广播
angular指令1.指令：directive(类似于bootstrap中组件的功能)描述：angularJS框架中提出了一种用来解决【大量重复冗余的页面编辑代码】的问题技巧，即为指令。2.语法：描述：在angular指令内部，所有的指令都是通过数据模型.directive()创建的 app.directive(‘指令名称’,function(){ return...
2018-05-30 14:51:40
1196
原创 angular Service（服务）
1.angular Service（服务）描述：在angularJS框架中，服务Service就是提供给APP数据模型的全局变量 而服务存在的目的就是对各个controller之间的交互提供了一个途径说明： 1）在angular变量中服务是一个名词 2）在angular变量中由于controller作用域的问题，平级作用于之间无法相互沟通，而在开始发过程中...
2018-05-29 22:04:15
3514
原创 angularJS整体感知及路由概念
一：angularJS ：1.angularJS 描述：angularJS 诞生于2009年，是由Google提供的一个优秀的前端框架 特性：angularJS框架的特点是（MVW--model+view+whatever）、模块化的程序思维 应用：angular的提出是为了克服HTML语言在构建应用上的不足而设计的2.angularJS的整体感知 mvc（model-v...
2018-05-28 21:12:34
326
原创 h5新特性：canvas标签（补充）
上下文对象 = painter1.透明度 语法：painter.globalAlpha = 0~1; 任何操作都要在fill（）之前2.线性 1）设置线宽 painter.lineWidth = number; 2)端点 painter.linCap = 端点类型； 类型： butt：无端点, r...
2018-05-18 22:45:49
272
原创 h5新特性：canvas标签
1.canvas标签：描述：canvas为HTML5提供了基础，用来“替代”flash等其他动画或游戏的一个标签说明：1）尽量用行内样式设置属性2）canvas是新标签，不是所有浏览器都支持，所以要在其内部添加文本，显示“您的浏览器不支持canvas”。3）canvas可以认为是一张画布，其内部的所有内容都是通过js脚本添加的4）使用：在脚本中：var huaban = document.que...
2018-05-17 20:45:59
298
原创 数据持久化操作和H5新特性
一、数据持久化操作1）cookie描述：数据持久化操作也叫数据本地化，是一种将数据“长久”保存在客户端的操作cookie可以看做是一个存储容器语法：cookie的设置方案（两种）：前端设置cookie： 写入cookie：document.cookie = 'key=value;expires=过期时间戳'; 读取cookie：console.log(document.cookie); 删除coo...
2018-05-16 22:51:25
578
原创 封装Ajax与跨域
1.封装Ajax(1)提供创建xhr对象的兼容性函数。(2)提供发送请求的对外接口(3)设计并约定对外接口的参数规格(4)实现对外接口中参数处理(5)实现对外接口中响应处理(6)实现对外接口中发送处理(7)设置命名空间，避免全局变量污染。(1)提供创建xhr对象的兼容性函数 a.让我们先创建一个js文件，并命名为EncapsulationAjax.js。(这就是我们的框架文件) b.在这个文件内...
2018-05-10 21:50:51
209
原创 Ajax与Http协议
1.Ajax与Http协议详解概述：Ajax模块在处理网络请求的时候包括以下四个步骤 (1)创建Xhr对象 (2)发出HTTP请求 (3)接收服务器回传的数据 (4)更新网页数据补充：Ajax可以发出同步请求，也可以发出异步请求。 但大多数情况下指的是异步请求，因为同步的Ajax请求对浏览器会产生“阻塞效应”2.xhr对象【Ajax发送请求】这件事情并不是一...
2018-05-10 21:41:55
428
原创 mysql PDO对象
1. singletonsingleton中文名称为单例模式，是一种构造类的设计模式。其目的是为了在全局获取这个类的对象时总是能获取到唯一的对象，而不是每次实例化都创建出新的对象的一种类结构。 特别的在DB操作中，DB连接这种对象就必须是通过单例模式来实现的。<?php class Singleton{ private static $con = null; public sta...
2018-05-10 21:35:16
145
原创 PHP新手入门--数据库（中）
数据库（中）用pdo来操作数据库1. singletonsingleton中文名称为单例模式，是一种构造类的设计模式。其目的是为了在全局获取这个类的对象时总是能获取到唯一的对象，而不是每次实例化都创建出新的对象的一种类结构。 特别的在DB操作中，DB连接这种对象就必须是通过单例模式来实现的。class singleton { private static $con = null; publ...
2018-05-08 22:06:06
226
原创 PHP新手入门-03
数据库（上）(1) php创建数据库【连接】 语法：Object mysqli_connect("域名","DB账号","DB密码","DB库名") 例子：$con = mysqli_connect('localhost','root','','frankdb');(2) 向DB中插入数据时包含中文出现乱码的解决方案 语法：mysqli_query($con,"set names utf...
2018-05-07 23:22:56
369
原创 PHP新手入门--day02
一 JavaScript类和对象1.面向对象： jJavaScript为一门面向过程思想的语言，其特征为顺序和选择还有循环，JavaScript其实并不存在类和对象的概念，类和对象的概念是面向对象思想独有的 说明： 1）顺序：代码逐句执行，逻辑从上到下顺序排列 2）选择：代码执行过程中，允许分支语句对要执行的内容进行判断，从而决定程序执行走向 3）循环：面对大量重复执...
2018-05-04 21:16:49
148
原创 PHP新手入门 -- day01
一：1.输出指令：echo var_dump （） gettype()127.0.01<?php?>分号必写纯php中可以不用写结束标签2.变量：echo “ ”可以输出变量对于字符串类型的变量而言，字符串采用引号定义，则内部可以书写变量并解析；若采用单引号定义，内部不能写变量也不能解析。3.常亮：大小写敏感，一般用大写，且值不可以改变。4.表达式：通俗来说：没有分号的语句，但并不绝...
2018-05-03 22:49:29
125
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人