- 博客(166)
- 资源 (8)
- 问答 (1)
- 收藏
- 关注
原创 vue项目在本地测试微信公众号JS SDK
1、Fiddler设置2、vue.config.js配置3、公众号配置3.1、网页域名白名单3.2、设置JS接口安全域名
2019-12-27 00:05:38
1940
原创 mongodb小记
mongodb的安装,没什么好讲的,在官网下载后(mongodb下载地址),点击下一步下一步,在最后一步的时候,把最左下角的勾去掉就行(也就是不安装图形界面,以后也可以单独安装)。假设mongodb的安装路径是:D:\mongodb一、启动mongodb服务并连接1、启动mongodb服务;进入mongodb安装目录里的bin目录,在此打开一个命令行窗口,先进入bin目录,设置一下mo...
2019-08-24 19:54:37
291
原创 window下flutter开发环境安装
一、前提1、电脑可以访问google,因为很多库,需要从谷歌的服务中下载2、电脑已经安装了git二、flutter开发环境安装步骤1、设置window环境变量(以win10为例)我的电脑,右键,属性,高级系统设置,环境变量;新增两个环境变量:第一个环境变量名为PUB_HOSTED_URL,对应的值是:https://pub.flutter-io.cn;第二个环境变量名为FLUTT...
2019-07-29 15:35:01
592
原创 使用hbuilderx将vue项目打包成App
一、打包vue web项目1、修改build的配置在vue-cli(2.9.x版本)下,修改config目录下index.js里面的build.assetsPublicPath(默认是/,这里在/之前加了个英文状态下的点符号)2、运行yarn run build(我用的是yarn包管理器,如果是用npm,则运行npm run build)打包后的静态资源文件之后会用到。...
2019-06-02 14:04:38
7196
4
原创 css3弹性盒模型flexbox
一、设置给父元素的属性,控制子元素的显示方式display: flex/display: inline-flex设置给父元素盒子,将一个元素设置成弹性盒子;flex-direction决定显示的方向 (即项目的排列方向)1.row: 默认值,左对齐,顺序显示2.row-reverse: 右对齐 倒序显示3.column: 竖直顺序显示4.column-reverse:...
2019-05-03 17:05:48
289
原创 初学webpack(3.X版本),手动搭建的一个简单多页面项目
这个配置是基于webpack3.X版本的;1、第一个文件webpack.util.js,主要作用是自动读取入口文件并进行配置,自动生成html模板的配置文件const glob = require('glob'), path = require('path'), htmlWebpackPlugin = require('html-webpack-plugin'),...
2019-05-03 17:03:56
412
原创 node中的module.exports与exports
module.exports与exports的区别每一个node.js执行文件,都自动创建一个module对象,同时,module对象会创建一个叫exports的属性,初始化的值是{}module.exports = {};Node.js为了方便地导出功能函数,node.js会自动地实现以下这个语句foo.jsexports.a = function () { conso...
2019-05-03 16:49:57
1277
1
转载 cookie与session
为什么要使用cookie和session由于HTTP协议是无状态的协议,所以服务端需要记录用户的状态时,就需要用某种机制来识别具体的用户,这个机制就是Session.而session一般情况下需要客户端发送的cookie信息,来识别当前访问程序的用户是谁。什么是cookie?cookies是后台服务器在本地客户端浏览器上存储的小段文本(一般情况下,只能存字符串);并随每一个请求发送至同...
2019-05-03 16:42:19
238
原创 使用vue的slot插槽做母板组件
母板组件是啥?母板跟模板差不多,就是将一些重用性较高的页面结构抽离出来,封装到一个独立的组件里,以便于在各个项目中使用。比如后台管理,经典的头部,尾部,侧边栏与主要内容区域;我们就可以把这个结构封装成一个母板组件,今后只要写后台管理类的项目,就可以直接使用。下面具体来实现一下。实现一个后台管理的母板组件假设我们需要实现的是下面这张图的效果:母板组件命名为layer.vue;为了...
2019-05-03 16:36:13
891
原创 vue-router嵌套子路由实际使用
前端路由的定义在spa流行之前,前端路由是没有的;而像java之类的后台语言很早就有了,后端路由一般就是定义一系列的访问地址规则,路由引擎根据这些规则匹配并找到对应的处理页面,然后将请求转发给页面进行处理。在spa应用中,前端路由是直接找到与地址匹配的一个组件或对象并将其渲染出来。改变浏览器地址而不向服务器发出请求有两种做法,一是在地址中加入#以欺骗浏览器,地址的改变是由于正在进行页内导航;...
2019-05-03 16:26:05
25352
2
原创 html5 filereader读取txt文件
var readTxt = (function(w) {//常量 var __DEFAULT__ = {exp: {trim: /\s/, //匹配空格 rn: /\r\n/g //匹配换行 },errorMsg: {readError: "读取文件出错!",interruptError: "读取文件异常中断!" }};//保存...
2019-05-03 15:16:10
1933
原创 jquery简易验证插件封装
html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery数据校验插件开发</title> <link rel="stylesheet" href="css/register.css"...
2019-05-03 15:13:38
299
原创 移动端网页布局之rem
1、我理解的rem布局首先,假设我现在要在iphone6里面布局,那么设备宽度deviceWidth=375px(通过document.documentElement.clientWidth获取,也可以用document.documentElement.getBoundingClientRect().width获取),默认设计稿宽度designWidth=750px;设备宽度与设计稿的比值ra...
2019-05-02 23:26:00
468
原创 js事件循环
先执行同步任务,再执行异步任务,异步任务分两种,一种是宏任务,比如定时器;另一种是微任务,比如Promise;在同一个事件循环里,优先执行微任务,再执行宏任务。...
2019-03-17 22:44:45
173
转载 跳槽笔记
跳槽的本质,可持续就业能力的培养。一、跳还是不跳?1、工作出现瓶颈,建议不跳2、工作顺风顺水,反而可以跳3、不满意当前薪资时,不要单纯为了钱而跳。能力提升,是衡量工作满意的重要指标;金钱带来的满足感,往往不会超过六个月。4、经济形势动荡,最好不跳5、热门的行业慎重跳6、把握换工的黄金期,趁年轻二、理想的跳槽频率,三年以上。低于三年,很难了解一个成熟公...
2019-03-14 21:57:45
217
转载 javascript语言精粹-读书笔记
1、javascript优秀的想法包括函数、弱类型、动态对象和富有表现力的对象字面量表示法,那些糟糕的想法包括基于全局变量的编程模型。2、如果一个数字字面量有指数部分,那么这个字面量的值等于e之前的数字与10的e之后数字的次方相乘。所以100和1e2是相同的数字。3、switch、while、for和do语句允许有一个可选的前置标签(label),它配合break语句来使用。4、js可...
2019-03-08 22:24:31
283
转载 js编程基础知识一
一、语言设计思路c基本语法借鉴java数据类型和内存管理借鉴scheme语言的函数,函数是"第一等公民"借鉴self的prototype原型机制实现继承javascript = 函数式编程 + 面向对象编程二、面向对象基本规则1、对象:属性跟方法的综合体2、不存在独立的函数|属性 所有的函数必须是某个对象的方法|属性3、prototype 原型编程语言 基本规则...
2019-03-04 17:11:41
2110
原创 es6+不得不掌握的基础部分
一、变量声明1、leta、let不允许重复声明同一个变量var a = 0;let a = 2; // 报错;Identifier 'a' has already been declaredfunction demo (num) { let num; //这里使用let声明,同样属于重复声明变量}{ var b = 0;}let b = 2;b、let没有变量提升console...
2018-07-15 16:10:45
817
原创 原来我不理解js原型链
再说原型链之前,我们先实现一个最简单的js继承;我们以动物类(Animal类)和人类(Person类)为例,用js实现Person继承Animal的例子:// 构造函数 function Animal (name, age, height, weight) { this.name = name; this.age = age; this.height = heigh...
2018-07-06 21:28:58
276
转载 vue2.X基础知识八之vue-router路由
前端路由是直接找到与地址匹配的一个组件或对象并将其渲染出来。改变浏览器地址而不向服务器发出请求有两种做法,一是在地址中加入#以欺骗浏览器,地址的改变是由于正在进行页内导航;二是使用HTML5的window.history功能,使用URL的Hash来模拟一个完整的URL。将单页程序分割为各自功能合理的组件或者页面,路由起到了一个非常重要的作用。它就是连接单页程序中各页面之间的链条。一、在vue中...
2018-07-02 18:41:13
663
转载 vue2.X基础知识七之$nextTick
<div id="app"> <div id="div" v-if="showDiv">这是一段文本</div> <button @click="getText">获取div内容</button></div><script&
2018-05-26 16:50:55
1313
转载 vue2.X基础知识六之slot内容分发
当需要让组件组合使用,混合父组件的内容与子组件的模板时,就会用到slot,这个过程叫做内容分发。1、slot内容分发在子组件内使用特殊的<slot>元素就可以为这个子组件开启一个slot(插槽),在父组件模板里,插入在子组件标签内的所有内容将替代子组件的<slot>标签及它的内容。例如:<div id="app"> <child-compo...
2018-05-25 00:27:21
377
转载 vue2.X基础知识五之非父子组件通信
在实际业务中,除了父子组件通信外,还有很多非父子组件通信的场景,非父子组件一般有两种,兄弟组件和跨多级组件。1、中央事件总线(bus)处理任何组件通信 在vue2.x中推荐使用一个空的Vue实例作为中央事件总线(bus),也就是一个中介。例如:<div id="app"> {{ message }} <component-a></compon...
2018-05-18 18:05:17
353
转载 vue2.X基础知识四之组件及父子组件通信
一、组件注册1、在Vue中全局注册//my-component就是注册的组件自定义标签名,推荐使用小写加减号分割的形式命名//template的DOM结构必须被一个元素包含(这里是div),否则无法渲染Vue.component('my-component', {template: '<div>我是组件</div>'}); var app = new Vue({...
2018-05-08 22:05:35
1415
原创 vue2.X基础知识三之简易购物车
先看下效果:为了方便起见,使用了table布局:<div id="app"> <table> <tr> <th>商品</th> <th>数量</th> <th>单价</th> <th&
2018-05-07 12:29:48
948
原创 vue2.X基础知识二之数据计算
1、filters过滤前端在展示后端传递过来的数据时,往往不能直接显示出来,需要经过一些转换,比如后端有个字段是datetime格式的,到了前端会发现是一个很奇怪的字符串,这个时候,通常需要写一个函数来格式化一下,在vue中,我们可以使用filter来增加一个函数用于格式化输出;这里我们以输入人民币,自动转换为美元为需求。例子如下:<div id="app"> <div v-...
2018-05-07 00:23:44
2577
原创 vue2.X基础知识一之初探vue及指令
首先,直接在html里引入官方的vue文件:<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>html结构如下:<div id="app"> <!--输出data数据里的name值--> {{ name }}</div&
2018-05-06 12:45:11
565
原创 linux安装基于node、mysql的网站部署环境
一、安装mysql1、安装rpmrpm -Uvh http://dev.mysql.com/get/mysql-community-release-el7-5.noarch.rpm2、查看可用的mysql版本yum repolist enabled | grep "mysql.-community"(执行此命令可能会没有任何输出,不用管,继续第3步)3、安装mysql5.6版本yum ...
2018-03-30 23:23:23
1119
1
转载 使用google搜索自己在csdn写的博客
'搜索内容' site:blog.youkuaiyun.com/'个人博客主页地址'比如:我要搜索我自己的这篇文章,在google里输入:'google搜索' site:blog.youkuaiyun.com/wuzhe128520
2017-08-18 16:29:07
513
原创 LINUX基本命令
1、cd / 进入根目录cd home/ 打开home目录cd .. 返回上一级目录cd ~ 回到 /root主目录2、ls(dir) 列出目录和文件ls -l (vdir)查看文件的详细属性ls -ld /etc/ 查看目录属性3、pwd 显示当前目录4、cat 查看文本文件cat day 查看day文本内容(后面可以跟多个文本
2017-08-10 19:11:16
416
原创 使用gulp-jshint遇到的小坑
由于使用的gulp插件太多,所以使用了gulp-load-plugins来使用其他gulp插件。var gulp = require("gulp"), plugins = require("gulp-load-plugins")({ pattern: '*' //让gulp-load-plugins插件能匹配除了gulp插件之外的其他插件 });gul
2017-08-07 22:21:46
1649
原创 内网穿透 ngrok 工具使用指南
1、下载本人使用的这个版本的ngrok:下载ngrok 2、解压之后,进入ngrok目录,"shift + 右键"选择“在此处打开命令行窗口”, 运行如下命令启动 ngrok,其中 yourdomain 为自行指定的域名,8080 为本地需要映射的端口号。.\ngrok.exe -config ngrok.cfg -subdomain yourdomain 8080举例,假如你本地的测试地址为...
2017-06-14 19:17:39
591
原创 网页制作规范和emmet常用快捷键
html、css、js企业规范 * { margin: 0; padding: 0; } <!-- HTML规范 --> 一、 1、p、dt、h标签 里面不能嵌套块级属性标签 2、内联元素不能嵌套块(a除外) 3、统一用tab缩进 4、对""之类的特殊符号进行实体转义<> 二、图片 1、所有img元素必须加上width height
2017-04-28 14:46:54
688
转载 某老师给我的javascript学习建议
JS学习建议解码有一个通用理论叫“一万小时定律”(不是绝对),做任何事物的深入认知与把握都需要长时间的积累,才能达到自己期望的高度。虽然你接触JavaScript有一段时间了,并且利用业余时间学习,但是过程还是要有的。基础知识那一关你坚持过来了,重头戏是实践中出真理。我在学习方案上给予一定的建议,希望对你有所帮助,感谢:)送你一句话:天行健君子以自强不息!很虚,但很管用的一句话!下面,结
2017-04-07 14:49:41
658
转载 javascript设计模式
设计模式 /* * 1、单件模式(单例模式) * */ //只创建一个实例 var Singleton = (function(){ var instantiated; function init(){ return { publicMethod: function(){
2017-04-06 14:18:39
375
转载 初识javascript编程模式
编程模式 body { width: 100%; height: 1000px; } 这是body的内容! //一、行为隔离 /* * 1.1、内容(html) * 1.2、外观(css) * 1.3、行为(javascript) *1.4、准则:
2017-04-01 17:55:24
368
转载 javascript命名空间的实现
var app = {}; app.namespace = function(name){ var parts = name.split('.'); var current = app; debugger; for(var i in parts){ if(!current[parts[i]]){
2017-04-01 11:12:32
667
转载 js深拷贝
js深拷贝 var s = []; console.log(s['name']); //p:要继承的对象;c: 传入的父对象里面的子对象 function deepCopy(p, c){ var c = c || {}; debugger; for(let i in p){ if(typeof p[i] === 'obj
2017-03-28 17:24:23
429
转载 获取当前浏览器的类型和版本号
//获取当前浏览器类型和版本号 function getBrowserInfo() { var agent = navigator.userAgent.toLowerCase() ; var regStr_ie = /msie [\d.]+;/gi ; var regStr_ff = /firefox\/[\d.]+/gi
2017-03-09 18:03:56
3084
《锋利的jquery》第二版随书源码
2015-12-07
《HTML 5网页开发实例详解》源码2
2015-12-06
《html5网页开发实例详解》随书源码2
2015-12-06
《bootstrap实战》书籍随书实例源码
2015-12-02
超实用的css3代码段源码(376个案例)
2015-12-02
经典之作javascript dom编程艺术源码
2015-12-02
超实用的javascript代码段实战源码(近400个案例)
2015-12-02
使用gulp-useref将html页面js合并报错?
2018-04-27
TA创建的收藏夹 TA关注的收藏夹
TA关注的人